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

              Assignee:
              dobedobedoh Andrew Nicols
              Reporter:
              dobedobedoh Andrew Nicols
              Peer reviewer:
              Damyon Wiese
              Integrator:
              Sam Hemelryk
              Tester:
              Ankit Agarwal
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Dates

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