openlibhums / openlibhums/janeway

Mobile Clean Carousel inaccessible for long article titles

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

Nobody has claimed this yet.

1.9-ally a11y bug
Dominant language
Python
Stars
238
Forks
97
Avg merge
9d 1h
Merged PRs (30d)
8

Description

Clean (narrow) Carousel

when there is a long article title (which is used as a link) this can end up overlapping the forward/back slide buttons making them inaccessible. On widescreen it is fine. This is more frequent at higher zooms or text spacing.

The button to change slide is the > which ends up underneath the article title. That whole grey rectangle that is part of the text background, makes it reachable. This is the same both sides of the carousel.

Image

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

Reproduce the problem in the Clean narrow carousel with a long article title, higher zoom, and increased text spacing. Check that the forward and back slide buttons remain reachable and usable on both sides, while preserving the existing widescreen behavior.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.