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

Ensure custom controls are keyboard accessible

    Details

    • 19 status:
      Verified
    • Previous Issue Keys:
      A11YTEST-272

      Description

      The "Sign Up" feature of the Meetings page in the Brock University environment provides a control to expand all recurring meetings. This control is presented visually as a plus sign, placed directly to the left of the meeting displayed. However, this is a simulated control that cannot receive keyboard focus and relies solely on the use of a mouse to activate. As such, keyboard-only users are unable to either navigate to or activate the control.

      <span id="imageClose_RM_2">
        <img class="openCloseImageIcon" title="Expand recurring Meetings." style="border:none" onclick="showDetails('imageOpen_RM_2','imageClose_RM_2');showAllRelatedRecurMeetings('2','82119d3e-4a6e-4b26-8cee-5b95a366fef6');" alt="close" src="/sakai-signup-tool/images/plusSmall.gif?sakai.tool.placement.id=82119d3e-4a6e-4b26-8cee-5b95a366fef6">
      </span>

      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 <span> element, developers must include a <tabindex> value of "0" on the <span>, as well as device-independent event handlers to provide support for activating the control with the keyboard.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  kedwar1 Kendra Edwards
                  Reporter:
                  jonespm Matthew Jones
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code