Webアクセシビリティ

Webアクセシビリティの G131: 説明的なラベルを提供する を検討していて、labelタグの書き方がわからんかったので調べた。 メモ。 label要素は、ラベルとなるテキストと、コントロール部品のどちらもを囲む方法と、 label要...

2.4.6 見出し及びラベル: 見出し及びラベルは、主題又は目的を説明している。 (レベル AA) の「意図」には以下の記述がある。 注記:この達成基準は見出しやラベルを必ずしも必要としない。 まー、ラベルはともかく見出しを一切使わな...

G126: 他の全てのウェブページへのリンク一覧を提供する の解説には以下の記述がある。 この達成方法の目的は、個々のウェブページを一組として全てのウェブページへのリンク一覧を提供することである。 適用判断基準 他のページへのリンクが離...

H78を簡単に言うと→段落って、パラグラフのこと。 <p>タグと<a>の組み合わせ。 H78の適用判断基準 H78: リンクテキストとそれが含まれている段落とを組み合わせて、リンクの目的を特定する の解説を以下に抜粋する。 この達成方法の...

H77の適用判断基準H77: リンクテキストとそれが含まれているリスト項目とを組み合わせて、リンクの目的を特定するでは、以下の様に書かれている。この達成方法の目的は、リンクとそれを含んでいるリスト項目の文脈から、リンクの目的を特定することで...

必ず記載しなければならないもの 5.2.1 適合表明の必須要素  適合表明は，必須ではない。コンテンツ制作者は，適合表明をしなくても，この規格に適合することができる。しかし，もし適合表明をする場合には，その適合表明には次の情報が含まれ...

C7: リンクテキストの一部を非表示にするために、CSS を使用する では、視覚的にはリンクを見えなくし、スクリーンリーダーや音声ブラウザにのみリンクの情報（テキスト）を伝えることができる。

G91: リンクの目的を説明したリンクテキストを提供すると、H30: a 要素のリンクの目的を説明するリンクテキストを提供するの違い。 G91・・・リンクテキストのみの話。リンクテキストがリンク先の説明を十分にしているか。 H3...

SCR27: Document Object Model を用いて、ページ上にある複数のセクションを並び替える は、手順を見ると1番目に以下の記述がある。 ドラッグ＆ドロップで再配置可能なウェブユニット内のすべてのコンポーネントを探...

SCR37: デバイス非依存な方法でカスタムダイアログを作成するは、手順を見ると、内容を早く理解できる。以下に手順を引用しておく。 ポップアップウインドウでないダイアログのトリガーとなるものページ内の全ての場所を探す。 Tab ...