リンクには識別可能なテキストが必要です

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

• すべてのリンクがプログラム的なフォーカスを受け取ることができるようにしてください。たとえば、デバイス固有のイベント (例: onmouseover) は避けます。

• すべてのリンク テキストがスクリーン リーダーに表示されるようにするには、リンク テキストを非表示にすることはできません (例: display: none または aria-hidden="true")。

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

• プログラムフォーカスの対象がリンクの場合、スタイルの変更を抑制するためにリンクのスタイルを変更しないでください。リンク スタイルを変更すると、目の見えるキーボード ユーザーがページ上のどこにいるかを把握できなくなります。さらに、 a 要素と href 属性を使用してHTMLの実際のリンクを作成していることを確認してください。

ARIA 1.1 Wikiの リンクの目的に aria-label を使用 ページには、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>