WAI-ARIA対応のタブ型 UI の読み上げ検証を行いました。 - White Stageこの記事は、Web Accessibility Advent Calendar 2016 1日目の記事です。 A11YJ Slackで「タブ型 UI についてどうマークアップすればベストなのか？」という話題について色々と議論がなされており、私もかなり気になったのでWAI-ARIA対応のタブ型 UI をスクリーンリーダーがどのように読み上げるか検証してみました。 検証結果は、WAI-ARIA対応のタブメニューを4種スクリーンリーダーで読み上げた検証結果1とWAI-ARIA対応のタブメニューを4種スクリーンリーダーで読み上げた検証結果2をご覧ください。 検証結果から考察すると当たり前のことかもしれませんが、WAI-ARIAのどの記述をどこに入れるか又どの組み合わせで入れるかそしてどのスクリーンリーダーを使われている環境なのかによって提供できる情報が違ってくるだけでなく情報が正確に伝わらなくなる
