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

Boost: Invisible content is being announced to screen readers

XMLWordPrintable

    • 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: 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.

        1. custom_menu_test.js
          1 kB
          Damyon Wiese
        2. MDL-62145.PNG
          11 kB
          Anna Carissa Sadia

            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

              Created:
              Updated:
              Resolved:

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

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