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

Provide visual labels or instructions for user input

    XMLWordPrintable

    Details

    • Previous Issue Keys:
      A11YTEST-340

      Description

      [New] - 3/18/2018[New] - 3/16/2018[Issue]"Search" form field lacks visual label. [User Impact]Users who see pages without color, low vision users and cognitive disabilities users (for example, a user who do not remember things for a long time) not able to identify these form fields.Here, the good thing is a hidden label is associated with "search" form field but there is no visual label.[Code]

      <label class="skip" for="search">Search</label><input id="search" size="15" name="search" value="" type="text">

      [Expected behavior]Developers must ensure that they provide the visible label on the page for the form fields and properly associate this label with the form field.Developers can use "floating label" which will be placed in the top left a corner of the form fields when users start typing and available all the time.

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                Unassigned Unassigned
                Reporter:
                jonespm Matthew Jones
                Votes:
                1 Vote for this issue
                Watchers:
                0 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    Git Integration