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

WAI-ARIA landmark roles & HTML semantic elements for accessibility

    Details

    • Affected Branches:
      MOODLE_19_STABLE, MOODLE_21_STABLE

      Description

      The HTML role attribute (or landmark role) is designed to let non-visual browsers know where they are.

      http://www.w3.org/WAI/PF/aria/roles#landmark_roles

      Adding simple html5 semantic elements and their associated landmark role attributes will help improve the html and general accessibility of moodle e.g. <banner> , <header>, <section>, <nav role='navigation'>, <div role='main'> etc...

      Adding the richer roles (e.g. aria-readonly, aria-required and aria-valuemax, aria-valuemin and aria-valuenow) gives non-visual browsers the ability to use forms and other rich interactive elements they might otherwise find problematic.

      edit : Have attached a starter markup plan for a basic m2 page at http://demo.moodle.net/course/view.php?id=5

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

              There are no comments yet on this issue.

                People

                • Votes:
                  10 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: