Package Exports
- @instructure/ui-a11y
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@instructure/ui-a11y) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
category: packages
ui-a11y
Deprecated Components
The ui-a11y package contains will be removed in v7.0.0. Please update your imports as follows:
AccessibleContentwill be removed in version 7.0.0. Use AccessibleContent from ui-a11y-content instead.PresentationContentwill be removed in version 7.0.0. Use PresentationContent ui-a11y-content instead.ScreenReaderContentwill be removed in version 7.0.0. Use ScreenReaderContent ui-a11y-content instead.
Deprecated Utilities
Dialogwill be removed in version 7.0.0. Use Dialog from ui-dialog instead.findTabbablewill be removed in version 7.0.0. Use findTabbable from ui-dom-utils instead.findFocusablewill be removed in version 7.0.0. Use findFocusable from ui-dom-utils instead.FocusRegionwill be removed in version 7.0.0. Use FocusRegion from ui-a11y-utils instead.scopeTabwill be removed in version 7.0.0. Use findTabbable from ui-a11y-utils instead.
Installation
yarn add @instructure/ui-a11yUsage
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>
)
}