Manuel Matuzovićは、ナビゲーションボタンにおけるaria-haspopupの広範な誤用を指摘します。ARIA仕様ではポップアップコンテナにmenu、listbox、tree、grid、またはdialogのroleを明示する必要がありますが、多くのサブナビゲーションは通常のlist要素を使用しています。navigation（リンク集）とmenu（アクション項目）の区別は意味論的に重要です。この不一致によりJAWSは「Spaceを押してメニューを開き、矢印キーで移動」と案内しますが、listが適切なmenuウィジェットでないため矢印キーが機能しません。VoiceOver、NVDA、Narrator、TalkBackはそれぞれ異なる挙動を示し、ユーザーに一貫性のないアクセス体験を与えます。正しい修正はaria-haspopupを削除し、ボタンにaria-expandedをトグルすることです。
role=presentationはaria-hidden=trueの代替ではない - Manuel Matuzovic
Manuel Matuzovićの#WebAccessibilityFailsシリーズで、よく混同される2つの属性の違いを明確に解説します。aria-hidden="true"は要素とその全サブツリーをアクセシビリティツリーから完全に除去しますが、role="presentation"は要素のネイティブroleを取り除くだけで、子要素やテキストコンテンツは依然として公開されます。アクセシブルな名前を持たないSVGにrole="presentation"を適用するとVoiceOver、TalkBack、JAWS、NVDAは無視しますが、aria-labelを追加すると多くのスクリーンリーダーは読み上げてしまいます。SVGのテキストノードも例外なく読み上げられます。img要素には空のalt属性が唯一の確実な方法であり、それ以外ではaria-hidden="true"を使用する必要があります。
Martin Underhillは、alt textとfigcaptionの役割を明確に区別します。alt textは画像を見られないユーザーのために画像の意味を代替するものであり、figcaptionは画像が周囲のコンテンツの中で果たす役割を説明するものです。単独のプロフィールページではaltだけで十分ですが、複数の人物が登場する長い記事では「Martin Underhill of tempertemper」のようなfigcaptionが周辺テキストの負担を軽減します。複数の画像を一つのキャプションでグループ化する方法、複数の課題にまたがって番号付きで参照するfigureの活用、そしてtitle要素で説明テキストを提供するインラインSVGの利用法も紹介されています。重要なルール: altとcaptionは決して同一にしてはならず、一方は画像を代替し、もう一方は画像に文脈を与えます。
Manuel Matuzovićは、ナビゲーションボタンにおけるaria-haspopupの広範な誤用を指摘します。ARIA仕様ではポップアップコンテナにmenu、listbox、tree、grid、またはdialogのroleを明示する必要がありますが、多くのサブナビゲーションは通常のlist要素を使用しています。navigation（リンク集）とmenu（アクション項目）の区別は意味論的に重要です。この不一致によりJAWSは「Spaceを押してメニューを開き、矢印キーで移動」と案内しますが、listが適切なmenuウィジェットでないため矢印キーが機能しません。VoiceOver、NVDA、Narrator、TalkBackはそれぞれ異なる挙動を示し、ユーザーに一貫性のないアクセス体験を与えます。正しい修正はaria-haspopupを削除し、ボタンにaria-expandedをトグルすることです。
role=presentationはaria-hidden=trueの代替ではない - Manuel Matuzovic
Manuel Matuzovićの#WebAccessibilityFailsシリーズで、よく混同される2つの属性の違いを明確に解説します。aria-hidden="true"は要素とその全サブツリーをアクセシビリティツリーから完全に除去しますが、role="presentation"は要素のネイティブroleを取り除くだけで、子要素やテキストコンテンツは依然として公開されます。アクセシブルな名前を持たないSVGにrole="presentation"を適用するとVoiceOver、TalkBack、JAWS、NVDAは無視しますが、aria-labelを追加すると多くのスクリーンリーダーは読み上げてしまいます。SVGのテキストノードも例外なく読み上げられます。img要素には空のalt属性が唯一の確実な方法であり、それ以外ではaria-hidden="true"を使用する必要があります。
Martin Underhillは、alt textとfigcaptionの役割を明確に区別します。alt textは画像を見られないユーザーのために画像の意味を代替するものであり、figcaptionは画像が周囲のコンテンツの中で果たす役割を説明するものです。単独のプロフィールページではaltだけで十分ですが、複数の人物が登場する長い記事では「Martin Underhill of tempertemper」のようなfigcaptionが周辺テキストの負担を軽減します。複数の画像を一つのキャプションでグループ化する方法、複数の課題にまたがって番号付きで参照するfigureの活用、そしてtitle要素で説明テキストを提供するインラインSVGの利用法も紹介されています。重要なルール: altとcaptionは決して同一にしてはならず、一方は画像を代替し、もう一方は画像に文脈を与えます。
