To hide elements from everyone, use HTML5 hidden attribute

• Type: Feature Request
• Status: Won't Do
• Resolution: Discarded
• Affects Version/s: 7.0.2 CE GA3
• Fix Version/s: None
• Component/s: Accessibility
• Labels:
  • Fragments_adaptability

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