拡張機能にアクセスできるようにする

多くのユーザーにとって、ユーザー補助機能は文字どおりユーザー インターフェースであり、その機能は多くの場合、拡張機能を操作する主な手段としてユーザー補助を必要としないユーザーにとって有用です。手法はさまざまです。少なくとも、テキストは高コントラストにする必要があります。動画には字幕を付ける。画像には alt 属性を含める必要があります。

しかし、前述のとおり、これはあくまで最低条件です。その他の手法については、以降で説明します。

ユーザー補助を実装する方法はいくつかありますが、最も簡単な方法は、標準の HTML コントロール、特に入力要素を使用する方法です。次の図に、これらのコントロールを示します。

</ph> ボタン、チェックボックス、ラジオボタン、テキスト、選択/オプション、リンクのスクリーンショットとコード。

他の要素にアクセスできるようにするには、ARIA 属性を使用します。これらの属性により、ウェブページ上のコントロールの機能と現在の状態に関する情報をスクリーン リーダーに提供できます。たとえば、

<div role="toolbar" tabindex="0" aria-activedescendant="button1">
  <img src="buttoncut.png" role="button" alt="cut" id="button1">
  <img src="buttoncopy.png" role="button" alt="copy" id="button2">
  <img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>

デフォルトでは、HTML DOM でキーボード フォーカスを受け取ることができる要素は、アンカー、ボタン、フォーム コントロールのみです。幸いなことに、HTML 要素に tabIndex 属性を設定すると、その HTML 要素でキーボード フォーカスを受け取ることができます。例:

<div tabindex="0">I can receive focus with the tab key.</div>

これらの手法などを実装する手順については、ユーザー補助をサポートするをご覧ください。