Barrierefreie Websiteüberschrift (HTML)?
Hi, ich wollte meiner Website etwas mehr Barrierefreiheit verschaffen und da kam unter anderem der Wunsch eine ordentliche <h1>-Überschrift anstatt dem Logo als Bild einzufügen. Jedoch würde ich das Bild gerne behalten. Meine erste Idee war die <h1>-Überschrift direkt über das Bild zu schreiben und per hidden-Attribut oder CSS-Befehl unsichtbar zu machen, also zu verstecken, aber bringt das überhaupt was oder wird eine versteckte Überschrift von Blindenprogrammen z.B. ignoriert?
Zweite Idee war das Bild zum Kindelement von <h1> zu machen und und den Text auf dem Logo ins alt-Attribut zu schreiben (wie bisher auch), ggf. noch in Klammern "Logo" dahinter zu schreiben.
Welche Idee ist besser bzw. habt ihr bessere/andere Vorschläge?