Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-125493

In forms, screen readers skip important information and errors are not accessible

    Details

    • Type: Bug
    • Status: Closed
    • Resolution: Fixed
    • Affects Version/s: 7.2.X, 7.3.X, Master
    • Fix Version/s: 7.2.X, 7.3.X, Master
    • Component/s: Forms
    • Labels:

      Description

      Steps to reproduce
      1.- Start Liferay
      2.- Create a new form with 3 required fields
      3.- Set that form in your welcome page
      4.- Access to your home page and enable Screen Reader


      Error 1: Screen readers don't read important information

      5.- Listening to the screen reader, navigate to the label of any of the required fields.

      Expected behavior
      Screen reader notifies you the field is required.

      Actual behavior
      Screen reader is not saying anything about the field being required.

      Additional notes
      This issue is not happening with Screen Reader extension for Chrome (AKA ChromeVox) but it is with most of the screen readers, like NVDA or macOS native screen reader.

      This issue is due to the hidden attribute added to this span what makes it hidden as well for most of the screen readers:

      {fieldDetails && (
          <span
              aria-hidden="false"
              dangerouslySetInnerHTML={{
                  __html: fieldDetails,
              }}
              hidden
              id={fieldDetailsId}
          />
      )}
      

      Error 2: Errors are not accessible

      5.- Submit the form

      Expected behavior
      You are somehow notified about the errors. For example, moving the focus to the first input with an error.

      Actual behavior
      (For an user who can't see the screen) Nothing happens


        Attachments

          Issue Links

            Activity

              People

              Assignee:
              team-forms Product Team Forms
              Reporter:
              antonio.ortega Antonio Ortega
              Participants of an Issue:
              Recent user:
              Enterprise Release HU
              Engineering Assignee:
              Antonio Ortega
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Days since last comment:
                5 weeks, 3 days ago

                  Packages

                  Version Package
                  7.2.X
                  7.3.X
                  Master