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

Notification template close buttons should have an aria-label attribute.

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Unresolved
    • Icon: Minor Minor
    • None
    • 3.11.1
    • Accessibility
    • None
    • MOODLE_311_STABLE

      For accessibility purposes the template files notification_error.mustache, notification_info.mustache, notification_success.mustache, notification_warning.mustache in lib/templates should have an aria-label attribute such as aria-label="close".

      Currently when using a screen reader such as JAWS or the Google Chrome screen reader extension the close button when focussed it is read as 'multiplication'.

      To reproduce the issue:

      • Use Google Chrome and install and enable the Screen Reader extension.
      • Create a Database Activity in a course, give it a name and hit save and display (note, this issue will be present everywhere the notification templates are used, this is just one example of how to reproduce).
      • On the activity page there will be two red error notifications, hit tab until the x (close button) takes focus.
      • The Screen Reader extension will read out 'multiplication'.

      What I expected to happen:
      The Screen Reader extension to read out 'Close', 'Close Button' or something equally descriptive.

      What Actually happens:
      The Screen Reader extension reads out 'multiplication'.

            Unassigned Unassigned
            babington_andy Andy McGill
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.