Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Gültige HTML-Attribute geschrieben von Jan Eric Hellbusch (2003)

Zugänglichkeitsfördernde Attribute

In nachfolgender Tabelle finden Sie die Attribute in HTML 4.01, die die Zugänglichkeit von Webinhalten dienen können. Universalattribute, die sich auf fast alle HTML-Elemente beziehen, sind entsprechend gekennzeichnet, sollten jedoch mit den HTML-Spezifikationen abgeglichen werden, wenn Sie diese einsetzen wollen.

HTML-Attribute zur Förderung der Barrierefreiheit
Attributfür HTML-ElementeFunktion
abbrTD, THAlternative
accesskeyA, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREAZugänglichkeit
altAPPLET, AREA, IMG, INPUTAlternative
axisTD, THStruktur
classUniversalattributStruktur
dirUniversalattributVerarbeitung
forLABELStruktur
headersTD, THStruktur
hreflangA, LINKMeta
idUniversalattributStruktur
labelOPTIONAlternative
langUniversalattributMeta
longdescIMG, FRAME, IFRAMEAlternative
scopeTD, THStruktur
styleUniversalattributVerarbeitung
summaryTABLEAlternative
tabindexA, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREAZugänglichkeit
titleUniversalattributMeta
usemapIMG, INPUT, OBJECTVerarbeitung

Attribute ohne direkten Einfluss auf die Barrierefreiheit

Folgende Attribute haben keinen unmittelbaren Bezug auf die Zugänglichkeit einer Webseite bzw. deren Einfluss auf die Zugänglichkeit kann nur im konkreten Fall beurteilt werden. Die mit einem Sternchen (*) gekennzeichneten Attribute werden in HTML 4.01 nicht (mehr) spezifiziert.

Strukturinformationen
  • start*
  • rowspan
  • colspan
  • span
Layout
In der nachfolgenden Liste finden Sie Layout-Attribute - die meisten werden von gängigen Browsern unterstützt. Entwickler sollten dennoch auf den Einsatz dieser Attribute verzichten: verwenden Sie für das Layout bevorzugt CSS!
  • align*
  • valign*
  • clear*
  • nowrap*
  • char
  • charoff
  • hspace*
  • vspace*
  • cellpadding
  • cellspacing
  • compact*
  • face*
  • size*
  • background*
  • bgcolor*
  • color*
  • text*
  • link*
  • alink*
  • vlink*
  • border
  • noshade*
  • rules
  • size (nur für manche Elemente noch zulässig), marginheight
  • marginwidth
  • frame
  • frameborder
  • rows
  • cols
Verarbeitung
Folgende Attribute sind für Image-Maps wichtig.
  • ismap
  • coords
  • shape
Zu vermeidende Attribute
Folgende Attribute können die Zugänglichkeit einschränken und sollten deshalb vermieden werden:
  • target
  • scrolling
  • noresize
Meta-Angaben
Folgende Meta-Angaben für einzelne HTML-Elemente erhöhen den informativen Gehalt einer Webseite:
  • type
  • cite
  • datetime
Event-Handler
Wichtig für die Barrierefreiheit: berücksichtigen Sie beim Einsatz von Event-Handlern geräteunabhängige oder redundante Attribute, die (auch) die Tastaturbedienung erlauben. D.h., Ereignisse müssen sowohl mit der Maus als auch mit der Tastatur ausgelöst werden können.
  • onblur
  • onchange
  • onclick
  • ondblclick
  • onfocus
  • onkeydown
  • onkeypress
  • onkeyup
  • onload
  • onmousedown
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • onreset
  • onselect
  • onsubmit
  • onunload