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.

aria-allowed-attr possible regression?

See original GitHub issue

Product: axe-core

Expectation: element with both aria-controls and aria-expanded passes

Actual: element with both aria-controls and aria-expanded fails

Motivation: I believe it might have been an accidental regression via https://github.com/dequelabs/axe-core/blob/develop/CHANGELOG.md#:~:text=aria-allowed-attr%3A check for invalid


axe-core version: 4.3.4

We recently found a test started failing that uses axe-core. We previously had axe-core@4.3.3 installed, where the test passes, the test has started failing since axe-core@4.3.4, which leads me to believe it may have been an accidental regression via this change: https://github.com/dequelabs/axe-core/blob/develop/CHANGELOG.md#:~:text=aria-allowed-attr%3A check for invalid

For context, we have an element with both an aria-controls and aria-expanded attribute, e.g.:

<my-el aria-controls="menu" aria-expanded="false"></my-el>

As far as my accessibility knowledge goes, this should be valid (but I’m happy to be corrected if I’m wrong). I also checked with a couple of colleagues, who also expected this to be valid.

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
strakercommented, Jan 10, 2022

A followup on this issue. Axe-core 4.4 (releasing at the end of this month) will add back the violation for non-global ARIA attributes on elements with a role. We have also introduced a fix for custom elements to report as Needs Review rather than a failure.

1reaction
thepasslecommented, Oct 29, 2021

TIL, thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

aria-allowed-attr - Accessibility Insights
Some ARIA property and state attributes are allowed only for certain ARIA roles. When an assistive technology encounters a mismatch between an element's...
Read more >
Elements must only use allowed ARIA attributes | Axe Rules
ARIA explicitly defines which attributes are allowed for any given role and for every attribute, where that attribute may be used.
Read more >
Web Accessibility(A11y): WAI-ARIA Attributes - Level Up Coding
An important point about WAI-ARIA attributes is that they don't affect anything on the web page, except for the information exposed by the...
Read more >
ARIA Authoring Practices Guide | APG | WAI - W3C
This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional examples ...
Read more >
Tying Tailwind styling to ARIA attributes - DEV Community ‍ ‍
Also, Pro Tip: Using ARIA attributes as CSS hooks ensures your ... or desire - but from my experience it's perfectly possible to...
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