Product
axe-core
Product Version
4.7.2
Latest Version
Issue Description
Expectation
In order to achieve a simple, focusable separator I should be able to add role="separator" and aria-valuenow to a button.
Actual
Adding role="separator" to a button in order to achieve a focusable separator fails axe-core tests for aria-allowed-role as a best practice.
To solve this problem, you need to fix the following:
ARIA role separator is not allowed for given element
ARIA role should be appropriate for the element
How to Reproduce
<button role="separator" aria-valuenow="50" aria-label="Handle">></button>
Sample code: Simple focusable separator
Additional context
Is there anything that is preventing me from overwriting the button semantics with role="separator" in order gain native focusability and event handling?
Product
axe-core
Product Version
4.7.2
Latest Version
Issue Description
Expectation
In order to achieve a simple, focusable separator I should be able to add
role="separator"andaria-valuenowto a button.Actual
Adding
role="separator"to a button in order to achieve a focusable separator fails axe-core tests for aria-allowed-role as a best practice.ARIA role should be appropriate for the element
How to Reproduce
<button role="separator" aria-valuenow="50" aria-label="Handle">></button>Sample code: Simple focusable separator
Additional context
Is there anything that is preventing me from overwriting the button semantics with
role="separator"in order gain native focusability and event handling?