Details
-
Bug
-
Status: Closed
-
Resolution: Fixed
-
6.0.2 RC
-
None
Description
Hidden accessible elements (elements picked up by screen readers but obscured from the visible page, and not necessarily labeled ".hidden-accessible") experience the following bugs:
When "float: left; font-size: 0;" is used, webkit does not respect the font-size, and tiny text still appears on the page, which not only looks unsightly, but in many instances also offsets other elements affected by the not-completely-hidden accessible element's box model.
When "position: absolute; left: -9(etc)px;" is used and text directionality flips (ie: the current language triggers right to left text directionality) then hideous horizontal scrollbars appear as if the style had been "position: absolute; right: -9(etc)px;" English.
The fix is to use "clip: rect(0 0 0 0); position: absolute;" which completely eliminates the box model and visibility of the element without affecting screen readers.