@instructure/ui-a11y

---

category: packages

ui-a11y

     

Deprecated Components

The ui-a11y package contains will be removed in v7.0.0. Please update your imports as follows:

• AccessibleContent will be removed in version 7.0.0. Use AccessibleContent from ui-a11y-content instead.
• PresentationContent will be removed in version 7.0.0. Use PresentationContent ui-a11y-content instead.
• ScreenReaderContent will be removed in version 7.0.0. Use ScreenReaderContent ui-a11y-content instead.

Deprecated Utilities

• Dialog will be removed in version 7.0.0. Use Dialog from ui-dialog instead.
• findTabbable will be removed in version 7.0.0. Use findTabbable from ui-dom-utils instead.
• findFocusable will be removed in version 7.0.0. Use findFocusable from ui-dom-utils instead.
• FocusRegion will be removed in version 7.0.0. Use FocusRegion from ui-a11y-utils instead.
• scopeTab will be removed in version 7.0.0. Use findTabbable from ui-a11y-utils instead.

Installation

yarn add @instructure/ui-a11y

Usage

import React from 'react'
import { Dialog } from '@instructure/ui-a11y'

const MyAccessibleContent = () => {
  return (
    <AccessibleContent alt="Alternative text for a screenreader only">
        Presentational content goes here
    </AccessibleContent>
  )
}