Die perfekte Webseite Teil-2

Die perfekte Webseite Teil-2

Moin Moin, zum zweiten Teil der Perfekten Webseite. Im Ersten Teil haben wir die Problematiken der meist zu großen Startseiten unter die Lupe genommen und einen Lösungsansatz gezeigt.

Wenden wir uns in diesem Teil auch der Startseite zu. Diesmal kümmern wir uns aber um das Menü unserer Seite. Hier werden gerne und sehr oft Fehler gemacht. Besonders mit CMS Systemen gibt es hier viele schwierigsten. Ein Sauberes Menü zeigt nämlich nicht nur stupide die einzelnen Seiten und Unterseiten. Hier fällt dann schon mal gerne das Wort „Barrierefreiheit“. Oft gehört und fast nie umgesetzt. Was ist überhaupt diese Barrierefreiheit. Kurz gefasst, auch Körperlich Behinderte Mitmenschen können die Seite ohne viel Einschränkungen nutzen. Genau wie für Rollstuhlfahrer Rampen an Treppen vorbei gebaut werden.

intro_image_Mega2_new

Dies sollte eigentlich auch auf Webseiten beachtet werden. Da nicht nur Nichtbehinderte im Internet Surfen.

Wie stellt man es nun an, das ein Menü Barrierefrei gemacht ist. Fangen wir hier mit dem Titel der einzelnen Menüpunkte an. Da es auch Browser gibt z.b. dem Opera, die im Stande sind vorzulesen, werden diese Title tags für den Browser benötigt.

Das ganze bewerkstelligt man im link mit dieser Anweisung title“title der jeweiligen Seite“. Das ganze muss logischerweise in den Link des Menüpunktes verpackt sein. Als so:

<a title“title der Seite“ href=“link zur Seite“>Sichtbarer Menüpunkt</a>

Sieht aus als wäre das eine ganz einfache nummer. In Hand geschmiedeten Webseite ist es das auch aber wehe dem man möchte CMS wie Joomla nutzen. Dann ist Schluss mit lustig. Da es bei den Open Source Systemen halt immer einen kleinen Fehler gibt. Selbst unser Lieblings System Typo3 kann es von Haus aus nicht. Obwohl man hier auch sagen muss, wenn mann das System Blank installiert weiß Typo ja nicht mal des es existiert.

Wie Ihr es nun in eure Favorisiertes System einbauen könnt würde hier den Rahmen sprengen. Mit Sicherheit gibt es da auch einige Blogs oder Foren die diese Thematik schon haben.

Nun haben wir den Title für Lesende Browser in Menü geschubst. Aber was ist den Mit den Menschen die Taub sind oder Körperlich so eingeschränkt sind das Sie eine Standart Tastatur nicht richtig oder nur beschränkt bedienen können ? Hier gibt es das Zauberwort „accesskey“. Hier können diese Menschen über den Zahlenblock der Tastatur und in der Seite verbaute Zahlen die sogenannten Accesskey, die Webseite steuern. Was der accesskey genau ist kann hier nachgelesen werden: http://2bweb.de/accesskey/

Hört sich auch relativ einfach an. Ist es auch aber…. Hatten wir ja schon das CMS Systeme das nicht wirklich können.

Für alle anderen heißt es dann einfügen. Und zwar wird diese Anweisung (accesskey=“zahl“) genau wie der Title in Menü verpackt. Sollte im nachhinein dann So aussehen:

<a accesskey=“0″ title“title der Seite“ href=“link zur Seite“>Sichtbarer Menüpunkt</a>

Die Nummerierung der Seiten sollten nicht durcheinander gemacht werden. Das heißt der accesskey=“0″ steht für Startseite, der accesskey=“1″ steht für z.b. Leistung , und so weiter.

Wenn Ihr das in eure Meüs verbaut habt sind wir schon wieder einen Schritt näher an der Perfekten Webseite.

Teil 3 Links auf der Webseite folgt wie immer in Kürze.

Teile uns

Schreibe einen Kommentar

Über WAM

Die WAM - Webagentur-Meerbusch. Die Typo3 und Wordpress Agentur aus Meerbusch bei Düsseldorf in NRW. Ganz nach dem Motto: Wenn man es ins Netz stellen kann, können wir es bauen. Und das schon seit über 10 Jahren.

-
Das Archiv
Werbung
Haendlerbund_Leistungen_265x221_animiert
Datenschutz-Übersicht
logo_wam_gray

