+++LIVE+++ #WWSIV heute gegen 20:00 Uhr LIVE auf Twitch! +++LIVE+++

A11Y I18N FTW! WTF?

Folge №4 · Veröffentlicht am: · Spielzeit: 77 Minuten

Web Accessibility Basics, Internationalisierung in Manifestation der JS Intl API, und viele Tools und Tipps, ganz frisch in euren Podcatcher! (Kein Verb!). Nebenher lernen wir, dass in Österreich das Eurozeichen vor dem Betrag steht, es verschiedene arabische Plurale gibt und wagen einen Blick ins Präkambrium des World Wide Webs.

Shownotes

Kommentare

Name

Claaskommentierte

am

Ich bin gerade im ersten Lehrjahr meiner Ausbildung zum Anwendungsentwickler. Da ich gerade ein fast komplettes Frontend überarbeiten darf, habe ich mir gedacht ein thematisch passender Podcast wäre ja ganz gut. Wie sich herausstellt war das eine hervorragende Idee, weil ich jetzt sehe wie schlecht die Web Accessibility auf unserer Seite ist. Macht weiter so ich habe Spaß beim Zuhören.

P.S. Auf dem Handy kann man die Kommentar Box nicht wieder nach oben scrollen, damit man seinen alten Text lesen kann.

Name

Moritzkommentierte

am

Hi Claas!

Danke für dein Feedback und deinen Bugreport. Wir schauen es uns an!

Name

Thomaskommentierte

am

Hi, super Folge, vielen Dank an euch dafür!
Eine Frage zu deskriptiven Link-Texten. Moritz meinte, man sollte „für die Sehenden unsichtbaren Text“ zur Eindeutigkeit dazunehmen. Habt ihr dafür ein Beispiel, wie man das technisch am Besten macht? Innerhalb des links einen zusätzlichen Span, welcher per CSS visuell versteckt wird? Erzeugt sowas mit dem eigentlichen Link-Text dann keine Dopplung für SR-Nutzer?

Name

Moritzkommentierte

am

Hi Thomas!

> Innerhalb des links einen zusätzlichen Span, welcher per CSS visuell versteckt wird?

Ja, genauso würde ich das machen.

> Erzeugt sowas mit dem eigentlichen Link-Text dann keine Dopplung für SR-Nutzer?

Kommt drauf an, wie man es baut. Man kann den versteckten Text ergänzend bauen, sodass es nacheinander vorgelesen Sinn ergibt, oder den sichtbaren Text für Screenreader mit aria-hidden=“true“ verstecken.

Name

Thomaskommentierte

am

Danke, Moritz!
Eine Anmerkung noch zu der Kommentar-Funktion, falls ihr daran noch mal arbeiten möchtet: ich würde mich über eine Email-Benachrichtigung freuen, wenns Interaktionen zu einem Kommentar von mir gibt 😀 Aber sonst alles top!

Name

Christiankommentierte

am

Hallo, ich habe vor ein paar Wochen mit WebDev lernen begonnen. Habe mir dann auch Podcast gesucht und euch gefunden, zum Glück. Ich höre euch gerne zu und finde euren Content Goldwert. Ich bin nun bei Folge 4 angekommen und hoffe, dass die nachfolgenden Episoden auch so super sind. Gibt es zu Thema A11Y ein Tool, was ihr empfehlen könnt? (außer den cheatsheet von Moritz)

Name

Moritzkommentierte

am

Hi und danke für die Blumen!
Wie im Cheatsheet erwähnt würde ich auch mit Lighthouse (Chrome/Edge Devtools) und dem AXE Plugin testen. Einen manuellen Test ersetzt das leider nicht. Da musst du mit Tastatur und Screenreader ran 🙂

Kommentiere!
Folgendes HTML erlaubt
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

Die E-Mail-Adresse wird nicht öffentlich angezeigt.

Wir sind im Moment live auf Twitch!