React Accessibility

Accessibility in React.js applications.

Quick Start

# Install the dependencies
pnpm install

# Run the presentation
pnpm prezi:start

# Run the demo application
pnpm demo:start

# Run the storybook
pnpm ui:start

# Commit your changes
pnpm cm

Applications

Presentation

Slide deck.

Demo

Accessibility in React.js applications.

# Run unit tests
# Add `--watch` to run tests in the watch mode
npx nx run demo:test

# Run Cypress e2e tests
# Add `--watch` to run tests via GUI
npx nx run demo:cy

# Run Playwright e2e tests
# Add `--ui` to run tests via GUI
npx nx run demo:pw

Libraries

Demo UI

A design system library for the demo application.

# Run unit tests
# Add `--watch` to run tests in the watch mode
npx nx run ui:test

# Run Cypress e2e tests
# Add `--watch` to run tests via GUI
npx nx run ui:cy

Credits

• Accessibility icon by Icons8
• Photo by Elizabeth Woolner on Unsplash
• Photo by Ian Schneider on Unsplash
• Photo by Tingey Injury Law Firm on Unsplash
• Photo by Valeria Voevodina on Unsplash