UL access-ability and classes
See original GitHub issueI’ve noticed something odd about one of the accessibility opportunities…
On a webpage I’m testing, I get the warning of:
List items (<li>) are not contained within <ul> or <ol> parent elements.
However, when looking at said list, they do have a parent
- element… But, it’s
<ul class="categoryName"
We’ve sectioned this list to only appear on product pages of that category - Is there a major reason why Lighthouse doesn’t accept UL parent elements with classes assigned to them? Does this cause a genuine problem for TTS services, or perhaps this is a bug?
Thanks-
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:10 (1 by maintainers)
Top Results From Across the Web
H48: Using ol, ul and dl for lists or groups of links - W3C
The objective of this technique is to create lists of related items using list elements appropriate for their purposes. The ol element is...
Read more >Accessibility & Privacy | UL Lafayette
Course Accomodations. The Office of Disability Services (ODS) provides qualified students with disabilities with equal access and reasonable accommodations ...
Read more >ARIA: group role - Accessibility - MDN Web Docs
... ordered or unordered lists, <ol> or <ul> , with nested <li> children. ... </div> <div id="cats" class="groupHeader" role="presentation" ...
Read more >Navigation | Accessibility Guidelines
For this reason, it is imperative that navigation is accessible. ... <nav class="primary-nav primary-nav--narrow"> <ul> <li><a href="/our-work/">Our ...
Read more >Accessibility - React
Web accessibility (also referred to as a11y) is the design and creation of ... when working with lists ( <ol> , <ul> and...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Please reopen
@jimitndiaye as explained above axe flags any list where the
role
is other thanlist
, if you believe this is a mistake, could you please file an issue with a reproducible page in axe-core? We will adopt whatever they consider to be the a11y best practice here.Given that there’s an MDN example very similar to your markup. I’m inclined to agree that should be handled better. Maybe that can help support the case over there.