マウスを使わないユーザー

運動機能の障害があるユーザーや、パワーユーザー（プログラマーなど）は、操作のすべてをキーボードで行います。Webサイトは、マウスがなくても完全に操作できなければなりません。

フォーカスインジケーターを消さない

Webブラウザには、操作対象（リンクやボタン）を青い枠線などで囲む「フォーカスリング」が標準で備わっています。 「デザイン的に格好悪い」という理由で、CSSで outline: none; にして消していませんか？ 絶対に消してはいけません。 フォーカスが見えなくなると、キーボードユーザーは自分が今どこにいるのか分からなくなり、サイトを利用できなくなります。 デザインをカスタマイズしたい場合は、:focus-visible 疑似クラスを使って、視認性の高い独自のスタイルを適用しましょう。

論理的なタブ順序 (Tab Sequence)

キーボードの Tab キーを押したとき、フォーカスは 「HTMLの記述順」 に移動します。 CSS（flex-direction: row-reverse や order プロパティ）で見た目の順番を変えても、フォーカスの移動順は変わりません。 見た目とフォーカス順序が一致していないと、ユーザーは大混乱します。基本的には、HTMLの構造通りにレイアウトを組むことが重要です。

スキップリンクの実装

ヘッダーメニューのリンクが多いサイトでは、メインコンテンツに辿り着くまでに何回も Tab を押さなければなりません。 ページの先頭に「メインコンテンツへスキップ」というリンク（普段は隠しておき、フォーカスされた時だけ表示する）を設置すると、キーボードユーザーの利便性が大幅に向上します。