Häufige Fragen zum Modi-Art-WAI Template
Allgemeines
Was hat es mit der Barrierefreiheit auf sich?
Barrieren in Online-Shops erschweren oder verhindern gar die Bedienung der Internetseite für viele Besucher.
Typische Beispiele für Barrieren in Online-Shops sind z.B.:
- schlecht lesbare Schrift, zu kleine Schriftgröße oder schlechtes Kontrastverhältnis zwischen Text und Hintergrund
- Links nicht als solche erkennbar
- Haupt-Navigation nur mit Flash-Plug-In oder einem zusätzlichen Plug-In nutzbar
- JavaScript für grundlegende Aktionen erforderlich
- schlecht programmierte Formulare (z.B. keine Verknüpfung der Labels mit Eingabefeldern)
- ...
Barrierefreiheit in Online-Shops bedeutet, dass das Internetangebot leicht zugänglich ist und Barrieren vermieden werden (so weit dies möglich ist).
Das Modi-Art-WAI Template stellt die grundlegenden Vorraussetzungen für einen barrierefreien Online-Shop zur Verfügung. Bei der Entwicklung des Templates richten wir uns daher nach den folgenden Web-Standards und Richtlinien:
- Barrierefreie Informationstechnik-Verordnung (BITV) und Web Content Accessibility Guidelines (WCAG) 2.0
- valider xHTML Quelltext nach xHTML Strict 1.0
- valide Cascading Style-Sheets nach CSS 2.1
Wir garantieren eine hohe Zugänglichkeit des Modi-Art-WAI Templates, können jedoch keine Garantie für die Barrierefreiheit von Inhalten wie z.B. Artikelbeschreibungen übernehmen, da diese vom Shop-Betreiber selbst erstellt und eingepflegt werden. Für die Barrierefreiheit eigener Inhalte z.B. Artikelbeschreibungen und Content-Seiten sind die Shop-Betreiber selbst verantwortlich. Für Artikelbeschreibungen und Content-Seiten gelten dieselben Richtlinien zur Barrierefreiheit wie für das Modi-Art-WAI Template.
Bei Fragen zur Barrierefreiheit nehmen Sie Kontakt mit uns auf!
Welche Vorteile bietet das Modi-Art-WAI Template gegenüber den JTL-Shop Standard-Templates?
Barrierefreiheit und Benutzerfreundlichkeit
- Fokussierung auf Benutzerfreundlichkeit und Barrierefreiheit. Gestaltung nach bewährten Usability-Prinzipien und Web-Standards.
- Grundfunktionalität ist auch bei ausgeschaltetem JavaScript gegeben.
- Benutzerfreundlicher Bestellvorgang mit standardkonformen Formularen (Nutzung von Labels, Fieldsets etc...).
- Echte Seitenübersicht (Sitemap) templateseitig integriert ( einfach über Admin-Backend aktivierbar durch Anlegen eines Links "Sitemap" ).
- eigenes Druck-Stylesheet (Es kann die Drucken-Funktion des Browsers verwendet werden, keine seperate HTML-Druckversion erforderlich).
Suchmaschinenoptimierte Programmierung
- suchmaschinenfreundliche Programmierung.
- schlanker xHTML Quelltext, höhere Keyword-Dichte im Vergleich zum Quelltext als beim Standard-Template.
Gute Anpassbarkeit und geringe Wartungskosten
- gut aufbereiteter, lesbarer und standardkonformer Quelltext.
- Bessere Wartbarkeit durch strikte Trennung von Design (CSS) und Inhalt (xHTML).
- Geringerer Aufwand bei Template-Updates, da alle Designanpassungen in eigene CSS-Dateien ausgelagert werden können.
- Durchdachte Semantik (Sinnvolle Nutzung der xHTML-Elemente, sinnvolle Benennung von Klassen und IDs).
- Einfaches Hinzufügen und Ändern von seitlichen Boxen, da jede Box eine eigene Template-Datei besitzt.
Wie werden Design-Änderungen am Modi-Art-WAI Template vorgenommen?
Design-Änderungen sollten in einer eigenen CSS-Datei vorgenommen werden. Im Modi-Art-WAI Template steht für eigene CSS-Anpassungen dazu die Datei /css/custom.css zur Verfügung. In dieser Datei können neue CSS-Regeln angelegt werden. Die CSS-Regeln in der custom.css können auch dazu genutzt werden, um vorhandene CSS-Anweisungen aus anderen CSS-Dateien zu überschreiben. Die custom.css wird als letztes Stylesheet geladen und hat darum eine höhere Priorität als andere CSS-Dateien im Template. Beispiele für Design-Anpassungen finden Sie unter CodeSnippets.
Modi-Art-WAI Template-Einstellungen
Wie erstelle ich eine Seitenübersicht/Sitemap
Die automatische Sitemap-Funktion ist ein besonderes Feature des Modi-Art-WAI Templates und kann folgendermaßen aktiviert werden:
Im JTL-Shop Admin-Backend im Bereich Links einen neuen Link anlegen (z.B. in der Linkgruppe Fuß).
Der Linkname (Feld Link) muss "Sitemap" heißen, alle anderen Feldbezeichnungen sind frei wählbar.
Nun wird im Shop beim Klick auf den neu erzeugten Link automatisch Seiten -und Kategoriebaum angezeigt.
Wie stelle ich für Kategorie X eine andere Listenansicht als normal ein?
In der WaWi für diese Kategorie ein neues Kategorieattribut mit dem Namen "anzahl_spalten" und einem Wert zwischen 1 und 3 anlegen.
Mehr zu Kategorieattributen: http://wiki.jtl-software.de/index.php/5._KATEGORIENVERWALTUNG#5.1_Kategorien_hinzuf.C3.BCgen
Wie ersetze ich die Links im horizontalen Submenü unter der Suche durch eigene Links?
Im JTL-Shop 2 Admin-Backend im Bereich Links eine neue Linkgruppe anlegen mit dem Namen subcat.
Diese Linkgruppe kann nun mit eigenen Links gefüllt werden.
Wie ersetze ich die Reiter-Links (im Hauptmenü über der Suche) durch ausgewählte Kategorie-Links?
Die Kategorien, die als Reiter erscheinen sollen, per WaWi mit einem KategorieAttribut ausstatten:
Name des Kategorieattributs: KategorieBox
Wert: 10
Wie ersetze ich die Submenü-Links (unter der der Suche) durch ausgewählte Kategorie-Links?
Falls im JTL-Admin-Backend eine Linkgruppe mit dem Namen "subcat" existiert muss diese umbenannt werden, damit die folgende Anpassung aktiv wird.
Die Kategorien, die im Submenü erscheinen sollen, per WaWi mit einem KategorieAttribut ausstatten:
Name des Kategorieattributs: KategorieBox
Wert: 11

