Webアクセシビリティ ARIA9: 複数のテキストノードをつなげて一つのラベルにするために、aria-labelledby を使用する 適用基準
ARIA9を簡単に言うとARIA9: 複数のテキストノードをつなげて一つのラベルにするために、aria-labelledby を使用するaria-labelledby で、ラベルを連結するってやつ。例えば、aria-labelledbyが以...
Webアクセシビリティ Webアクセシビリティ G197: 一貫したラベル は、リンクや画像のaltも対象
適用基準G197: 同じ機能を有するコンテンツに対して、一貫したラベル、名前 (name) 及びテキストによる代替を使用するは、リンクや画像のaltも対象になるので、殆どの場合適用になるはず。同じ機能を提供するユーザインターフェースコンポー...
Webアクセシビリティ G61: 毎回同じ相対的順序で繰り返されるコンポーネントを提示する は、タイトルなども含む。
G61: 毎回同じ相対的順序で繰り返されるコンポーネントを提示するは、一見グロナビだけと思ってしまう方もいるかもしれんが、以下の記述がある。あるウェブサイトでは各ページの先頭に、ロゴ、タイトル、検索フォーム、ナビゲーションバーが置かれている...
Webアクセシビリティ 3.1.2 一部分の言語 の適用基準。単語は適用？
適用判断基準単語基本言語が日本語(＜html lang="ja"＞)であって、そのページに英語単語が1個だけ独立してある場合。3.1.2 一部分の言語: コンテンツの一節、又は語句それぞれの自然言語がどの言語であるか、プログラムによる解釈が...
Webアクセシビリティ H58: 一部言語を変更するのは、基本言語に戻す必要があるか
H58: 自然言語の変更を指定するために、言語属性を使用するこの達成方法を使って、一部の言語を変更した場合、その属性を指定した子孫の階層までは変更後の言語が適用されるが、指定した要素を抜けるとhtml lang で指定した言語に戻る。この例...
Webアクセシビリティ G149 フォーカス時の強調 は、ただのリンクも適用になるぞ、と
適用判断基準リンクテキスト→適用G149: フォーカスを受け取るときに、ユーザエージェントによって強調されるユーザインタフェース コンポーネントを使用するの事例に書いてある。 HTML のリンクがフォーカスを受け取ったとき、フォーカスを強調...
Webアクセシビリティ label要素の書き方2パターン
WebアクセシビリティのG131: 説明的なラベルを提供するを検討していて、labelタグの書き方がわからんかったので調べた。メモ。label要素は、ラベルとなるテキストと、コントロール部品のどちらもを囲む方法と、 label要素に、for...
Webアクセシビリティ 2.4.6 見出し及びラベル～ は、必ずしも適用にしなくて良い
2.4.6 見出し及びラベル: 見出し及びラベルは、主題又は目的を説明している。 (レベル AA)の「意図」には以下の記述がある。注記:この達成基準は見出しやラベルを必ずしも必要としない。まー、ラベルはともかく見出しを一切使わない（=適用外...
Webアクセシビリティ G126: 他の全てのウェブページへのリンク一覧を提供する 適用判断基準
G126: 他の全てのウェブページへのリンク一覧を提供するの解説には以下の記述がある。この達成方法の目的は、個々のウェブページを一組として全てのウェブページへのリンク一覧を提供することである。適用判断基準他のページへのリンクが離れている場合...
Webアクセシビリティ H78: リンクテキストと段落とを組み合わせ 適用基準
H78を簡単に言うと→段落って、パラグラフのこと。<p>タグと<a>の組み合わせ。H78の適用判断基準H78: リンクテキストとそれが含まれている段落とを組み合わせて、リンクの目的を特定するの解説を以下に抜粋する。この達成方法の目的は、リン...