Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-56260

Missing target ID for an aria-labelledby reference in blocks navigation & settings

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Won't Do
    • Icon: Minor Minor
    • None
    • 3.1.2
    • Accessibility
    • MOODLE_31_STABLE
    • MDL-56260_master
    • Hide
      1. You will need to use Chrome browser for this test (but, there should probably be another general way to test this)
      2. Install WAVE Chrome extension (http://wave.webaim.org/extension/)
      3. Navigate to any course
      4. Click the "W" (Wave extension) on the Chrome toolbar
      5. Make sure there are no error related to the Settings & Navigation blocks, especially, the tree items (nodes)
      Show
      You will need to use Chrome browser for this test (but, there should probably be another general way to test this) Install WAVE Chrome extension ( http://wave.webaim.org/extension/ ) Navigate to any course Click the "W" (Wave extension) on the Chrome toolbar Make sure there are no error related to the Settings & Navigation blocks, especially, the tree items (nodes)

      While checking for accessibility using the WAVE chrome extension, I have noticed that I am getting accessibility errors for the navigation & setting blocks tree nodes. (see attached screen capture)

      "Broken ARIA reference - An aria-labelledby or aria-describedby reference exists, but the target for the reference does not exist."

      For the following piece of code:

      <li class="type_setting depth_2 item_with_icon" tabindex="-1" aria-labelledby="label_2_1">
      <p class="tree_item hasicon tree_item leaf" role="treeitem" tabindex="-1" aria-selected="false">
      <a href="http://localhost/moodle-org/master/course/view.php?id=10&sesskey=vATSxuT0Iw&edit=on" tabindex="-1">
      <img class="smallicon navicon" alt="" src="http://localhost/moodle-org/master/theme/image.php/more/core/1475581667/i/edit" tabindex="-1">
      Turn editing on
      </a>
      </p>
      </li>
      

      Error is referred to: aria-labelledby="label_2_1"

      I have tested the above "what seems like an error" with ChromeVox 53.0.2784.0 screen reader and it reads the tree nodes just fine, although the missing aria-labelledby ids.
      So I am wondering if "aria-labelledby" is redundant? or that other screen readers (JAWS, NVDA, VoiceOver, ...) consider it as a real error and does not read the text properly?

        1. snapshot198.png
          495 kB
          Nadav Kavalerchik

            nadavkav Nadav Kavalerchik
            nadavkav Nadav Kavalerchik
            Ankit Agarwal Ankit Agarwal
            Votes:
            2 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.