Uploaded image for project: 'Skin Intranet Search'
  1. Skin Intranet Search
  2. SKINSEARCH-319

[RGAA] Notifications links are not accessible for screens reader

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Major Major
    • 2.3.0
    • None
    • RGAA
    • None
    • 4.9.0 M2

      Notifications links structure does not allow screen reader to naviguate into dropdown elements (with top/bottom arrow)
      Dropdown is a interactive element with tabindex="0" and the focus is replaced into dropdown on open. But the dropdown is in a <a> element which is already an interactive element.
      An interactive element can not be placed into another interactive element. The assistive technologies are lost. The dropdown should be outside <a>.

      Moreover on ECHAP key, the dropdown is correctly closed but focus should be replace on expand button

        1. image-2024-09-25-09-16-07-517.png
          image-2024-09-25-09-16-07-517.png
          33 kB

          [SKINSEARCH-319] [RGAA] Notifications links are not accessible for screens reader

          Laurence Aumeunier made changes -
          Status Original: Resolved [ 5 ] New: Closed [ 6 ]
          Laurence Aumeunier made changes -
          Resolution New: Fixed [ 1 ]
          Sprint New: 4.9.0 M2 [ 101 ]
          Status Original: Open [ 1 ] New: Resolved [ 5 ]
          Raphaël Franchet made changes -
          Fix Version/s New: 2.3.0 [ 19107 ]
          Fix Version/s Original: 2.2.0 [ 19020 ]
          Laurence Aumeunier created issue -

            laurence Laurence Aumeunier
            laurence Laurence Aumeunier
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: