JSPM – @instructure/ui-a11y@6.24.1-rc.7+2090d6c14

Package Exports

@instructure/ui-a11y
@instructure/ui-a11y/lib/AccessibleContent
@instructure/ui-a11y/lib/Dialog
@instructure/ui-a11y/lib/PresentationContent
@instructure/ui-a11y/lib/ScreenReaderContent
@instructure/ui-a11y/lib/findFocusable
@instructure/ui-a11y/lib/findFocusable.js
@instructure/ui-a11y/lib/findTabbable
@instructure/ui-a11y/lib/hasVisibleChildren

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

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