website
website copied to clipboard
`role="presentation"` is misapplied on the navbar
See:
$ pa11y https://uclaacm.com/
> Running Pa11y on URL https://uclaacm.com/
Results for URL: https://www.uclaacm.com/
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #menu-modal > ul
└── <ul class="nav-items " role="presentation"><li><button type="button" role=...</ul>
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #committee-mobile-nav-item > ul
└── <ul class="committee-mobile-nav" role="presentation"><li><button type="button" href=...</ul>
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #initiatives-mobile-nav-item > ul
└── <ul class="committee-mobile-nav" role="presentation"><li><button type="button" href=...</ul>
3 Errors
And an example from MDN on how it should look:
<ul role="tablist">
<li role="presentation">
<a role="tab" href="#">Tab 1</a>
</li>
<li role="presentation">
<a role="tab" href="#">Tab 2</a>
</li>
<li role="presentation">
<a role="tab" href="#">Tab 3</a>
</li>
</ul>
Interested
Interested
@matthewcn56 are you explicitly handling these issues or do you want me to? Very down for Alireza to take it on if he's interested!