question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Is this a false positive for ARIA [role = "doc-endnotes"]?

See original GitHub issue

Lighthouse encounters the following Accessibility error: “Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.” On the page: https://lectupedia.com/en/number-of-books-read-in-each-country/

However, the page contains a <section> with role="doc-endnotes" and several children of type <li> with role="doc-endnote"

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
davidmerfieldcommented, Sep 21, 2021

I’m unsure why this was closed – the issue does not seem to be solved – although I understand it’s a problem with a dependency. At the moment Lighthouse will complain if you pass it the example copied directly from the W3C spec:

<section role="doc-endnotes">
   <h2>Notes</h2>
   <ol>
      <li id="6baa07af" role="doc-endnote">Additional results of this study can be found at … </li>
      <li id="7b2c0555" role="doc-endnote">…</li>
      …
   </ol>
</section>

image

1reaction
adamrainecommented, May 3, 2021

I am noticing this with the Axe extension as well so we should move this issue to https://github.com/dequelabs/axe-core. I think https://github.com/dequelabs/axe-core/issues/2759 captures a similar bug.

Interestingly, I came across this which says the violation should be ignored.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Lighthouse accessibility analysis complains about deprecated ...
Some ARIA parent roles must contain specific child roles to perform their ... Is this a false positive for ARIA [role = "doc-endnotes"]? ......
Read more >
Digital Publishing WAI-ARIA Module 1.1 - W3C
This specification defines a set of WAI-ARIA roles specific to helping users of assistive technologies navigate through such long-form ...
Read more >
ARIA in HTML - W3C on GitHub
Abstract. This specification defines the authoring rules (author conformance requirements) for the use of and attributes on [ HTML ] ...
Read more >
Using ARIA: Roles, states, and properties - MDN Web Docs
ARIA defines semantics that can be applied to elements, with these divided into roles (defining a type of user interface element) and states ......
Read more >
doc-endnotes - Accessible Publishing Knowledge Base
The doc-endnotes role from the WAI-ARIA Digital Publishing module. ... The label is identified in the aria-labelledby attribute.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found