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
            Adrian Greeve, David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
            Votes:
            3 Vote for this issue
            Watchers:
            5 Start watching this issue

            Dates

              Created:
              Updated: