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

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

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Reopened
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.1.2
    • Fix Version/s: None
    • Component/s: Accessibility
    • Labels:
    • Testing Instructions:
      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)
    • Affected Branches:
      MOODLE_31_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-56260_master

      Description

      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?

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              nadavkav Nadav Kavalerchik
              Reporter:
              nadavkav Nadav Kavalerchik
              Peer reviewer:
              Ankit Agarwal
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias
              Votes:
              2 Vote for this issue
              Watchers:
              8 Start watching this issue

                Dates

                Created:
                Updated: