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

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

ただし、すでに述べたとおり、これは最低限のアクションにすぎません。以下では、その他の手法について説明します。

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

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

他の要素にアクセスできるようにするには、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 属性を設定すると、キーボード フォーカスを受け取れます。次に例を示します。

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

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