Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
labels

5 Artikel
{
,

}
Direktlink zum Artikel: Befreie mein unzugänglich beschriftetes Herz
accessibility aria labels

Befreie mein unzugänglich beschriftetes Herz

Suzy Naschansky vom HTMHell Adventskalender

<h2 id="article1-heading"All About Dragons</h2<pI like dragons. Blah blah blah blah blah.</p<p<a id="article1-read-more" aria-labelledby="article1-read-more article1-heading"Read more</a</p

Sehen Sie dieses aria-labelledby-Attribut? Es verknüpft zwei IDs aus dem …

Avatar of Geoff Graham
Geoff Graham am 14. Dez. 2022
Direkter Link zum Artikel HTML Inputs und Labels: Eine Liebesgeschichte
Barrierefreiheit Formulare Inputs Labels Semantik

HTML Inputs und Labels: Eine Liebesgeschichte

Die meisten Inputs haben etwas gemeinsam – sie sind am glücklichsten mit einem Begleitlabel! Und das Glück hört nicht dort auf. Formulare mit richtigen Inputs und Labels sind für Menschen viel einfacher zu benutzen, und das macht die Leute auch glücklich.…

Avatar of Amber Wilson
Amber Wilson am 2. Apr. 2021
Direkter Link zum Artikel: What’s New in WCAG 2.1: Label in Name
accessibility aria labels

What’s New in WCAG 2.1: Label in Name

WCAG 2.1 Empfehlungen wurden 2018 eingeführt. Es ist nun ein paar Jahre her und es gibt einige neue Erfolgskriterien. In diesem Artikel werde ich Label in Name diskutieren, das ist, wie wir Komponenten visuell beschriften. Wir werden uns ...

Avatar of Todd Libby
Todd Libby am Jun 1, 2021
Direkter Link zum Artikel Styling komplexer Labels
Barrierefreiheit HTML Labels

Styling komplexer Labels

Danielle Romo behandelt das HTML-Muster, das Sie benötigen, wenn Sie ein wortreiches <label> mit schicker Formatierung für ein <input type="radio"> haben.

Der Trick? Der alte <span class="hidden-visually">, der das Label enthält, das gelesen werden soll, und ein …

Avatar of Chris Coyier
Chris Coyier am 5. Okt. 2020
Direkter Link zum Artikel CSS-Only Floated Labels mit der :placeholder-shown Pseudo-Klasse
:placeholder-shown Formulare Labels

CSS-Only Floated Labels mit der :placeholder-shown Pseudo-Klasse

Die Floated-Label-Technik existiert schon seit einer ganzen Weile und die allgemeine Idee ist diese: Wir haben ein Text-Input-Feld mit dem Platzhalter-Attribut, das als Label fungiert. Wenn ein Benutzer in dieses Input-Feld tippt, das Label …

Avatar of Robin Rendle
Robin Rendle am 4. Okt. 2018

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .