Webアクセシビリティ 視覚的にリンクを見えなくする、C7: リンクテキストの一部を非表示にするために、CSS を使用する
C7: リンクテキストの一部を非表示にするために、CSS を使用する
では、視覚的にはリンクを見えなくし、スクリーンリーダーや音声ブラウザにのみリンクの情報（テキスト）を伝えることができる。
クズリーマン
Webアクセシビリティ Webアクセシビリティ G91とH30の違い
G91: リンクの目的を説明したリンクテキストを提供すると、H30: a 要素のリンクの目的を説明するリンクテキストを提供するの違い。 G91・・・リンクテキストのみの話。リンクテキストがリンク先の説明を十分にしているか。 H3...
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: リンク、フォームコントロール、及びオブジェクトを通して、論理的なタブ順序を作成する
は、
初期設定のタブ順番が十分でない時に、論理的なタブ順番を提供することである
ということ。
手順を見てみると以下の記述。
tabin...
Webアクセシビリティ G59の、「インタラクティブな要素」は、単なるリンクも含む。
G59: コンテンツ内の順番及び関係に従った順序で、インタラクティブな要素を配置する
の、「インタラクティブな要素」は、一見、フォームのことだけかと思ってしまうが、フォームだけではなく、単なるリンクも「インタラクティブな要素」に含まれる。
...
Webアクセシビリティ ページタイトルに関する達成方法G88とH25の違い
G88: ウェブページに説明的なタイトルを提供すると、H25: title 要素を用いて、ページタイトルを提供するの違い。ぱっと見同じっぽく見えるが、以下の違いがある G88・・・ページのタイトル H25・・・ページのタイトルお...