UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

github.com/patternfly/patternfly

patternfly/patternfly

39 lines (33 loc) • 1.12 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
--- id: Accessibility section: utilities --- ## Examples ### Screen reader only ```hbs Content available only to screen reader, open inspector to investigate {{#> accessibility accessibility--type="screen-reader"}} This content is intended to be announced by assistive technologies, but not visually presented. {{/accessibility}} ``` ### Visible ```hbs {{#> accessibility accessibility--type="visible"}} This class unsets .pf-u-screen-reader and .pf-screen-reader. It will be visible. {{/accessibility}} ``` ### Hidden ```hbs The text underneath is hidden. {{#> accessibility accessibility--type="hidden"}} This text is hidden. {{/accessibility}} ``` ## Documentation ### Overview Breakpoint is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example .pf-u-screen-reader-on-lg** ### Usage | Class | Applied to | Outcome | | -- | -- | -- | | `.pf-u-screen-reader{-on-[breakpoint]}` | `*` | Visually hides element, but leaves accessible to assistive technologies | | `.pf-u-visible{-on-[breakpoint]}` | `*` | Unsets `.pf-u-screen-reader` and `.pf-screen-reader` |