openlibhums / openlibhums/janeway

add alt-text to css pseudo elements

Open
#5,381 0 comments 0 reactions 0 assignees View on GitHub

A pull request for this has already been merged.

  • #5382 by @StephDriver — merged
a11y
Dominant language
Python
Stars
238
Forks
97
Avg merge
9d 1h
Merged PRs (30d)
8

Description

we have several inline lists that have pseudoelements e.g.

.bar-sep li:not(:last-child)::after {
    content: " | ";
}

we should ensure these (and any others) have appropriate alt text where needed. So something like:

.bar-sep li:not(:last-child)::after {
    content: " | " / "";
}

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

No file or test is named. Search the stylesheets for ::before, ::after, and content declarations, then inspect the inline-list cases such as .bar-sep to determine which generated content needs alternative text; done means the relevant pseudo-elements use appropriate accessible content without changing visible separators.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.