リンクにはプログラムで決定可能なテキストが必要です

• すべてのリンクの名前がアクセシブルであることを確認しましょう。リンクテキストがスクリーン・リーダーには認識されない、リンクのラベルが重複している、もしくはリンクがフォーカスできない可能性があります。

• すべてのリンクがプログラムによるフォーカスを受け取れるようにします。例えば、デバイス固有のイベントは避けるようにします (例: onmouseover)。

• すべてのリンクテキストをスクリーン・リーダーで認識できるようにするため、リンクテキストを非表示にしてはなりません (例えば、display: none や aria-hidden="true" で)。

• すべてのリンクが確実にプログラムによるフォーカスを受け取れるようにするため、onmouseover()、mouseover()、hover()、onmouseout()、mouseout() などのデバイス固有の JavaScript イベントを避けるようにします。これらを、onfocus()、focus()、onblur()、や blur() などのデバイスに依存しないイベントに置き換えます。

• リンクがプログラムによるフォーカスの対象であるとき、スタイルの変更を抑えるためにリンクのスタイルを変更しないようにします。リンクのスタイルを変更すると目の見えるキーボードユーザーがページのどこにいるかを把握する機能を取り除きます。さらに、a 要素と href 属性を使って本物のリンクを作っていることを確認します。

ARIA 1.1 の Wiki Using aria-label for link purpose ページでは aria-label 属性を使って HTML のリンクの目的を説明する例を次の通り提供しています:

<h4>Neighborhood News</h4>
 <p>Seminole tax hike: Seminole city managers are proposing a 75% increase in 
 property taxes for the coming fiscal year.
 <a href="taxhike.html" aria-label="Read more about Seminole tax hike">[Read more...]</a>
 </p> 
 <p>Baby Mayor: Seminole voters elect the city's youngest mayor ever by voting in 3 year
 old Willy "Dusty" Williams in yesterday's mayoral election.
 <a href="babymayor.html" aria-label="Read more about Seminole's new baby mayor">[Read more...]</a>
 </p>