Hier können Sie einstellen welche Cookies unsere Webseite auf Ihrem Endgerät speichern „Local Storage“ darf. Diese werden beim nächsten besuch auf unserer Webseite reaktiviert. Diese Einstellungen können Sie jederzeit wieder ändern. Dazu klicken Sie unten Links auf das Zahnradsymbol.

Sie können die Cookies nach dem Besuch unserer Webseite natürlich auch bedenkenlos löschen. Dazu müssen Sie die entsprechenden Einstellungen in Ihrem Browser vornehmen.

Unbedingt notwendige Cookies

Unbedingt notwendige Cookies sollten jederzeit aktiviert sein, damit wir deine Einstellungen für die Cookie-Einstellungen speichern können.

  • pll_language .

Cookie zur Verarbeitung eines mehrsprachiges System. Inhalte auf de / en / fr - Ablaufdatum 1 Jahr

  • reCAPTCHA ist ein CAPTCHA-System,

das es Webhostern ermöglicht, zwischen menschlichen und automatisierten Zugriffen auf Websites zu unterscheiden.

Unternehmen, das die Daten verarbeitet
Google Ireland Ltd
Gordon House, Barrow Street
Dublin 4
IE

Datenschutzerklärung

Kategorien verarbeiteter Daten:
KlickpfadSichtbarkeit von Anzeigen messenMausbewegungZeitstempelKlicks auf Anzeigen verfolgenConversion-TrackingIPUhrzeit und Datum verfolgenVerfolgung des BenutzerstandortsBesucherverhaltenUser-AgentSpracheBesuchte WebseiteZeitzone

Rechtsgrundlage für die Datenverarbeitung: Einwilligung (DSGVO 6.1.a)

Datenübertragung außerhalb der EU
Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.
Cookies, die in Ihrem Browser gesetzt werden Cookiename Beispielwert Ablaufzeit Typ Domain rc::a MjNxdWs3M2o5ZGt­x Persistent Funktion www.google.com

  • Google Fonts

ist ein Dienst, der es Websites ermöglicht, bestimmte Schriftarten für ihre Gestaltung zu verwenden.

Unternehmen, das die Daten verarbeitet
Google Ireland Ltd
Gordon House, Barrow Street
Dublin 4
IE

Datenschutzerklärung

Rechtsgrundlage für die Datenverarbeitung: Einwilligung (DSGVO 6.1.a)

  • Google Maps

ist ein von Google entwickeltes Web-Mapping-Produkt.

Unternehmen, das die Daten verarbeitet
Google Ireland Ltd
Gordon House, Barrow Street
Dublin 4
IE

Datenschutzerklärung

Kategorien verarbeiteter Daten
Betrugserkennung und -präventionSichtbarkeit von Anzeigen messenZeitstempelIPUhrzeit und Datum verfolgenVerfolgen des BenutzergerätsVerfolgung des BenutzerstandortsBesucherverhaltenUser-AgentSpracheBesuchte WebseiteZeitzone

Rechtsgrundlage für die Datenverarbeitung: Einwilligung (DSGVO 6.1.a)

Datenübertragung außerhalb der EU
Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.

Drittanbieter-Cookies

Diese Website verwendet Google Analytics, um anonyme Informationen wie die Anzahl der Besucher der Website zu sammeln.

Betreibergesellschaft der Google-Analytics-Komponente ist die Google Inc., 1600 Amphitheatre Pkwy, Mountain View, CA 94043-1351, USA.

Name des Cookies: _ga
Inhalte: GA1.2.1970440283.1622365906
Ablaufdatum des Cookies : 1 Jahr - Nur bei Verbindungen zur gleichen Website

Name des Cookies: _gat_gtag_UA_1602708_1
Inhalte: 1
Ablaufdatum des Cookies : 1 Minute - Nur bei Verbindungen zur gleichen Website

Name des Cookies: _gid
Inhalte: GA1.2.1949554392.1622365906
Ablaufdatum des Cookies : 24 Stunden - Nur bei Verbindungen zur gleichen Website

Name des Cookies: chimpstatic
Inhalte: E-Mail Adresse bei Newsletter anmeldung
Ablaufdatum des Cookies : 24 Stunden - Nur bei Verbindungen zur gleichen Website

Zusätzliche Cookies

Diese Website verwendet die folgenden zusätzlichen Cookies:

Name des Cookies: pll_language
Cookie zur Verarbeitung eines mehrsprachiges System. Inhalte auf de / en / fr - Ablaufdatum 1 Jahr - Nur bei sicheren Verbindungen zur gleichen Website

Name des Cookies: moove_gdpr_popup
Cookie zur Speicherung der Funktion der Cookieseinstellung - Ablaufdatum 1 Jahr - Nur bei Verbindungen zur gleichen Website