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

Improve accessibility of Control Panel home links

    Details

      Description

      A common mistake for accessibility is creating more than one link that takes a user to the same place. For example, if we have a link wich is preceded by an icon (just for decoration), it would be a mistake to create one link for the icon and another link for the text because screen readers will read them as two different links and users won't know which one they should follow.

      In addition, when the icon is only decorative it should be created:

      • Using css as a background image (this way it will be ignored by screen readers)
      • Using the tag img with empty alternative <img alt="" ...>

      All this logic is already encapsulated in our <liferay-ui:icon> taglib. We should use this taglib whenever possible to generate links with icons because it automatically handles all these issues for us:

      • Automatic management of alt attribute
      • it creates only one link for both the image and the text

        Attachments

          Activity

            People

            • Assignee:
              robert.srisamang Robert Srisam-ang (Inactive)
              Reporter:
              jorge.ferrer Jorge Ferrer
              Recent user:
              Shalaka Tendulkar
              Participants of an Issue:
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Packages

                Version Package
                6.2.0 CE B1