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

Ensure keyboard focus is not provided to inactive elements

    Details

    • 11 status:
      Resolved

      Description

      The "Profile" page of the environment provides a series of simulated tab controls that provide pages of content pertaining to the currently signed in profile. These are simply comprised of links that take the user to selected content. However, a <tabindex="0"> attribute has been placed on the <span> inside each of the anchor elements. This results in keyboard focus transferring first the tab control, and then to the visual label inside the control. This can be confusing for keyboard users who will not know the difference between activating the tab control or the visual label.

      <span><a title="Add pictures and view your gallery" href="./?wicket-crypt=J12Yq1-TIIKemXwYg-1J66FwVOMDct0t8esS4RQSGmRChGHKcd4_Pg"><span tabindex="0">Pictures</span></a></span>

      Developers must ensure that keyboard focus is provided only to the control, and not the textual element inside the control. As such, developers must remove the <tabindex="0"> from the <span>, and rely on the anchor element itself to draw keyboard focus.

      <span><a title="Add pictures and view your gallery" href="./?wicket-crypt=J12Yq1-TIIKemXwYg-1J66FwVOMDct0t8esS4RQSGmRChGHKcd4_Pg"><span>Pictures</span></a></span>

      http://qa03-sakai.marist.edu:8080/portal/site/%7essbtest002/tool/a81b1d1f-edd1-45c6-af8c-e565bf263479/?wicket-crypt=yodDbFp4Xto

        Gliffy Diagrams

          Attachments

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved: