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

Accessibility over ARIA

    XMLWordPrintable

Details

    • MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE
    • Hide

      Steps to replicate:

      Log in as Teacher/Admin

      • Access Course
      • Click 'Create new learning activity'
      • Choose any (e.g. Assignment)
      • Access Tags section and Inspect (See below screenshot as reference)

      The childs items from

      <div class="form-autocomplete-selection form-autocomplete-multiple" id="form_autocomplete_selection-1517584605877" role="list" aria-atomic="true" tabindex="0" aria-multiselectable="true">
      

      Which are:

      <span class="accesshide">Selected items:</span>
      <span>No selection</span>
      

      Should have the role="listitem" on them.

      Show
      Steps to replicate: Log in as Teacher/Admin Access Course Click 'Create new learning activity' Choose any (e.g. Assignment) Access Tags section and Inspect (See below screenshot as reference) The childs items from <div class = "form-autocomplete-selection form-autocomplete-multiple" id= "form_autocomplete_selection-1517584605877" role= "list" aria-atomic= "true" tabindex= "0" aria-multiselectable= "true" > Which are: <span class = "accesshide" >Selected items:</span> <span>No selection</span> Should have the role="listitem" on them.

    Description

      According to an audit made over Accessibility, there are few violations on some ARIA attributes and its values on the admin tree when a new learning activity is created (e.g. Assignment)

      Steps to replicate:

      Log in as Teacher/Admin

      • Access Course
      • Click 'Create new learning activity'
      • Choose any (e.g. Assignment)
      • Access Tags section and Inspect (See below screenshot as reference)

       The childs items from

      <div class="form-autocomplete-selection form-autocomplete-multiple" id="form_autocomplete_selection-1517584605877" role="list" aria-atomic="true" tabindex="0" aria-multiselectable="true">
      

      Which are:

      <span class="accesshide">Selected items:</span>
      <span>No selection</span>
      

      Doesn't have the role="listitem" on them.

      And it is from this two files:

      • moodle/lib/templates/form_autocomplete_selection.mustache
      • moodle/theme/boost/templates/core/form_autocomplete_selection.mustache

      Attachments

        Activity

          People

            Unassigned Unassigned
            rbecerrarodriguez Rafael Becerra
            Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Stevani Andolo, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski
            Votes:
            3 Vote for this issue
            Watchers:
            5 Start watching this issue

            Dates

              Created:
              Updated: