Uploaded image for project: 'ZABBIX BUGS AND ISSUES'
  1. ZABBIX BUGS AND ISSUES
  2. ZBX-26788

Month and year in the datepicker are read twice by assistive technologies

XMLWordPrintable

    • Icon: Problem report Problem report
    • Resolution: Unresolved
    • Icon: Major Major
    • None
    • 7.0.17, 7.4.1, 8.0.0alpha1 (master)
    • None
    • Support backlog

      Steps to reproduce:

      1. Enable system screen reader
      2. Navigate to monitoring problems -> Click on the filter tab properties button
      3. Enable Override time period selector -> Using Tab button navigate to datepicker
      4. Try selecting Year and Month
      5. 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. 

            zabbix.dev Zabbix Development Team
            jpopovs Jevgenijs Popovs
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: