MethodScript.com Accessibility - Labels are not attached to search form fields
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 30/100
- Issue-Typ
- Bug
- Klarheit
- Muss geklärt werden
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- html
- Bereich
- accessibility, frontend, web-dev
Rechercherichtung
Beginne mit der im Issue verlinkten MethodScript.com-Dokumentationsseite und untersuche die Suchformularfelder mit den IDs theme-select und search. Verwende die gemeldeten Barrierefreiheitsverletzungen als Ausgangsbasis; die Aufgabe gilt als erledigt, wenn beide Felder Beschriftungen haben, die von assistiven Technologien interpretiert werden können.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
The search form does not include accessible labels that can be interpreted by a screen reader.
2 violations detected:
<select id="theme-select" name="theme-select">
<option value="default">Default Theme</option>
<option value="Dark">Dark</option>
<option value="Nilleke Dark">Nilleke Dark</option>
</select>
<input id="search" name="search" value="" type="search" class="sb-search-input">
Why is this important?
When on-screen labels are present, they must be programmatically associated with form fields. When on-screen labels are not present, form fields must be given an accessible label.
When form fields do not have a programmatic (accessible) label, assistive technologies may incorrectly render the label or provide no label at all to users. When labels are not present or are incorrect, users of assistive technologies may not be able to complete a form.
The HTML5 specification has a new form field attribute called
placeholder. This represents a label or hint, such as a word or short phrase, that is assigned to a form field such as an input field. The label or hint appears within the form field and goes away when users start typing. When theplaceholderattribute is used, the label or hint may not be detected by assistive technologies. Therefore, developers should provide off-screen text in thelabelelement of the form field or provide atitle
- Vorherrschende Sprache
- Java
- Sterne
- 128
- Forks
- 70
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus EngineHub/CommandHelper
-
discussion wanted documentation
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
EngineHub/CommandHelper#1403 ·
-
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
EngineHub/CommandHelper#1370 · 1 Kommentar ·
-
bug
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
EngineHub/CommandHelper#1354 ·
-
bug
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 45/100
EngineHub/CommandHelper#1349 · 3 Kommentare ·
-
bug
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
EngineHub/CommandHelper#1341 · 2 Kommentare ·
Alle Issues in EngineHub/CommandHelper
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 85/100
objectionary/eo-graphs#80 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100
-
enhancement good first issue
Schwierigkeit 2/5 Ein halber Tag Anfängerfreundlichkeit 66/100
apache/fineract-consumer-facing#175 ·
Maintainer antworten meist innerhalb von 1 Tag
-
[BUG] 订单:会员凭订单号即可取消其他会员的待付款订单(取消接口不校验订单归属)Evtl. vergeben @dadiyang hat das heute übernommen. Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 70/100
macrozheng/mall#1016 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100