Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-41259 Date picker / calendar widget: accessibility: Bug fixes needed for multiple accessibility issues with Date picker calendar widget
  3. SAK-41260

Date picker / calendar widget: accessibility: Calendar widget can be opened, but not used, with a keyboard.

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: OPEN
    • Priority: Critical
    • Resolution: Unresolved
    • Affects Version/s: 19.3, 20.0, 21.0 [Tentative]
    • Fix Version/s: None
    • Component/s: Accessibility, Library
    • Labels:
    • Test Plan:
      Hide

      Ensure the date picker works.

      For testing steps, we need to know the fix that would go into place.

      Show
      Ensure the date picker works. For testing steps, we need to know the fix that would go into place.

      Description

      The date picker/calendar widget pops up as soon as a text field where you can enter a date receives focus.  However, keyboard-only and screen reader users cannot interact with the calendar at all (see also SAK-40203)

      Proposed fixes:

      • Preferred fix:
        1. Make it possible for the content of the calendar widget to receive keyboard focus. Allow keyboard users to use standard keyboard commands (e.g., tab and enter) to select dates and buttons. 
        2. Make it possible for the calendar widget to be used by a screen reader user (i.e., by doing #1 above and also making text alternatives to visual elements). This would likely be very complex to develop.
      • Less desirable fix, if neither of above is possible:
        1. Make it so that the calendar widget does not pop up on entering the date field - the user must specifically select the calendar icon to open the widget.
        2. Make it so the calendar widget cannot receive keyboard focus. It can only be opened on click, so as not to confuse users who cannot interact with it.
        3. Make it so assistive technology such as a screen reader ignores the calendar widget (e.g., aria-hidden).

      For testing steps, we need to know the fix that would go into place.

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                • Assignee:
                  maintenanceteam Core Team
                  Reporter:
                  rainribbon Tiffany Stull
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:

                    Git Integration