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

    XMLWordPrintable

    Details

    • Type: Feature Request
    • Status: Open
    • Resolution: Unresolved
    • Affects Version/s: 7.0.2 CE GA3
    • Fix Version/s: None
    • Component/s: Accessibility
    • Labels:
      None

      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:
              support-lep@liferay.com SE Support
              Reporter:
              caleb.degough Caleb DeGough
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:

                Packages

                Version Package