Barrierefreie Mindestschriftgröße prüfen

Dieses Werkzeug vergleicht eine Schriftgröße in CSS-Pixeln mit einem praxisnahen Mindestwert für Fließtext, Bildtext oder Schaltflächenbeschriftung. Es nennt den maßgeblichen Grenzwert, bewertet dessen Einhaltung und berechnet die genaue Abweichung. Das Ergebnis unterstützt eine frühe Barrierefreiheitsprüfung; es bedeutet nicht, dass die Schriftgröße allein eine Gestaltung barrierefrei macht.

Bestimmen Sie zuerst die inhaltliche Funktion

Eine Schriftgröße allein reicht für die Beurteilung nicht aus, denn Text erfüllt unterschiedliche Aufgaben. Für längeres Lesen verwendet dieses Werkzeug bei Fließtext einen üblichen Mindestwert von 16 CSS-Pixeln. Bildtexte sind meist kürzer und nachgeordnet; dafür gilt ein Vergleichswert von 12 Pixeln. Schaltflächenbeschriftungen müssen innerhalb eines Bedienelements lesbar bleiben und werden mit 14 Pixeln verglichen. Wählen Sie die tatsächliche Funktion der Wörter, nicht nur das Aussehen des Elements. Eine Zeile unter einem Bild bleibt ein Bildtext, auch wenn sie dieselbe Schrift wie der Artikel verwendet. Text in einem auslösbaren Steuerelement bleibt eine Schaltflächenbeschriftung, selbst wenn es wie ein Link gestaltet ist. Die ausdrückliche Zuordnung sorgt für einheitliche Prüfungen über mehrere Seiten hinweg und verhindert, dass überall der kleinste Wert angesetzt wird. Diese Zahlen sind verbreitete praktische Richtwerte, keine allgemeingültigen rechtlichen Kriterien. Ihr Designsystem darf je nach Zielgruppe, Schriftart, Geräten oder Lesesituation größere Mindestwerte festlegen.

Verstehen Sie das Ergebnis als Vorprüfung

Die Antwort enthält die eingegebene Größe, die Inhaltsart, den verwendeten Mindestwert, eine Ja-Nein-Bewertung und eine vorzeichenbehaftete Differenz. Eine Differenz von null bedeutet, dass die Größe genau auf dem Grenzwert liegt und diese Prüfung besteht. Ein negativer Wert zeigt den fehlenden Betrag, ein positiver Wert den vorhandenen Spielraum. Dieser direkte Vergleich eignet sich für die Prüfung von Design-Tokens, Komponentenbeständen, automatisierten Qualitätskontrollen und Abnahmekriterien, weil er eine unklare Sorge in eine reproduzierbare Entscheidung verwandelt. Das Bestehen sollte jedoch der Anfang und nicht das Ende der Barrierefreiheitsbewertung sein. Die wahrgenommene Größe hängt außerdem von Schriftart, Gewicht, Buchstabenform, Zeilenhöhe, Bildschirmdichte, Zoom und Layout ab. Text mit 16 Pixeln kann bei geringem Kontrast oder überlangen Zeilen weiterhin anstrengend sein. Nutzen Sie die Kennzeichnung, um Risiken schnell zu finden, und prüfen Sie anschließend die gerenderte Komponente mit echten Inhalten und repräsentativen Hilfseinstellungen.

Verbinden Sie Mindestgrößen mit robuster Typografie

Barrierefreie Typografie muss den Anpassungen standhalten, die Menschen tatsächlich an Webseiten vornehmen. Nachdem Sie eine beanstandete Größe korrigiert haben, prüfen Sie, ob Text ohne Abschneiden vergrößert werden kann, Bedienelemente ihre Beschriftung behalten und das Layout ohne erzwungenes horizontales Scrollen umbricht. Verwenden Sie in der fertigen Oberfläche relative CSS-Einheiten, wenn sie Benutzereinstellungen besser bewahren, auch wenn dieses Werkzeug zur eindeutigen Berechnung Pixel entgegennimmt. Prüfen Sie den Kontrast im Normal-, Hover-, Fokus-, deaktivierten und Fehlerzustand. Sorgen Sie bei Fließtext für angenehme Zeilenhöhe und Zeilenlänge und verstecken Sie wesentliche Hinweise nicht in winzigen Bildtexten. Bei Schaltflächen ersetzt eine lesbare Beschriftung weder eine ausreichend große Zielfläche noch einen sichtbaren Fokus oder einen zugänglichen Namen. Die Grenzwerte bleiben bewusst einfach: 16 Pixel für Fließtext, 12 für Bildtexte und 14 für Schaltflächen. Legen Sie bei erhöhtem Sehbedarf einen strengeren internen Standard fest.