-
Problem report
-
Resolution: Unresolved
-
Major
-
None
-
7.0.17, 7.4.1, 8.0.0alpha1 (master)
-
None
-
Support backlog
Steps to reproduce:
- Enable system screen reader
- Navigate to monitoring problems -> Click on the filter tab properties button
- Enable Override time period selector -> Using Tab button navigate to datepicker
- Try selecting Year and Month
- Year and month are read twice
The use of the aria-labelledby attribute in combination with the aria role
role="presentation" actually leads to the fact that the aria-labelledby attribute can not be read correctly, because role="presentation" causes the semantic meaning of the element to be overridden, and screen readers ignore the element. However, using tabindex="0" at the same time ignores role="presentation", which causes it to output anyway - but an unwanted duplicate output.
Solution:
To avoid double reading of year and month, the double use of aria-labelledby and aria-live should be avoided.
The best solution is to offload aria-live to a separate, non-labeling element, or use an explicit aria-label solution to avoid redundancies.
Also, the combination of role="presentation" with semantic ARIA attributes such as aria-labelledby should be avoided. The Aria role role="presentation" should only be used for purely visual layout containers that have no interaction or semantic function.
Expected: Date picker labels are read once by assistive technologies.