Aタグなどリンクするタグ に aria-label をつける

WAI-ARIAの基本 - ウェブ開発を学ぶ | MDN

ARIA ラベルと関係性  |  Web  |  Google Developers

ARIA は要素にラベルと説明を加える複数の仕組みを提供します。実際に、ARIA はユーザー補助のサポートや説明テキストを追加できる唯一の方法です。読み取り可能なラベルを作成する際に ARIA が使用するプロパティを見てみましょう。

Aタグに aria-label をつけてみましょう

<a href="article_123.html">続きを読む</a>

 ↓

<a href="article_123.html" aria-label="記事「ホッキョクグマの生態について」の続きを読む">続きを読む</a>

BUTTONタグに aria-label をつけてみましょう

<button type="submit" class="btn btn-default">検索</button>

 ↓

<button type="submit" class="btn btn-default" aria-label="検索する">検索</button>

SELECTタグに aria-label をつけてみましょう

<select onchange="location.href='hoge.html';">

 ↓

<select onchange="location.href='hoge.html';" aria-label="hogeページへ移動します)">
No.1330
10/31 12:15

edit