Uniswap / Uniswap/interface

Accessibility improvement

Open
#3,396 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

improvement
Dominant language
TypeScript
Stars
5.5k
Forks
5.4k
PR merge metrics
No merged PRs in 30d

Description

Is your feature request related to a problem? Please describe.
There are several accessibility issues on the interface by the WCAG standard (https://www.w3.org/WAI/standards-guidelines/wcag/)

  1. no skip link, no level one heading (https://www.w3.org/TR/WCAG21/#bypass-blocks)
  2. focus is not visible (https://www.w3.org/TR/WCAG21/#focus-visible)
  3. lack of proper landmarks (https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA11)

Describe the solution you'd like

  1. improve landmarks
  2. add skip link and level one heading
  3. improve focus styling

I'm happy to send pull request to fix step by step.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files, tests, or specific entry points. Start by locating the interface's main layout and page structure, then compare it with the linked WCAG guidance; done means the requested landmarks, skip link, level-one heading, and visible focus styling are addressed.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.