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

Ensure simulated controls are keyboard accessible - Signup

    XMLWordPrintable

    Details

      Description

      The Meeting Details view of the environment provides a feature to allow the user to add additional participants to the currently selected meeting. However, the control to add participants is created by placing an onclick event handler on an HTML <label> element that does not receive keyboard focus. As such, keyboard-only users have no way of navigating to or activating the control.

      <label class="addAttendee" onclick="showHideAddPanel('1');"><img class="openCloseImageIcon" title="Click to add a participant" style="border:none" alt="add an attendee" src="/sakai-signup-tool/images/add.png?sakai.tool.placement.id=82119d3e-4a6e-4b26-8cee-5b95a366fef6">Add Participant</label>

      Developers must ensure that all simulated controls implemented in the environment are keyboard accessible. As this control is created by placing an onclick event handler on a <label> element, a <tabindex> attribute with a value of "0" must be placed on the <label> to ensure that it can receive keyboard focus. Further, device-independent event handlers must be provided to allow the control to be activated by the keyboard as well as a mouse click.http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/82119d3e-4a6e-4b26-8cee-5b95a366fef6/organizer/orgSignupMeeting#A84dfddfb4fa546594fb0a95ead23702-HTML

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                ottenhoff Sam Ottenhoff
                Reporter:
                mclare Matt Clare
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code