HTML

Accessibility

ExamplesDocumentation

Examples

Screen reader only

Copied to clipboard

Visible

Copied to clipboard

Hidden

Copied to clipboard

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