トップページのアクセシビリティを改善しました

2024年4月14日

まだ限定的ですが、できるところから改善していきたいと思います。

実装項目

• 全てのリンク要素、ボタン要素をタブ移動で選択できるようにしました。
• スクリーンリーダーによる読み上げの改善をしました。

具体的には次の実装内容になります。

• リンクリストページネーションの各ボタンをbutton要素でマークアップしました。
• リンクリストページネーションのbutton要素にaria-label属性を設置し機能の説明を加えました。

2024年5月24日追加実施

• Voice Over で略語（例:GA4,UA）が意図した通りに読み上げられないため、略語ではない表記に変更しました。

参考サイト

• キーボードで操作可能な JavaScript ウィジェット – mdn
• 【Javascript】 Enterキーを押してイベントを発火させる（aタグのボタンでsubmit）
• キーボードで操作可能な JavaScript ウィジェット
• スクリーンリーダーを使ってみよう – macOS VoiceOver 編
• アクセシビリティ向上のためにマークアップ時に行うこと、イロイロ

検証環境