スクリーンリーダーは視覚的なUIの見た目だけではなく、DOM構造や設定された文字を頼りに情報を伝えるため divボタンにonClickだけ付けたパターンや、読み順がぐちゃぐちゃなレイアウト、モーダルのフォーカストラップ漏れなど 視覚的には問題ないのに“読み上げ体験”を壊してしまうことがあります。
本セッションでは、こういった問題を解決するためのHTMLマークアップを実際にスクリーンリーダーで検証した例を交えながら 見た目だけでは測れないUI崩壊に気づくポイントと、改善例をお話します。