@instructure/ui-a11y-content

---

category: packages

ui-a11y-content

   

Utility components that help provide a good experience for users who navigate the web with a screen reader or keyboard.

Components

The ui-a11y-content package contains the following components:

• AccessibleContent
• PresentationContent
• ScreenReaderContent

Installation

npm install @instructure/ui-a11y-content

Usage

---
example: false
---
<AccessibleContent
  alt="Alternative text for a screen reader only"
>
  <Text>
    Presentational content goes here
  </Text>
</AccessibleContent>

---
example: false
---
<PresentationContent>
  <Text>
    Presentational content here
  </Text>
</PresentationContent>

---
example: false
---
<ScreenReaderContent>
  This content is not visible.
</ScreenReaderContent>