# Lighthouse アクセシビリティ監査の課題

**URL:** <https://meta.discourse.org/t/lighthouse-accessibility-audit-issues/122612>\
**Category:** UX\
**Tags:** accessibility\
**Created:** [2019 年 7 月 9 日午後 11:46 UTC](https://meta.discourse.org/t/lighthouse-accessibility-audit-issues/122612 "2019-07-09T23:46:40Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2019 年 7 月 11 日午前 2:10 UTC](https://meta.discourse.org/t/lighthouse-accessibility-audit-issues/122612/3 "2019-07-11T02:10:06Z")

</div>

このトピックを独立させて、問題点をさらに掘り下げることにしましょう。まずは…

## トピック一覧

コントラストは現時点では CSS で修正可能ですが、それ以外に 2 つの問題があります。

1. 最初のリスト項目に関する問題は、監査ツールのバグか、あるいは監査ツールが当社のページのレンダリングをどのように解釈しているかという特殊な挙動によるものかもしれません。これらのリスト項目は確かに含まれています。  
 ![18%20PM](https://global.discourse-cdn.com/meta/original/3X/3/d/3dad5258361c6a7b66512bf5c480b20ec3cd8ab5.png)  
🕵️‍♂️ 🔎

 ![55%20PM](https://global.discourse-cdn.com/meta/original/3X/a/b/aba643946bfcb8d19ff4215cfd499bf90f7b60c9.png)

1. 2 つ目の問題は「[aria-\*] 属性に有効な値が設定されていない」です。これは特にカテゴリとタグのドロップダウンを指摘しています。問題の核心は `aria-haspopup` のようです。こちらの例 [Navigation Menu Button Example | APG | WAI | W3C](https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-links.html) に従うと、単に `aria-haspopup` とするのではなく `aria-haspopup="true"` とすべきです。

---

_[View the full topic](https://meta.discourse.org/t/lighthouse-accessibility-audit-issues/122612)._