Ameba Accessibility Guidelinesのアップデートのお知らせです。

1.1.1 画像に代替テキストを提供するの内容の見直しを行いました。

 

達成基準1.1.1ページの画像。達成項目の番号とタイトル、Ameba Accessbility Guidelinesの記載がある。

 

 

 

変更の経緯

WAI-ARIA 1.2ではgeneric roleに対してaria-labelの付与は禁止されています。
それに対して今まで推奨していたのはアイコンに対してaria-labelを付与するものとなっていました。
 
この良い実装例はむしろ悪い実装例であったことになります。
 

変更後の実装方法

「不可視のテキスト要素を用意し、支援技術にはアイコン自体を無視させる」という実装を推奨とします。
 
上記実装を取り入れた背景として
  • 機械翻訳されやすい
  • 対応している支援技術が多い
という理由からです。
 
他にもご意見や気になることがありましたらissueTwitterで教えていただければと思います。
Amebaブログでは引き続き、誰もがいつでも、迷わず「書く」「読む」「応える」ができるサービスを目指してアクセシビリティ向上に取り組んでまいります。