Laboratório Bridge (MEC)•UX/UIデザイナー•2022年7月 - 2025年7月
ビジュアル仕様を変えずにアクセシビリティを改善する
課題
BoldとDSGovの実装を比較監査し、277件のWCAG違反を確認しました。内訳は重大84件、中程度193件です。
試したこと
各デザインシステムの15コンポーネントを、Lighthouse、Axe Core、WAVE、JAWS、NVDA、VoiceOverで評価しました。
なぜ失敗したか
DSGovへの視覚的な忠実さだけでは、セマンティックHTML、ARIA、フォーカス管理の実装上の問題を解決できませんでした。
転換点
ビフォー
監査したDSGov実装でWCAG 2.1 AAの8項目以上に不適合
アフター
検証したシナリオに合格し、仕様との視覚差は0%
学び
開発者と連携し、視覚仕様を保ったまま、セマンティックHTML、ARIA、JavaScriptによるフォーカス管理でコード層を修正しました。
結果
コード層の修正後、検証したシナリオは仕様との視覚差なしで合格しました。この監査はコンピュータサイエンスの卒業論文となり、10点満点の評価を受けました。
インパクト
検証結果は、承認済みのビジュアルシステムを変えずに、実装層のアクセシビリティ修正で適合性を改善できることを示しました。