Das i-Tüpfelchen der Barrierefreiheit 
veröffentlicht in 2010
zuletzt bearbeitet in
Korrekter Syntax für Attribute und Attributwerte
Attribute und Attributwerte in HTML müssen gewisse Regeln befolgen, damit sie von Browsern korrekt interpretiert werden:
Attributwerte sollten immer in Anführungszeichen stehen. Nach Spezifikation ist das nicht für alle Attributwerte zwingend, aber bevor durch fehlende Anführungszeichen die Werte für Attribute gekappt werden, sollten Sie Attributwerte immer mit Anführungszeichen beziehungsweise Apostroph beginnen und beenden.
<!-- nicht nachahmen -->
<img alt=Sonnenaufgang im Nebel src=sonne.png>
Einzelne Attribute müssen durch Leerzeichen getrennt werden:
<!-- nicht nachahmen -->
<p class="nicht"id="so"> </p>
Hinweis: Das fehlende Leerzeichen ist in der Praxis harmlos. In HTML 4.01 war diese Schreibweise sogar zulässigHinweis: Das fehlende Leerzeichen ist in diesem Beispiel harmlos. In HTML 4.01 war diese Schreibweise sogar zulässig.
Nach dem HTML-Standard und nach Erfolgskriterium 4.1.1 der WCAG 2.0 müssen die zwei Attribute aber mit einem Leerzeichen getrennt werden:
<p id="so" class="ist">besser</p>
Der Beitrag Das i-Tüpfelchen der Barrierefreiheit besteht aus folgenden einzelnen Webseiten:
- Vollständige Start- und End-Tags
Browser können inkorrekte Tags teilweise korrigieren. Werden Start- oder End-Tags nicht korrigiert, sieht das Ergebnis für alle nicht gut aus.
- Korrekter Syntax für Attribute und Attributwerte
Browser können die inkorrekte Syntax für HTML-Attribute meist korrigieren. Nur bestimmte Attribute benötigen Anführungszeichen.
- Verschachtelung von Elementen gemäß Spezifikation
Die inkorrekte Verschachtelung von HTML-Elementen kann zu Problemen der Barrierefreiheit führen. Die Struktur und Beziehung von Inhalten wird dabei von Erfolgskriterium 1.3.1 der WCAG 2.2 abgedeckt.
- eindeutige IDs
Wenn Elemente über ihre IDs referenziert werden, dann müssen die IDs eindeutig sein.
- Überprüfung der Syntaxanalyse
Webseiten sollten mit dem W3C-Validator überprüft werden. Ein Bookmarklet von Steve Faulkner hilft dabei, die Anforderungen der WCAG 2.0 zu identifizieren.
Der folgende Begriff auf dieser Seite wird im Glossar definiert:Webseiten
Blättern zur nächsten oder vorherigen Seite
- Die inkorrekte Verschachtelung von HTML-Elementen kann zu Problemen der Barrierefreiheit führen. Die Struktur und Beziehung von Inhalten wird dabei von Erfolgskriterium 1.3.1 der WCAG 2.2 abgedeckt. Verschachtelung von Elementen gemäß Spezifikation
- Browser können inkorrekte Tags teilweise korrigieren. Werden Start- oder End-Tags nicht korrigiert, sieht das Ergebnis für alle nicht gut aus. Vollständige Start- und End-Tags