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</pSehen Sie dieses aria-labelledby-Attribut? Es verknüpft zwei IDs aus dem …
HTML-Listen sind langweilig. Sie tun nicht viel, deshalb denken wir nicht wirklich darüber nach, obwohl sie weit verbreitet sind. Und wir können immer noch die gleichen Dinge tun, um sie anzupassen, wie z. B. Marker entfernen, umkehren...
Während die meisten Leute, die das Web auf einem Computer durchsuchen, eine Maus benutzen, verlassen sich viele stattdessen auf ihre Tastatur. Theoretisch sollte die Verwendung einer Webseite mit der Tastatur kein Problem darstellen – drücken Sie die TAB-Taste, um die Tastatur zu bewegen...
Lassen Sie uns über deaktivierte Schaltflächen sprechen. Insbesondere wollen wir uns damit befassen, warum wir sie verwenden und wie wir es besser machen können als das traditionelle `disabled`-Attribut in HTML (z. B. `
Es gibt viele...
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 ...
Jeremey reagiert auf Saras Tweet über die Verwendung von `[aria-*]`-Selektoren anstelle von Klassen, wenn das Styling, das Sie anwenden, direkt mit dem ARIA-Status zusammenhängt.
…... dies ist meine bevorzugte Methode, um CSS- und JavaScript-Interaktionen zu verbinden. Hier ist
Semantisches HTML und Accessible Rich Internet Applications (ARIA) helfen dabei, Schnittstellen zu schaffen, die für jeden auf die performanteste, robusteste und einfachste Weise funktionieren. Sie fügen Ihren Inhalten wesentliche Bedeutung hinzu, was es Webbrowsern, Suchmaschinen, Screenreadern, RSS-Feeds ... ermöglicht
Wir haben in den letzten Jahren mehrmals über responsive Tabellen gebloggt. Es gibt eine Vielzahl von Techniken, und welche Sie wählen sollten, hängt von den Daten in der Tabelle und dem von Ihnen angestrebten UX ab. Aber viele davon ...
