ruby-ui / ruby-ui/ruby_ui

Carousel buttons have the wrong or missing screen-reader label

Offen Anfängerfreundlich
#540 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug
Vorherrschende Sprache
Ruby
Sterne
1k
Forks
67
Ø Merge
3 T. 12 Std.
Gemergte PRs (30 T.)
14

Beschreibung

  • Where: carousel_previous.rb renders span.sr-only "Next slide";
    carousel_next.rb renders no sr-only span at all. Snapshot
    carousel/vertical line 17.
  • Effect: a screen reader announces the previous button as "Next slide"
    and the next button as unlabeled.
  • Fix: "Previous slide" on the previous button, add "Next slide" to the
    next button; re-record (on the 2.0 line) carousel/*.

Surfaced by the golden HTML suite (PR #536), which pins what 1.6 renders today — this defect included. Per maintainer decision (2026-09-19) main stays as is: this is addressed on the 2.0 line, and the golden snapshot that pins it is re-recorded there with the diff reviewed.

Source: design/v2/follow-up-issues.md.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit carousel_previous.rb und carousel_next.rb, untersuche dann den Snapshot carousel/vertical in Zeile 17 sowie die anderen goldenen carousel/-Snapshots im 2.0-Zweig. Führe die goldene HTML-Suite aus und zeichne carousel/ neu auf; abgeschlossen ist die Aufgabe, wenn die Previous- und Next-Schaltflächen die korrekten Screenreader-Beschriftungen haben und der überprüfte Snapshot-Diff diese widerspiegelt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
ruby
Bereich
accessibility
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Aktiv
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
72/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.