Aus dem Kurs: Grundkurs Webtechniken 1: HTML

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.900 Kurse von Branchenfachleuten.

Solution: Von der Webseite zur Website

Solution: Von der Webseite zur Website – Tutorial zu HTML

Aus dem Kurs: Grundkurs Webtechniken 1: HTML

Solution: Von der Webseite zur Website

Willkommen bei der Solution. Hier ist der Prozess von der Webseite zur Website bereits abgeschlossen. Sie sehen hervorgehoben ist der Menüpunkt Startseite, denn wir sind auf der Startseite. Wenn ich auf Projekte klicke, dann wechselt das auf Über uns und Kontakt genauso. Das ist also das Ziel der Übung. Wie kommt man da jetzt hin? Punkt 1 war die Aufgabe, den aktuellen Menüpunkt auf eine barrierefreie Art und Weise hervorzuheben. Und eine Lösung dazu ist das Attribut aria-current mit dem Wert page. Das bewirkt, dass der Menüpunkt hervorgehoben wird, und zwar auch für alle Programme und Geräte wie Screenreader, die die Spezifikation Aria Accessible Ridge Internet Applications, also zugängliche Internetanwendungen, verstehen. Das kann man jetzt gestalten im Stylesheet. Wenn ich da mal hin scrolle. Hier habe ich einfach nur diesen Selektor ergänzt nav a aria-current. Das ist ein sogenannter Attribut-Selektor. Der wählt also Hyperlinks aus A, die im nav Element sitzen und die das Attribut…

Inhalt