完全に隠さない
AAでは、作者が配置したコンテンツによってフォーカス対象全体が隠れないようにします。
WEB ACCESSIBILITY · KEYBOARD FOCUS
Focus Not Obscured Lab
フォーカスリングがあっても、固定UIの裏なら見えない。
LIVE OBSTRUCTION TEST
Tabの現在地を、フロートUIの裏へ隠さない
STICKY HEADEROBSCURED
ACCOUNT / 2026
Everything
in one place.
RECENT PROJECTS
Selected work
ACCOUNT SETTINGS
Notifications
保存すると、利用規約に同意したものとみなされます。
READY
「隠れを再現する」を押すと、検証対象へフォーカスが移動します。
FOCUS VISIBILITY RULES
見えるリングと、隠れない配置は別々に確認する
一部も隠さない
AAAでは、フォーカス対象のどの部分も作者のコンテンツで隠れない状態を目指します。
重ねる前に場所を取る
固定UIの高さをスクロール余白へ反映し、角のフロートUIには配置領域を確保します。
ズーム後もTabで確認
表示幅や文字サイズが変わると重なり方も変わるため、狭い画面でも実際にたどります。