--- modules/system/system-behavior.css Mon Jun 21 16:09:34 2010 +++ modules/system/system-behavior.css Mon Jun 21 16:07:56 2010 @@ -302,10 +302,17 @@ * the site where visual display is undesirable. Information provided in this * manner should be kept concise, to avoid unnecessary burden on the user. Must * not be used for focusable elements (such as links and form elements) as this - * causes issues for keyboard only or voice recognition users. + * causes issues for keyboard only or voice recognition users. "!important" is + * used to prevent unintentional overrides. */ .element-invisible { - height: 0; - overflow: hidden; - position: absolute; + background: transparent none !important; + border: none !important; + display: block !important; + height: 1px !important; + left: -999em !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; } --- modules/system/system-behavior-rtl.css Mon Jun 21 16:09:41 2010 +++ modules/system/system-behavior-rtl.css Mon Jun 21 16:08:44 2010 @@ -87,3 +87,10 @@ float: right; margin: 0 0 0 1em; } + +/** + * Hide elements visually, but keep them available for screen-readers. + */ +.element-invisible { + left: auto !important; +}