アクセシビリティ

aria-labelledby

• <label for="">の代わりになるもの。タグのlabelを示すための用途。

aria-describedby

• 他のタグを説明するもの。ユーザーが必要とするかもしれないより詳細な情報を提供する用途。

aria-live

• ページのコンテンツが動的に変更された時に、ページリーダーがどのように扱うか示すもの。
• off（更新を通知しない）、polite（現在の読み上げ音声が終わった後に通知）、assertive（直ちに通知）の3つが使用されます

tabindex

• tabindex="0"：div要素など通常ではtabでフォーカスされないものにフォーカスを当てたい時に使用する。
• tabindex="-1"
• Enter等での操作はできないため、追加でonkeydown等の処理を書く必要がある。