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