Skip to content

Commit

Permalink
docs: Remove necessity to use a label
Browse files Browse the repository at this point in the history
  • Loading branch information
Nickzlos authored Dec 10, 2024
1 parent 6e7c4a4 commit 7d45453
Showing 1 changed file with 11 additions and 9 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -49,11 +49,10 @@ gekennzeichnet.

## Label

Jedes TextField muss ein zugehöriges [Label](/03-components/content/label)
besitzen. Das Label ist entscheidend, um die Eingabeanforderungen zu verstehen
und sollte daher so gewählt werden, dass es alle Informationen liefert, um das
TextField korrekt ausfüllen zu können. Außerdem sollte das Label knapp (max. 2
Wörter), präzise und weder versteckt noch auspunktiert sein.
Jedes TextField sollte ein passendes [Label](/03-components/content/label)
besitzen. Ein gutes Label vermittelt alle notwendigen Informationen, um das TextField
korrekt auszufüllen. Außerdem sollte es knapp (max. 2 Wörter), präzise und weder
versteckt noch auspunktiert sein.

<DoAndDont>
<Dont example="withoutLabel">
Expand Down Expand Up @@ -81,8 +80,8 @@ Formatierungsbeispiele liefern.
Placeholder sind nicht accessible und dürfen daher keine Informationen
enthalten, die für das korrekte Ausfüllen des TextFields erforderlich sind. Das
größte Problem ist, dass Placeholder verschwinden, sobald Text eingegeben wird.
Darüber hinaus werden sie von manchen Assistenztechnologien nicht korrekt erkann
und sind kognitiv schwieriger zu verarbeiten als die FieldDescritption. Statt
Darüber hinaus werden sie von manchen Assistenztechnologien nicht korrekt erkannt
und sind kognitiv schwieriger zu verarbeiten als die FieldDescription. Statt
einen Placeholder zu verwenden, ergänze das TextField mit ...

- einem [Label](/03-components/content/label) für Informationen, die essenziell
Expand All @@ -108,8 +107,11 @@ Das TextField kann sowohl über die Tastatur erreicht und aktiviert werden als
auch mit Assistenztechnologien angesteuert werden. Damit auch der Inhalt
barrierefrei ist, solltest du:

- immer ein [Label](/03-components/content/label) verwenden, welches essenzielle
Eingabeanforderungen über das Label kommuniziert.
- wenn möglich ein [Label](/03-components/content/label) verwenden, welches essenzielle
Eingabeanforderungen über das Label kommuniziert. Können die Eingabeanforderungen an
das TextField durch den Kontext erschlossen werden, kann auf den Einsatz eines Labels
verzichtet werden. In diesem Fall muss das TextField über *aria-labelledby* verknüpft
oder über ein *aria-label* beschrieben werden.
- die FieldDescription nutzen, um Unterstützung, Beispiele oder
Formatierungshilfen zu geben.
- Placeholder nicht für Inhalte verwenden, die zum Ausfüllen des TextFields
Expand Down

0 comments on commit 7d45453

Please sign in to comment.