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

Sakai Tutorial Tool Needs Keyboard Focus

    Details

    • 2.9 Status:
      Merge

      Description

      When a user first logs in they get a welcome dialog that includes a tutorial. The cursor focus is not moved to the modal dialog when it first appears, making it very difficult for a screen reader to find it. It is actually added to the DOM at the very end of the code order. It is the last thing that you navigate to on the page after going through all the footer links. In addition the persistence (always visible) of the modal window means it appears to ‘jump’ as you scroll down the page. This is very visually distracting. The keyboard focus will need to be managed.

      Ideas for solution:

      •modal can be activated via keyboard,
      •focus must be managed so that it is brought to the dialog when launched and that it remains inside the dialog as the user tabs through the controls and reads the content.
      •content (including images) is accessible,
      •can be closed pressing ESC key,
      •focus returns to launching point when the dialog is closed.
      Possible solution: Use jquery modal dialogs; many accessibility features already incorporated into the framework. E.g. http://hanshillen.github.com/jqtest/#goto_dialog

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  Assignee:
                  gsilver Gonzalo Silverio
                  Reporter:
                  mclare Matt Clare
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration