Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

#473396 by Everett Zufelt, annmcmeekin, jmburnz, sun, et al: Define system-wise classes for providing hidden elements for accessibility.

merge-requests/26/head
Angie Byron 2009-08-07 05:34:08 +00:00
parent 9327932bf2
commit 40c763f58b
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
modules/system/system.css
View File

@ -565,3 +565,30 @@ div.password-suggestions ul {
div.password-confirm {
visibility: hidden;
}
/**
* Hide elements from all users.
*
* Used for elements which should not be immediately displayed to any user. An
* example would be a collapsible fieldset that will be expanded with a click
* 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 (such as links and form elements) as this
* causes issues for keyboard only or voice recognition users.
*/
.element-invisible {
height: 0;
overflow: hidden;
position: absolute;
}