Webアクセシビリティ G149 フォーカス時の強調 は、ただのリンクも適用になるぞ、と 適用判断基準 リンクテキスト→適用 G149: フォーカスを受け取るときに、ユーザエージェントによって強調されるユーザインタフェース コンポーネントを使用する の事例に書いてある。 HTML のリンクがフォーカスを受け... 2022.07.07 Webアクセシビリティ
Webアクセシビリティ label要素の書き方2パターン Webアクセシビリティの G131: 説明的なラベルを提供する を検討していて、labelタグの書き方がわからんかったので調べた。 メモ。 label要素は、ラベルとなるテキストと、コントロール部品のどちらもを囲む方法と、 ... 2022.07.07 Webアクセシビリティ
Webアクセシビリティ 2.4.6 見出し及びラベル~ は、必ずしも適用にしなくて良い 2.4.6 見出し及びラベル: 見出し及びラベルは、主題又は目的を説明している。 (レベル AA) の「意図」には以下の記述がある。 注記:この達成基準は見出しやラベルを必ずしも必要としない。 まー、ラベルはともかく見出し... 2022.07.07 Webアクセシビリティ
Webアクセシビリティ G126: 他の全てのウェブページへのリンク一覧を提供する 適用判断基準 G126: 他の全てのウェブページへのリンク一覧を提供する の解説には以下の記述がある。 この達成方法の目的は、個々のウェブページを一組として全てのウェブページへのリンク一覧を提供することである。 適用判断基準 他のページへ... 2022.07.07 Webアクセシビリティ
Webアクセシビリティ H78: リンクテキストと段落とを組み合わせ 適用基準 H78を簡単に言うと→段落って、パラグラフのこと。 <p>タグと<a>の組み合わせ。 H78の適用判断基準 H78: リンクテキストとそれが含まれている段落とを組み合わせて、リンクの目的を特定する の解説を以... 2022.07.07 Webアクセシビリティ
Webアクセシビリティ H77: ul liとリンクの組み合わせ 適用基準 H77の適用判断基準 H77: リンクテキストとそれが含まれているリスト項目とを組み合わせて、リンクの目的を特定する では、以下の様に書かれている。 この達成方法の目的は、リンクとそれを含んでいるリスト項目の文脈から、リンクの目的... 2022.07.07 Webアクセシビリティ
Webアクセシビリティ Webアクセシビリティ方針の書き方 必ず記載しなければならないもの 5.2.1 適合表明の必須要素 適合表明は,必須ではない。コンテンツ制作者は,適合表明をしなくても,この規格に適合することができる。しかし,もし適合表明をする場合には,その適合表明には次の情... 2022.07.07 Webアクセシビリティ
Webアクセシビリティ 視覚的にリンクを見えなくする、C7: リンクテキストの一部を非表示にするために、CSS を使用する C7: リンクテキストの一部を非表示にするために、CSS を使用する では、視覚的にはリンクを見えなくし、スクリーンリーダーや音声ブラウザにのみリンクの情報(テキスト)を伝えることができる。 2022.07.05 Webアクセシビリティ
Webアクセシビリティ G91とG30の違い G91: リンクの目的を説明したリンクテキストを提供する と、 H30: a 要素のリンクの目的を説明するリンクテキストを提供する の違い。 G91・・・リンクテキストのみの話。リンクテキストがリンク先の説明を十分にしてい... 2022.07.05 Webアクセシビリティ
Webアクセシビリティ SCR27: DOM を用いて、ページ上にある複数のセクションを並び替える は、ウィジェットが無ければ適用外 SCR27: Document Object Model を用いて、ページ上にある複数のセクションを並び替える は、手順を見ると1番目に以下の記述がある。 ドラッグ&ドロップで再配置可能なウェブユニット内のすべてのコンポー... 2022.07.05 Webアクセシビリティ