Details

    • Test Plan:
      Hide
      1. Navigate to the Overview Tool.
      2. Navigate to the Calendar Widget, Select the Option button.
      3. Use the tab key to navigate through the form fields until you get to the Colors Section.
      4. Hit tab to enter the High Priority Text box
      5. Hit tab to try to navigate to the Color picker icon.
        1. The tab focus moves to the Medium Priority Text box, skipping over the Color picker icon.
      6. Repeat for the Medium Priority and Low Priority Color picker icons.
      Show
      Navigate to the Overview Tool. Navigate to the Calendar Widget, Select the Option button. Use the tab key to navigate through the form fields until you get to the Colors Section. Hit tab to enter the High Priority Text box Hit tab to try to navigate to the Color picker icon. The tab focus moves to the Medium Priority Text box, skipping over the Color picker icon. Repeat for the Medium Priority and Low Priority Color picker icons.
    • 20 status:
      Please Merge

      Description

      The icons for the color pickers are not in the keyboard tab order. Keyboard-only and screen reader users are not able to navigate to or activate these link/icons to open the color picker.

      These icons should be in the tab order and be given distinguishable accessible names associated with the form field they are adjacent to.

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  Assignee:
                  bjones86 Brian Jones
                  Reporter:
                  jbbeth1 Jen Bethmann
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration