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

Improve accessibility of shortform collapsing

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      • Open a form (e.g. Profile editing form)
      • Move to a fieldset title for an open fieldset
        • Confirm that your screenreader announced that the field was open
      • Close it
        • Confirm that your screenreader announced the change
      • Tab to the next element
      • Tab back again
        • Confirm that the fieldset was listed again, and it's (closed/collapsed) state announced
      • Open the fieldset again
        • Confirm that the screenreader read out the state change
        • Confirm that your screenreader did not read the entire list of fields
      • Tab to the next closed fieldset
        • Confirm that the fieldset was listed again, and it's (closed/collapsed) state announced
      • Open the fieldset
        • Confirm that the screenreader read out the state change
        • Confirm that your screenreader did not read the entire list of fields
      • Tab to the next element
      • Tab back again
        • Confirm that the fieldset was listed again, and it's (open/expanded) state announced
      • Close the fieldset again
        • Confirm that the screenreader read out the state change
      Show
      Open a form (e.g. Profile editing form) Move to a fieldset title for an open fieldset Confirm that your screenreader announced that the field was open Close it Confirm that your screenreader announced the change Tab to the next element Tab back again Confirm that the fieldset was listed again, and it's (closed/collapsed) state announced Open the fieldset again Confirm that the screenreader read out the state change Confirm that your screenreader did not read the entire list of fields Tab to the next closed fieldset Confirm that the fieldset was listed again, and it's (closed/collapsed) state announced Open the fieldset Confirm that the screenreader read out the state change Confirm that your screenreader did not read the entire list of fields Tab to the next element Tab back again Confirm that the fieldset was listed again, and it's (open/expanded) state announced Close the fieldset again Confirm that the screenreader read out the state change
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull Master Branch:
      MDL-43969-master
    • Story Points:
      20
    • Sprint:
      FRONTEND Sprint 9

      Description

      As raised in MDL-43867, we currently have aria-live="polite" on the fieldsets which propagates down to every element in the fieldset. We also do not announce whether the fieldset is open or closed.

      We should announce the current state using the aria-expanded attribute, and remove the aria-live="polite" from the fieldset.

      The problem with the current solution is that it causes firefox/NVDA to read characters twice as they are typed into a field.

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  10/Mar/14