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

Boost: Invisible content is being announced to screen readers

    XMLWordPrintable

Details

    • MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE, MOODLE_36_STABLE
    • MOODLE_34_STABLE, MOODLE_35_STABLE
    • MDL-62145-master
    • Hide

      Edit the admin setting: Appearance -> Theme settings -> custommenuitems so it contains:

      A menu|http://aaa.example.org/
      - B menu item|http://bbb.example.org
      - C menu item|http://ccc.example.org
      -###
      D menu|http://ddd.example.org
      - E menu item|http://eee.example.org

      Make your browser window really wide so you see the custom menus in the header.

      Verify both of the new custom menus pass these tests:

      • Use tab key to focus on the custom menu button. 
      • Verify the menu opens with "enter" key. 
      • Verify the menu closes with "escape" key.
      • Verify the menu does not reopen with "escape" key.
      • Verify the menu opens with "spacebar" key. 
      • Verify when the menu is opened, focus is on the first menu item.
      • Verify the up and down arrow keys move the focus up and down in the menu.
      • Verify that the home and end keys focus on the first and last entry in the menu.
      • Verify that pressing up on the first menu item, will move focus to the last menu item.
      • Verify that pressing down on the last menu item, will move focus to the first menu item.
      • Verify that typing the first letter of an entry in the menu will move focus to the first item that starts with that letter (case insensitive).

       

      Show
      Edit the admin setting: Appearance -> Theme settings -> custommenuitems so it contains: A menu|http://aaa.example.org/ - B menu item|http://bbb.example.org - C menu item|http://ccc.example.org -### D menu|http://ddd.example.org - E menu item| http://eee.example.org Make your browser window really wide so you see the custom menus in the header. Verify both of the new custom menus pass these tests: Use tab key to focus on the custom menu button.  Verify the menu opens with "enter" key.  Verify the menu closes with "escape" key. Verify the menu does not reopen with "escape" key. Verify the menu opens with "spacebar" key.  Verify when the menu is opened, focus is on the first menu item. Verify the up and down arrow keys move the focus up and down in the menu. Verify that the home and end keys focus on the first and last entry in the menu. Verify that pressing up on the first menu item, will move focus to the last menu item. Verify that pressing down on the last menu item, will move focus to the first menu item. Verify that typing the first letter of an entry in the menu will move focus to the first item that starts with that letter (case insensitive).  

    Description

      Description: Screen readers announce the presence of an empty navigation region. (<nav class=nav navbar-nav hidden-md-down>). This region appears to remain empty when side panel and course menus are expanded.

      Suggestion: Remove the extraneous <nav> or use aria-hidden to ensure this content is invisible to all users.

      Attachments

        Issue Links

          Activity

            People

              damyon Damyon Wiese
              kedgar Kim Edgar
              Simey Lameze Simey Lameze
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Anna Carissa Sadia Anna Carissa Sadia
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                12/Nov/18

                Time Tracking

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