Index: modules/system/system.css =================================================================== RCS file: /cvs/drupal/drupal/modules/system/system.css,v retrieving revision 1.57 diff -u -p -r1.57 system.css --- modules/system/system.css 4 Aug 2009 03:27:11 -0000 1.57 +++ modules/system/system.css 6 Aug 2009 07:58:04 -0000 @@ -565,3 +565,30 @@ div.password-suggestions ul { div.password-confirm { visibility: hidden; } + +/** + * Hide elements from all users. + * + * Used for elements that should not be immediately displayed to any user. An + * example may be a collapsable fieldset, that will be expanded by an action + * from a user. The effect of this class can be toggled with the JQuery show() + * and hide() functions. + */ +.element-hidden { + display: none; +} + +/** + * Hide elements visually, but keep them available for screen-readers. + * + * Used for information required for screen-reader users to understand and use + * 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 as this causes issues for keyboard only + * or voice recognition users. + */ +.element-invisible { + height: 0; + overflow: hidden; + position: absolute; +}