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

To hide elements from everyone, use HTML5 hidden attribute

    Details

      Description

      There are many elements that are hidden only with the CSS rule display: none;. This works for most browsers that use style sheets, but for assistive technologies that do not use style sheets, the HTML5 hidden attribute can be used in conjunction with the CSS rule to hide the elements for everyone.

      https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/
      https://section508.gov/content/quick-reference-guide#1194.22d

      Steps
      1. Open Firefox to Liferay page containing Documents and Media portlet
      2. Using Web Developer extension: CSS > Disable Styles > Disable All Styles

      Expected: Only relevant elements are visible
      Result: Many elements that are not relevant are visible

        Attachments

          Activity

            People

            Assignee:
            mateo.hermosin Mateo Hermosin
            Reporter:
            caleb.degough Caleb DeGough (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Packages

                Version Package