nf-core / nf-core/website

Make the website more accessible

Open
#2,011 0 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement front-end hackathon
Dominant language
MDX
Stars
98
Forks
298
Avg merge
14h 38m
Merged PRs (30d)
38

Description

I'm taking a course in web development and accessibility, where we are using a tool called Wave.

I checked the website and it's complaining about contrast issues with the light grey text on white background, and the white text on green.

Also there seem to be some heading levels skipped, redundant links and title text.

Skärmavbild 2023-10-04 kl  10 32 49

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 running the website through Wave and reviewing the reported contrast, heading, redundant-link, and title-text findings. No files, tests, or entry points are named, so first map each finding to the relevant website page or component. Done means the reported accessibility findings are addressed and Wave no longer reports them.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, web-dev
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.