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

Accessibility: Content contained under tab area is not accessible with a screen reader

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.5.5, 3.6.3, 3.7
    • Fix Version/s: None
    • Component/s: Gradebook, Reports
    • Labels:
    • Database:
      PostgreSQL
    • Testing Instructions:
      Hide

      Setup

      1. Use an existing course, or create a new one by going to `Site Administration->Development->Make a test course` and creating a course of any size.
      2. If you do not have a screen reader capable of reading web page content installed already, install one now. I used ChromeVox in Google Chrome due to the ease of setup.
      3. Turn on the screen reader.

      Test that the screen reader recognizes the tabs and content.

      1. Open course from the setup.
      2. Click 'Grades' in navigation menu.
      3. Navigate with the keyboard using tab or the screen reader's custom navigation.
      4. Navigate to the 'View' tab in the top navigation panel.
      5. Verify the screen reader announces that the tab is selected, names it 'View' and declares it is tab one of six.
      6. Navigate to 'Grade history' tab in the second navigation panel.
      7. Verify the screen reader announces the tab is not selected, names it 'Grade History' and declares it tab two of six.
      8. Navigate to 'User report' tab and click tab once.
      9. The page content should be in focus.
      10. Verify the screen reader announces it is a tab panel and names it 'Grader Report'.
      Show
      Setup Use an existing course, or create a new one by going to `Site Administration->Development->Make a test course` and creating a course of any size. If you do not have a screen reader capable of reading web page content installed already, install one now. I used ChromeVox in Google Chrome due to the ease of setup. Turn on the screen reader. Test that the screen reader recognizes the tabs and content. Open course from the setup. Click 'Grades' in navigation menu. Navigate with the keyboard using tab or the screen reader's custom navigation. Navigate to the 'View' tab in the top navigation panel. Verify the screen reader announces that the tab is selected, names it 'View' and declares it is tab one of six. Navigate to 'Grade history' tab in the second navigation panel. Verify the screen reader announces the tab is not selected, names it 'Grade History' and declares it tab two of six. Navigate to 'User report' tab and click tab once. The page content should be in focus. Verify the screen reader announces it is a tab panel and names it 'Grader Report'.
    • Affected Branches:
      MOODLE_35_STABLE, MOODLE_36_STABLE, MOODLE_37_STABLE
    • Pull Master Branch:
      MDL-65367-master_tabs_accessibility

      Description

      Description

       

      People with disabilities cannot assess the the tab content

      For example, someone who cannot use mouse, trying to switch between tabs, or look at the content in tabs. When trying to hit "Tab" on keyboard to switch or go through the page, it will not go to the tab content on the page

      The elements used for overview and user reports have been implemented using tab behaviour,
      however the component has not been implemented using tab markup.

       

       

        Attachments

          Activity

            People

            Assignee:
            andrewmadden Andrew Madden
            Reporter:
            yao9394 John Yao
            Peer reviewer:
            Brendan Heywood
            Integrator:
            Adrian Greeve
            Participants:
            Component watchers:
            Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias
            Votes:
            2 Vote for this issue
            Watchers:
            7 Start watching this issue

              Dates

              Created:
              Updated:

                Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 5 hours
                5h