Akademie
Was macht eigentlich... das Hamburg Sales und Service Center?
11.09.2024
Mediaserver Hamburg / Andreas Vallbracht
Design
- Bessere Lesbarkeit durch erhöhten Zeilenabstand der Fließtexte sowie die Einschränkung der Textblock-Breite.
- Alle Elemente, die klickbar sind, haben einen optischen Focus State.
- Textlinks innerhalb von Texten sind farblich hervorgehoben und unterstrichen, was für bessere Sichtbarkeit und schnelle Erlernbarkeit sorgt.
- Farben/Kontraste erfüllen in 5 von 6 Kategorien die Anforderungen an Barrierefreiheit.
Technische Umsetzung
- Alt Atribute für Bilder können im Backend gesetzt werden und tauchen dann am Bild auf. Dekorative Bilder erhalten kein Alt-Attribut.
- Korrekte HTML-Tags werden genutzt, <header><nav><main><footer>, was für Screen Reader hilfreich ist.
- Die Website-Sprache ist im lang-Attribut im <html>-Tag definiert.
- Formularfelder nutzen das Label Tag zur Beschriftung der einzelnen Felder.
- Bei fehlerhaften Eingaben erhalten Nutzer:innen eine schriftliche Fehlermeldung, mit einem Hinweis auf das fehlerhafte Element.
- Navigation der Webseite über die Tabulatortaste ist möglich.
- Die Webseite ist responsive und somit für Mobile, Tablet und Desktop optimiert.
Content Management System
Unsere Website ist mit dem Content Management System TYPO 3 gebaut.
Aufgrund der barrierefreien Einstellungsmöglichkeiten entspricht TYPO3 im Zusammenhang mit dem am 28. Juni 2025 in Kraft tretenden Barrierefreiheitsstärkungsgesetz (BFSG) den Anforderungen an ein professionelles CMS.
Barrieren melden
Ihr möchtet uns bestehende Barrieren mitteilen oder Informationen zur Umsetzung der Barrierefreiheit erfragen? Für Euer Feedback sowie alle weiteren Informationen sprecht gern unsere verantwortlichen Kontaktpersonen unter barrierefreiheit@hamburg-tourismus.de an.
