Webアクセシビリティ H77: ul liとリンクの組み合わせ 適用基準
H77の適用判断基準H77: リンクテキストとそれが含まれているリスト項目とを組み合わせて、リンクの目的を特定するでは、以下の様に書かれている。この達成方法の目的は、リンクとそれを含んでいるリスト項目の文脈から、リンクの目的を特定することで...
Webアクセシビリティ Webアクセシビリティ Webアクセシビリティ方針の書き方
必ず記載しなければならないもの5.2.1 適合表明の必須要素 適合表明は，必須ではない。コンテンツ制作者は，適合表明をしなくても，この規格に適合することができる。しかし，もし適合表明をする場合には，その適合表明には次の情報が含まれていなけれ...
Webアクセシビリティ 視覚的にリンクを見えなくする、C7: リンクテキストの一部を非表示にするために、CSS を使用する
C7: リンクテキストの一部を非表示にするために、CSS を使用するでは、視覚的にはリンクを見えなくし、スクリーンリーダーや音声ブラウザにのみリンクの情報（テキスト）を伝えることができる。
Webアクセシビリティ G91とH30の違い
G91: リンクの目的を説明したリンクテキストを提供すると、H30: a 要素のリンクの目的を説明するリンクテキストを提供するの違い。 G91・・・リンクテキストのみの話。リンクテキストがリンク先の説明を十分にしているか。 H30・・・リン...
Webアクセシビリティ SCR27: DOM を用いて、ページ上にある複数のセクションを並び替える は、ウィジェットが無ければ適用外
SCR27: Document Object Model を用いて、ページ上にある複数のセクションを並び替えるは、手順を見ると1番目に以下の記述がある。 ドラッグ＆ドロップで再配置可能なウェブユニット内のすべてのコンポーネントを探す。つまり...
Webアクセシビリティ SCR37: デバイス非依存な方法でカスタムダイアログを作成する は、手順を見ると早く理解できる
SCR37: デバイス非依存な方法でカスタムダイアログを作成するは、手順を見ると、内容を早く理解できる。以下に手順を引用しておく。 ポップアップウインドウでないダイアログのトリガーとなるものページ内の全ての場所を探す。 Tab キーでその場...
Webアクセシビリティ SCR26: 動的なコンテンツを、トリガーとなる要素の直後に挿入する とは
SCR26: 動的なコンテンツを、Document Object Model の、そのトリガーとなる要素の直後に挿入するは、トリガーとなるボタンやリンクの、同じページ内で、トリガーの直後にダイアログを表示するということ。別ウインドウでダイア...
chrome Chrome Developer tools elements 全部オープン ショートカットキーは、alt + →
Google Chromeの「Developer tools」（右クリック→ページの要素を検証）とか、F12とか、Ctrl+Shift+Cで開くやつ。）の、Elements（下図の①）で、DOMを全部開くショートカットキー（下図の②）。色々...
Webアクセシビリティ C27: DOM の順序を表示順序と一致させる は、必ず適用になる
C27: DOM の順序を表示順序と一致させるこれは、Webページの見た目の順序と、DOMの順序が一致しているか、というもの。手順引用：エンドユーザに提供されているウェブページのコンテンツの順序を視覚的に検査する。DOM を表示できるツール...
Webアクセシビリティ H4: 論理的なタブ順序を作成する は、tabindexを使用する必要がない場合、適用外
H4: リンク、フォームコントロール、及びオブジェクトを通して、論理的なタブ順序を作成するは、初期設定のタブ順番が十分でない時に、論理的なタブ順番を提供することであるということ。手順を見てみると以下の記述。 tabindexが使われているか...