HTML
An attribute that tells assistive technologies whether a button is pressed or not.
aria-pressed属性
aria-pressed
属性は、主に「押し込み型ボタン(トグルボタン)」に使われる アクセシビリティ用の属性です。
ボタンが「押されている状態」なのか「押されていない状態」なのかをスクリーンリーダーなど支援技術に伝える役割があります。
この属性を使うと、見た目だけでなく音声読み上げや支援ツールでも状態が分かるようになります。
値は以下のように設定できます:
- true
- ボタンが押されている状態
- false
- ボタンが押されていない状態
- mixed
- 押されているかどうかが混在している状態(特別なケース)
- undefined
- 状態が未定義
たとえば「お気に入りボタン」を作るときに aria-pressed="true"
を付けると、利用者に「このボタンは今オンになっている」と伝えられます。