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>
)
}