<address>

<address> ist ein semantisches Block-Element, das dem Browser und Screenreadern signalisiert: “Hier stehen Kontaktinformationen zum Verantwortlichen dieses Inhalts.” Je nachdem, wo du es platzierst, bezieht es sich auf unterschiedliche Kontexte:

• <address> ist ein Block-Element: Es erzeugt einen eigenen Absatz mit Zeilenumbruch davor und danach
• Browser stellen <address> standardmäßig in Kursivschrift dar (wie <em>, aber mit anderer Bedeutung)
• Im Body direkt oder im Seiten-Footer: Kontaktdaten des Website-Betreibers
• In einem <article>: Kontaktdaten des Artikelautors
• <address> ist nicht für beliebige Postadressen gedacht (z.B. Lieferadressen in einem Formular)
• Es darf keine Überschriften, keine Sections und keine anderen <address>-Elemente enthalten
• Typische Inhalte: E-Mail-Links, Telefonnummern, Social-Media-Links, physische Adresse des Autors

• Screenreader-Verhalten: Die meisten Screenreader kündigen <address> nicht gesondert an. Der Inhalt wird wie normaler Text vorgelesen. Die semantische Information ist trotzdem wertvoll, da sie maschinenlesbar ist und von Suchmaschinen ausgewertet wird.
• Links bereitstellen: Kontaktinformationen innerhalb von <address> sollten nach Möglichkeit als klickbare Links gestaltet sein (mailto: für E-Mail, tel: für Telefonnummern). Das erleichtert allen Nutzern die Kontaktaufnahme.
• Nicht für Layout verwenden: Nutze <address> nicht als Styling-Wrapper für kursiven Text. Die semantische Bedeutung ist “Kontaktinformation”, und ein falscher Einsatz kann Assistenztechnologien verwirren.

• address für beliebige Postanschriften verwenden: Ein häufiges Missverständnis: <address> ist nicht für jede Adresse gedacht. Eine Lieferadresse in einem Bestellformular oder die Adresse eines Restaurants gehören nicht in ein <address>-Element. Es ist nur für Kontaktdaten des Autors oder Eigentümers eines Dokuments vorgesehen.

• Überschriften oder Sections in address: Das <address>-Element darf keine Überschriften (<h1>–<h6>), keine Sections (<section>, <article>) und kein weiteres <address> enthalten. Halte den Inhalt einfach: Text, Links und Zeilenumbrüche.

• address ohne Kontext verwenden: Platziere <address> so, dass klar ist, auf wen sich die Kontaktdaten beziehen. Im <footer> eines <article> bezieht es sich auf den Autor, im Seiten-Footer auf den Website-Betreiber. Ein <address> mitten im Fließtext ohne erkennbaren Bezug ist verwirrend.

Das address-Element wird von allen Browsern seit den Anfängen des Webs unterstützt.

• Chrome

  Komplett

• Firefox

  Komplett

• Safari

  Komplett

• Edge

  Komplett

• Opera

  Komplett

Das address-Element wird in den meisten Email-Clients als kursiver Text dargestellt, verliert aber seine semantische Bedeutung.

• Apple Mail

  Komplett

• Gmail

  Teilweise

  Wird als kursiver Text gerendert, semantische Bedeutung geht verloren

• Outlook

  Teilweise

  Ältere Versionen können die Kursivschrift ignorieren. Verwende inline font-style: italic als Fallback

• Thunderbird

  Komplett

• Yahoo Mail

  Teilweise

  Wird als kursiver Text dargestellt, aber ohne semantische Rolle