You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/rules/a11y-no-visually-hidden-interactive-element.md
+2-4Lines changed: 2 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ Note: we are not guarding against visually hidden `input` elements at this time.
12
12
13
13
### Why do we visually hide content?
14
14
15
-
Visually hiding content can be useful when you want to provide information specifically to screen reader users or other assitive technology users while keeping content hidden from sighted users.
15
+
Visually hiding content can be useful when you want to provide information specifically to screen reader users or other assistive technology users while keeping content hidden from sighted users.
16
16
17
17
Applying the following css will visually hide content while still making it accessible to screen reader users.
18
18
@@ -61,16 +61,14 @@ width: 1px;
61
61
62
62
- className - A css className that visually hides content. Defaults to `sr-only`.
63
63
- componentName - A react component name that visually hides content. Defaults to `VisuallyHidden`.
64
-
- htmlPropName - A prop name used to replace the semantic element that is rendered. Defaults to `as`.
0 commit comments