Commit 40c763f5 authored by webchick's avatar webchick

#473396 by Everett Zufelt, annmcmeekin, jmburnz, sun, et al: Define...

#473396 by Everett Zufelt, annmcmeekin, jmburnz, sun, et al: Define system-wise classes for providing hidden elements for accessibility.
parent 9327932b
...@@ -565,3 +565,30 @@ div.password-suggestions ul { ...@@ -565,3 +565,30 @@ div.password-suggestions ul {
div.password-confirm { div.password-confirm {
visibility: hidden; 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;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment