多くのユーザーにとって、ユーザー補助は文字どおりユーザー インターフェースであり、その機能は、拡張機能を操作する主な手段としてユーザー補助を必要としない人にとって役立つことが少なくありません。その手法は多種多様です。少なくとも、テキストは高コントラストにする必要があります。動画に字幕を付ける。画像には 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>
これらの手法の実装手順などについては、ユーザー補助をサポートするをご覧ください。