まとめ - React Ariaの実装読むぞ

こんにちは、フロントエンドエンジニアの mehm8128 です。 今回はまとめ回なので、React Aria での a11y 対応について、いくつかの種類に分けて見ていきます。 a11y 対応種類分け していきます。 スクリーンリーダーの読み上げ対応 a11y 対応と言って最初にこれが思い浮かぶ人は多かったのではないでしょうか。 HTML タグを正しく使って構造化するとか、accessible name をつけるという基本的なところから、aria-selectedなどのaria-属性を使って要素の状態を表現したり、aria-live="polite"のようなライブリージョンを用いてアナウンスさせたり、ブラウザ側でサポートされていないようなタイミングで読み上げたい場合に独自のLiveAnnouncerオブジェクトを用いてアナウンスさせたりと、様々な方法で Web ページの状態をスクリーンリー