Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-38012 META: Simplify moodle forms
  3. MDL-38716

Improve accessibility of short forms actions

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.5
    • Fix Version/s: 2.5
    • Component/s: Forms Library, Usability
    • Labels:
    • Testing Instructions:
      Hide
      1. Find a form with collapse/expand all links
        • Make sure they work as expected
        • Make sure they have a role attribute set to button
        • Make sure the aria-controls attribute is a list of the section IDs
        • Make sure an aria-live attribute set to polite is set on the sections
      2. Find a form with advanced fields (Show more/less actions)
        • Make sure they work as expected (only display advanced in their own section, etc...)
        • Make sure they have the role attribute set to button
        • Make sure the list of IDs in the aria-controls attribute only contains the IDs of the advanced element in the same section
        • Make sure an aria-live attribute set to polite is set on the advanced elements
      3. Play with the attachment test_forms.php to create different combinations and test multiple forms per page
      Show
      Find a form with collapse/expand all links Make sure they work as expected Make sure they have a role attribute set to button Make sure the aria-controls attribute is a list of the section IDs Make sure an aria-live attribute set to polite is set on the sections Find a form with advanced fields ( Show more/less actions) Make sure they work as expected (only display advanced in their own section, etc...) Make sure they have the role attribute set to button Make sure the list of IDs in the aria-controls attribute only contains the IDs of the advanced element in the same section Make sure an aria-live attribute set to polite is set on the advanced elements Play with the attachment test_forms.php to create different combinations and test multiple forms per page
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_25_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-38716-master-int

      Description

      • Use role button for collapsible sections, collapse all and show more
      • Use aria-controls to define the associate region
      • Each region being hidden/displayed should have an aria-live polite attribute
      • The links should be triggered using either space or enter

      Read more:

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  14/May/13