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

Accessibility: There are multiple accessibility issues with required fields in the Login Page New Account Tool

    XMLWordPrintable

    Details

    • 2.9 Status:
      Resolved

      Description

      Issue 1:

      the meaning of the asterisk / required field indicator is not explained before the form that uses it.

      POSSIBLE SOLUTION:

      Include text before the form explaining the the required field indicator. (e.g., All required fields are marked with an asterisk )

      Issue 2:

      The required form field indicator is not part of the form control's label.

      POSSIBLE SOLUTION:

      Move the asterisk inside the label.

      Change this:
      <p>
      <span>*</span>
      <label for="eid">User Id</label>
      <input type="text" id="eid" name="eid">
      </p>

      To:
      <p>
      <label for="eid"><span>*</span> User Id</label>
      <input type="text" id="eid" name="eid">
      </p>

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  Assignee:
                  steve.swinsburg Steve Swinsburg
                  Reporter:
                  viatorvoice Joe Humbert
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration