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

Sakai Tutorial Tool Needs Keyboard Focus

    XMLWordPrintable

    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

          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 Source Code