0

私は Lighthouse のアクセシビリティ スコアを改善しようとしており、1 つのことを除いて、Lighthouse が投げかけてくるすべてに対処する方法を知っています。

色のコントラストの問題があり、評価に Unicode の★文字を使用しています。黄色 (#FFD500) ですが、白い背景に対するコントラストは AA に合格しません。色を変更することはできませんが、スクリーン リーダー用にテキスト ベースの代替手段 (オフスクリーン ポジショニングを使用) を用意しました。したがって、支援技術を使用している完全な視覚障害者はカバーされていますが、晴眼者の低コントラストの問題を解決する方法が本当に思いつきません. aria-hidden="true" を使用して Lighthouse による評価を停止しようと考えましたが、うまくいきませんでした。

色を変更することも、サイズを変更することも、レポートでマスクすることもできません。どうしようもないのかな。

画像/SVG の Unicode スターを変更できることに注意してください。これで問題は解決しますが、さまざまな退屈な理由については説明しませんが、このアプローチは他の問題を引き起こしました (そして、Unicode 文字を選択した理由です)。

4

2 に答える 2