gitpod-io / gitpod-io/gitpod

Multiple accessibility issues in the new (and existing) Gitpod interface

Open
#3,717 4 comments 4 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

aspect: accessibility component: dashboard meta: never-stale
Dominant language
TypeScript
Stars
13.8k
Forks
1.4k
Avg merge
17h 58m
Merged PRs (30d)
5

Description

Bug description

There are a few accessibility issues in the new Gitpod interface, some examples:

  • Not enough color contrast between text and background
  • Not possible to tab through all the items using a keyboard
  • Some items missing a clear focus border
  • Some images miss alternative text
  • Does not respect prefers-reduced-motion
  • Almost no use of Aria attributes
  • Lack of semantic HTML usage
Steps to reproduce

Open https://main.staging.gitpod-dev.com

  • Try navigating through items with keyboard
  • Open devtools, inspect images, and see alternative text is missing
  • Start a project, the jumping G logo would jump even when prefers-reduced-motion is set in the user's browser.
Expected behavior

Make Gitpod a fully accessible experience

Example repository

https://github.com/gitpod-io/gitpod

I'll be happy to help identify more accessibility issues, and help resolve them as well :)

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

Start by opening https://main.staging.gitpod-dev.com and reproducing the listed keyboard, focus, image alternative-text, and reduced-motion problems with browser developer tools. The issue provides no file or test entry point; done would require addressing the identified accessibility problems across the interface and verifying the listed behaviors again.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.