Uploaded image for project: 'Kuali Rice Development'
  1. Kuali Rice Development
  2. KULRICE-5422

Fix confusing structure and keyboard focus order in the portal log-in screen


    • Type: Improvement
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 2.4
    • Component/s: Accessibility
    • Security Level: Public (Public: Anyone can view)
    • Labels:
    • Environment:
    • Rice Module:
    • Application Requirement:
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required
    • Include in Release Notes?:


      Required for WCAG 2.0, Level A (Must haves): Navigation criteria
      – 1.3.1 - Information structure & relationships can be programmatically determined or are available in text (see problems 1 & 2 below).
      – 3.3.2 - Labels or instructions are provided when content requires user input (see problem 1 below)
      – 2.4.6 - Headings and labels describe topic or purpose (see problem 2 below)

      Missing tags - see information below on missing tags on entry fields.

      1. The entry field in the Kuali portal login page is lacking a field label - needs that to be populated with meaningful instruction. For example, in the Kuali portal login screen could be something like "To log into the Kuali portal, enter your id here". See repair info below.

      Check 57: input element, type of "text", missing an associated label.
      Example Error Line 140, Column 18: <input type="text" name="__login_user" value="" size="20"/>

      Repair: Add a label element that surrounds the control's label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element. See example below:
      <form action="http://somesite.com/prog/adduser" method="post">
      <label for="firstname">First name:</label>
      <input type="text" name="firstname" id="firstname" tabindex="1" />

      2. A table is used to layout this field group and JAWS speaks the row/column structures without any semantic reference information (several empty rows). For example, in the login page, it says "frame, column 1, row 1, Google table" where there is no visible table. Announces table structure, table with 3 rows, 2 columns, but doesn't announce the semantic information needed to understand what the information in the table is for, or what the entry field is prompting for. Fix in problem 1 above will help with the login page (as, longer-term, would eliminating the table structure from this page). See KULRICE-5437 for other places where table structure is announced, but the row & column headings and association of the cell with them, is not.


          Issue Links


            masargen Matt Sargent added a comment -

            A new login screen is being developed that fixes the issue and satisfies the requirements outlined here.

            masargen Matt Sargent added a comment - A new login screen is being developed that fixes the issue and satisfies the requirements outlined here.


              • Assignee:
                csoders Candace Soderston (Inactive)
                csoders Candace Soderston (Inactive)
              • Votes:
                0 Vote for this issue
                0 Start watching this issue


                • Created: