jupyter / jupyter/notebook

On dark theme, there are 4 colors a part of the code syntax hightlighter in the code blocks that needs better contrast from the background. On light theme this number is 6. Both of these need to reach a 4.5:1 contrast ratio

Open
#6,929 4 comments 0 reactions 0 assignees View on GitHub
bug tag:Accessibility
Dominant language
Jupyter Notebook
Stars
13.3k
Forks
5.8k
Avg merge
6d 11h
Merged PRs (30d)
7

Description

### Color, Contrast, and Zoom
**Issue Area # 1**
- **Expectation**: Do the default text and background size and colors provide sufficient contrast? (WCAG Criteria 1.4.3 (AA))
- **Observed**:
- On both dark and light themes, the colors found within the code blocks (the syntax highlighting) needs 4 and 6 color changes respectively. Both of these need to reach a 4.5:1 contrast ratio between and its background.These also ideally need to have a certain contrast (3:1) between one another so they stand out (a different WCAG requirement), but there are too many colors used that all may appear adjacent to one another that this does not seem possible so can ignore. I recognize this might be a different codebase but wanted to flag at least.

Contributor guide

Open the contributing guide

Research direction

No files or tests are named. Start by locating the theme and syntax-highlighting styles used by code blocks, then measure the reported light- and dark-theme colors against their backgrounds. Done means the identified colors meet the 4.5:1 contrast requirement in both themes.

Written by the indexing model from the issue text.

Assessment

Tech stack
jupyter-notebook
Domain
accessibility
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.