Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

accessibility upgrade #1

Draft
wants to merge 16 commits into
base: main
Choose a base branch
from
Draft

accessibility upgrade #1

wants to merge 16 commits into from

Conversation

KatharinaSimma
Copy link
Owner

@KatharinaSimma KatharinaSimma commented May 1, 2023

Tasks

Interactive Elements

  • Use aria labels (screen reader)
  • Better visibility of interactive elements with hover
  • Better usability of interactive elements with wider click area

Keyboard Navigation

  • Implement keyboard navigation

Screen Reader

  • Make sure app is usable with a screen reader

Color Contrast

  • Delete Themes with insufficient color contrast

Tools

  1. eslint-plugin-jsx-a11y
  2. axe DevTools (Browser Extension)
  3. Lighthouse (DevTools)
  4. pa11y (cli)
  5. @axe-core/cli (cli)
  6. Accessibility Insights (Browser Extension)

@hamedJenabi
Copy link

Overall, this is a well-written PR that provides a clear explanation of the problem being addressed and the approach taken to solve it. Good job!
We can talk about the code in person.

@KatharinaSimma KatharinaSimma self-assigned this May 3, 2023
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants