問題タブ [lighthouse]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
colors - Lighthouse Report - アクセシビリティのコントラストの問題 - 解決方法について何か考えはありますか?
私は Lighthouse のアクセシビリティ スコアを改善しようとしており、1 つのことを除いて、Lighthouse が投げかけてくるすべてに対処する方法を知っています。
色のコントラストの問題があり、評価に Unicode の★文字を使用しています。黄色 (#FFD500) ですが、白い背景に対するコントラストは AA に合格しません。色を変更することはできませんが、スクリーン リーダー用にテキスト ベースの代替手段 (オフスクリーン ポジショニングを使用) を用意しました。したがって、支援技術を使用している完全な視覚障害者はカバーされていますが、晴眼者の低コントラストの問題を解決する方法が本当に思いつきません. aria-hidden="true" を使用して Lighthouse による評価を停止しようと考えましたが、うまくいきませんでした。
色を変更することも、サイズを変更することも、レポートでマスクすることもできません。どうしようもないのかな。
画像/SVG の Unicode スターを変更できることに注意してください。これで問題は解決しますが、さまざまな退屈な理由については説明しませんが、このアプローチは他の問題を引き起こしました (そして、Unicode 文字を選択した理由です)。
google-pagespeed - Pagespeed は、ライトハウスでの Google Chrome パフォーマンス監査とは異なるスコアを示しています
Pagespeed のインサイトに頼りながら、ウェブサイトの所有者を混乱させます。First Contentful Paint パラメータと Google Chrome の lighthouse 監査パフォーマンスで異なるスコアを表示!