アクセシビリティオプションにアクセスする方法を確認する方法

Question

多くのWebページには、フォントサイズを変更したり、コントラストを上げたりできるオプションがあります。これらのオプションは、ほとんどの場合、視覚障がい者向けに設計されています。

アクセシビリティを向上させるオプションを実際に見つけるためにどのような技術を使用していますか？

Answer 1

WCAG 2.0 specによれば、高コントラストトグル自体が高コントラストでなければならない。私は単純に私のページの頭の上に白黒のボタン（効果のために焦点を当てたときに反転）を作成することによってこれをやった。私はボタンの内容にフォントのすばらしいアイコンを使用することを決めたので、<i>にはrole="img"とaria-label="High Contrast Toggle"を含めるように注意しました。私はまた、それは、デフォルトですべてのテキストの高コントラストを作る方が良いでしょうtabindex

を追加することにより、トグルキーボード・アクセスを行うように注意しましたが、私は変更したくなかったので、私はまた、学習課題としてトグルを選んだと私のページの配色。仕様で提案されているトグルの代替方法はskrims or text-shadowです。 （説明、第3段落）。これは見た目が良くなりましたが、私のテストツール（WAVE Chrome拡張機能v。1.0.1）では変更が検出されなかったため、切り替えを行うことにしました。

Answer 2

このようなウィジェットを提供する場合は、文書にも添付してください。を使用していないことを確認する必要があります。それ以外の場合（既定の設定では文書にアクセスできない）、一部のユーザーはウィジェットを検索してそのウィジェットを使用して設定を変更することはできません。

ウィジェットを使用せずにドキュメント全体にアクセスできない場合は、ウィジェットにアクセスして使用できることを確認する必要があります。これはlink to an alternate versionを提供するのと同様です。

私が知る限り、アクセシビリティ関連のウィジェットにマークを付けたり注釈を付ける標準的な方法はありません。重要であれば、文書の最初の要素の1つとして持つことが理にかなっています。

（そして、ちょうど場合にはそれが明確ではありません：。それがすべてでは、そのようなウィジェット、e.g., for text resizingを提供するために、めったに必要ません。あなたの文書がアクセス可能であることを確認するために他の多くの方法/技術がしばしばあります）