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" を付けると、利用者に「このボタンは今オンになっている」と伝えられます。