リンクのようなボタンを作る: Days on the Moon

こんばんは、JavaScript Advent Calendar 2010、15 日目担当の nanto_vi (なんと) です。12 月 15 日が何の日か調べてみると東北本線が宮城県に到達した日とのこと。当時は上野から仙台まで 12 時間 20 分かかったそうです。それから 123 年を経た現在では同じ時間で鹿児島中央から新青森まで行けるようになり、鉄道の速度にも JavaScript の実行速度にも日進月歩を感じる今日この頃です。 さて、アプリケーションを作っていると、見た目はリンクのようだがリンクでない UI 部品を使いたくなるときがあります。ここで「リンクでない」とは、クリックしてもページ遷移が発生しないということです。このような UI 部品は、ページ遷移の代わりにメニューの表示といった何らかのアクションを引き起こす、すなわちボタンとして振舞います。 ユーザーインターフェース記述

[namisk]

インラインのbuttonの作り方。tabでフォーカスできてもenterで動作させられないなら、それこそ本末転倒。ヤヤコシイ属性の指定をするくらいならspanでtabフォーカスをあきらめるか、アンカータグ使うわ、ってなった。

[htsign]

メニュー表示くらいならbutton要素にCSSでfocus擬似クラスを割り当てたらどうかと思ったけど、Tabで移動したらフォーカス当たった時点で表示されてしまうな。

[janus_wel]

WAI-ALIA role attribute

[hidehish]

見てる:

[edvakf]

「もしもそれがリンクのように見え、リンクのようにクリックできるのなら、それはリンクである」←言ってみたかっただけ。特に意味は考えてない。

[AltNight]

にゃ

[efcl]

ボタンを押したときに動作するものを button,a,span

[yomotsu]

<a href="javascript:fn();"> はどうだろう

[ghostbass]

本末転倒。「外見がどうあろうとリンクでないものの記述に使うの好ましくありません。」と言っておきながらリンクのように見えるオブジェクトをリンクとして動作させない、ってなんなの

[mooz]

tabindex 属性を指定することで要素がフォーカス可能に.