AA erreichen: Grenzwerte für Text und großen Text
Kennen Sie die Mindestverhältnisse für Fließtext und große Schrift.
AA erreichen: Grenzwerte für Text und großen Text ist eine kostenlose Web Accessibility Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Web Accessibility Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Das AA-Ziel erreichen
Die meisten Teams verpflichten sich beim Kontrast zu WCAG Level AA. Die Anforderungen sind streng genug, um echten Benutzern zu helfen, und realistisch genug, um tatsächlich umgesetzt zu werden.
Normaler Text: 4,5 zu 1
Für Fließtext verlangt AA mindestens 4.5:1. Das gilt für Absätze, Labels und die meisten Wörter auf Ihrer Seite.
Was als groß gilt
Großer Text bedeutet 24px in normaler Schrift oder 18.66px in Fettschrift. In dieser Größe sind Buchstaben leichter zu lesen, daher sind die Anforderungen weniger streng.
Großer Text: 3 zu 1
Großer Text braucht nur 3:1. Die größeren Formen haben mehr visuelles Gewicht, sodass auch ein geringerer Helligkeitsunterschied klar lesbar bleibt.
Fettschrift senkt die Größenanforderung
Die Schriftstärke spielt eine Rolle: Fettschrift gilt bereits ab 18.66px als groß, da dickere Striche für das Auge leichter zu erfassen sind.
Punkt versus Pixel
WCAG definiert große Schrift als 18pt oder 14pt fett. Das entspricht in CSS 24px und 18.66px. Tools übernehmen diese Umrechnung normalerweise für Sie.
UI-Komponenten: 3 zu 1
Schaltflächen, Eingabefelder und Fokusindikatoren müssen gemäß Kriterium 1.4.11 gegenüber ihrer Umgebung 3:1 erreichen, damit Steuerelemente sichtbar bleiben.
AAA geht weiter
Sie möchten strengere Garantien? AAA erhöht den Wert für normalen Text auf 7:1 und für großen Text auf 4.5:1. Die meisten Produkte setzen jedoch AA als Standardziel.
Deaktivierte Elemente und Logos sind ausgenommen
Einige Dinge sind von der Regel ausgenommen: deaktivierte Steuerelemente, reine Dekoration und Markenlogos unterliegen keiner Mindestanforderung an den Kontrast.
Placeholder-Text zählt ebenfalls
Dieser blassgraue placeholder ist echter Text und muss daher ebenfalls 4.5:1 erreichen. Die meisten Standardwerte scheitern, also dunkeln Sie sie gezielt ab.
Großen Text in CSS festlegen
Diese Überschrift erreicht die large-text-Größe, daher reicht für AA ein Verhältnis von 3:1 aus.
h2 {
font-size: 24px;
font-weight: 400;
}Schnelltest
Ordnen Sie die AA-Werte für unterschiedliche Textarten zu.
Zusammenfassung: AA erreichen
Merken Sie sich das Paar: 4.5:1 für normalen Text und 3:1 für großen Text oder UI-Elemente. Wenn Sie diese Werte erreichen, erfüllt Ihr Kontrast AA. Als Nächstes: niemals allein auf Farbe vertrauen. 🎯
Häufig gestellte Fragen
Ist die Lektion „AA erreichen: Grenzwerte für Text und großen Text“ kostenlos?
Ja — der vollständige Text von „AA erreichen: Grenzwerte für Text und großen Text“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Web Accessibility Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „AA erreichen: Grenzwerte für Text und großen Text“?
Kennen Sie die Mindestverhältnisse für Fließtext und große Schrift. Du übst Web Accessibility Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Web Accessibility Academy zu starten?
Keine Vorkenntnisse erforderlich. Web Accessibility Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „AA erreichen: Grenzwerte für Text und großen Text“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Web Accessibility Academy-Lektion Code schreiben und ausführen?
Ja. Jede Web Accessibility Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Warum Kontrastverhältnisse existieren
- AA erreichen: Grenzwerte für Text und großen Text
- Verlassen Sie sich nie allein auf Farbe
- Kontrast mit kostenlosen Tools prüfen