Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42089

Instructor: Manage Rubrics; Collapsed Tabs cannot be expanded with keyboard

    XMLWordPrintable

    Details

    • 19 status:
      Verified
    • Test Plan:
      Hide
      1. Navigate to and select Rubrics tool link from Tools list
      2. Use Alt + C key command to skip to main content 
      3. Use tab key to navigate to Add Rubric Button
      4. Type Rubric Title into edit box.
      5. Use Shift+ Tab key twice to focus on the Save Button
      6. Press enter key to select the Save Button. The criterion examples will appear in the expanded tab content for the new rubric.
      7. Use Key command Control + to refresh the page OR navigate out of the tool and back into the tool. The newly created rubric tab will be collapsed.
      8. Use Alt + C key command to skip to main content 
      9. Use tab key to navigate to the Rubric title link.
      10. Press enter. The tab does not expand to show the content.
      Show
      Navigate to and select Rubrics tool link from Tools list Use Alt + C key command to skip to main content  Use tab key to navigate to Add Rubric Button Type Rubric Title into edit box. Use Shift+ Tab key twice to focus on the Save Button Press enter key to select the Save Button. The criterion examples will appear in the expanded tab content for the new rubric. Use Key command Control + to refresh the page OR navigate out of the tool and back into the tool. The newly created rubric tab will be collapsed. Use Alt + C key command to skip to main content  Use tab key to navigate to the Rubric title link. Press enter. The tab does not expand to show the content.

      Description

      When a rubric is created and the page is refreshed or a user navigates out of the rubrics tool and navigates back into to the tool, the accordion tab for the rubric is collapsed. With a mouse, a user can select the Rubric title link to expand the accordion tab. A keyboard-only or screen reader users is not able to use the keyboard to expand and collapse the content. Once a tab is collapsed these users are blocked from reaching the rubric content again.

      <span class="rubric-name" role="tab" tabindex="0" id="rubric_toggle_1" aria-expanded="true" title="Toggle details for Speech">
       <span class="fa fa-chevron-right"></span>
       Speech
       </span>
      

      Resources: 

      This issue exists in Sakai Master 20, too.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. After.gif
              After.gif
              419 kB
            2. Before.gif
              Before.gif
              93 kB

              Activity

                People

                • Assignee:
                  maintenanceteam Core Team
                  Reporter:
                  jbbeth1 Jen Bethmann
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  5 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Integration