All-Green Lighthouse: How I Fixed Every Audit on My AnalogJS Blog Lighthouse オールグリーン達成:AnalogJS ブログの監査修正事例
Lighthouse 監査で満点達成するための手法を、AnalogJS ブログの事例を通じて解説。Web アクセシビリティテストの実践的な改善方法を紹介。
Lighthouse 監査で満点達成するための手法を、AnalogJS ブログの事例を通じて解説。Web アクセシビリティテストの実践的な改善方法を紹介。
CI/CDパイプラインにアクセシビリティテストを統合し、限定予算で自動化を実現する方法。テストツールの選択・運用・2025年6月までのロードマップを解説する。
Lighthouseスコアやチェックリストでは見落とされやすい認知アクセシビリティの重要性を解説する。ユーザーの認知負荷の差が実際の使いやすさに大きく影響することを示す。
自動化ツールに依存せず、セマンティックHTML・キーボード操作・フォーカス設計による総合的なアクセシビリティアプローチを解説。人間による検証の重要性を強調する。
新入社員研修最終日の実装作業。Lighthouse 90点を超えた細微な最適化を通じて、ユーザー視点のプログラミング実践を紹介する。
Lighthouse等の自動アクセシビリティ監査ツールが図表や複雑なUIコンポーネントを正確に評価できない理由を解説。キーボード操作の制限など実際のアクセシビリティの問題を事例で示す。
自動テストツールaxe-coreとLighthouseの検出精度を比較。50ウェブサイトでの実測結果から、各ツールの得意分野と限界を明らかにする比較研究。
axe-coreはオープンソースのアクセシビリティ監査エンジン。Deque・Lighthouse・Microsoft等で採用されている。チェック対象・非対象項目と制限事項を解説。
WCAG基準で定めるカラーコントラスト要件と、Lighthouseなどの監査ツールで検出される失敗パターンを解説。
アクセシビリティテストにはスキャナー以上の方法が必要。自動テストツールは30〜50%程度しか検出できず、手動テストの重要性を解説。
自動スキャナーツール(axe・WAVE・Lighthouse等)が検出できないアクセシビリティチェック項目を示し、AccessGuardがいかに対応しているかを解説する。
Claude Codeへのアクセシビリティ指示の有無がデザインシステムの実装品質に与える影響をLighthouseスコアで計測・比較した実践検証記事。
Webサイトのアクセシビリティを自動評価するツール(axe、Lighthouse等)の有効性を比較分析。各ツールの問題検出精度と改善提案の質を実証的に検証した学術論文。