Skip to main content

ACCESS NYC

Patterns

Patterns

Home About Installation Design Tools Developer Tools NPM GitHub

ElementsButtons Checkboxes Dividers Inputs Layouts Links Lists Nav Program Labels Radios Tables Tooltips Toggles Selects

ComponentsAccordion Alert Box Alert Banner Card Checklist Disclaimer Filter Header Member List Nearby Stops Share Form Side Nav Text Controller Question

ObjectsAnnouncements Banner Card Lists Content Footer Formstack Mobile Nav Navigation Newsletter Search Box

Utilities Accessibility Colors Cookie Fonts Icons Inherit Language Media Text Toggle Typography

Accessibility

Screen Reader Only

Source: src/utilities/accessibility/accessibility

The .sr-only utility will hide elements visually but keep them visible to screen readers.

This text will be read aloud and visible to users.

However, this text will be read aloud by screen readers.

<p>This text will be read aloud and visible to users.</p>
<p class="sr-only">However, this text will be read aloud by screen readers.</p>

Jump to:Screen Reader Only

Home About Installation Design Tools Developer Tools

Maintained by NYC Opportunity

GitHub Twitter Facebook Instagram