add 2.4.11#60
Merged
NakajimaTakuya merged 3 commits intofeature/wcag2_2from Dec 19, 2024
Merged
Conversation
shimaokk
reviewed
Oct 24, 2024
|
|
||
| ##### ヒント：フォーカスを受け取ったUIが追従コンテンツによって隠されないようにする | ||
|
|
||
| ページをタブで下に移動すると、フォーカスの当たった要素が表示領域に収まるようにスクロールを伴いますが、追従ヘッダ等がある場合、それによってフォーカスされたUIが隠れてしまうケースがあります。 このような場合、`scroll-padding`プロパティを設定することで要素の重なりを回避することができます。 |
Contributor
There was a problem hiding this comment.
タブはキーボード操作のことよね？
他でEscapeキーのように使ってるから、Tabキーみたいにして統一したほうがよいかも。
あと、句読点の後にスペースが入ってます。
Author
|
|
||
| ##### ヒント：Cookieの利用同意を求めるモーダルダイアログにフォーカスを移動する | ||
|
|
||
| Cookie利用同意のポップアップはしばしばダイアログとして実装され、ページの読み込み後すぐに表示されます。 このダイアログを背面と対話可能なモードレスダイアログとして実装すると、背面のUIがダイアログに完全に隠され、操作が困難になる可能性があります。 この問題を回避するため、ダイアログはモーダルとして実装し、閉じるまでフォーカスが外側のコンテンツに移動しないようにすることが推奨されます。 |
Author
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
#57
https://www.w3.org/TR/WCAG22/#focus-not-obscured-minimum の落とし込み
内容が実装寄りになるので統合位置はそめヲの提案通り実装-インタラクション-level1-フォーカスインジケータとした。
2.4.11ではキーボードフォーカスを動かさずに覆い被さってる状態を解除できる(例えばescキーとか)ならまぁOKという文脈もあるが、閉じたいコンテンツにフォーカスを移さずにキー操作で閉じるといった解決方法をとるケースが思いつかないので一旦スルーした