Zenit Design - Themes
Theme kaufenThemesSupport
DE
DE
  • Erste Schritte
  • Start Guides
    • Atmos - Demo 1
    • Atmos - Demo 2
    • Atmos - Demo 3
    • Atmos - Demo 4
    • Gravity - Demo 1
    • Gravity - Demo 2
    • Horizon - Demo 1
    • Horizon - Demo 2
    • Sphere - Demo 1
    • Sphere - Demo 2
    • Stratus - Demo 1
    • Stratus - Demo 2
    • Stratus - Demo 3
    • Stratus - Demo 4
  • Tipps
    • Dashboard
    • Theme Konfiguration
    • Lexikon
    • Mehrere Verkaufskanäle
  • Vorlagen
  • Support
    • Error auslesen
    • Ursache finden
  • 🎨Styling
    • Allgemein
      • Grundlayout
      • Produktbilder
      • Produkt Layout-Typ
      • Globales Hintergrundbild
      • Preloader
      • Akzentlinie
      • Scroll Animation
    • Typografie & Farben
      • Theme-Farben
      • Status-Ausgaben
      • Schriftarten
      • Typografie
      • E-Commerce
      • Buttons
    • Logos
    • Header
      • Header
      • Suche
      • Top Bar
      • Shop Navigation
      • Main Navigation
      • Flyout Navigation
      • Dropdown Navigation
    • Footer
      • Footer
      • Inhalte
      • Spalten
      • Spalten Styling
      • Unterer Footer
    • Elemente
      • Sidebar
      • Sidebar Navigation
      • Formulare
      • Bild- & Galerie-Slider
      • Produkt Slider
      • Kategorie Listing Slider
      • Paginierung
      • Breadcrumbs
      • Cookie Banner
      • Offcanvas
      • Backdrop
      • Scroll-Up Button
    • Kategorie
      • Kategorie-Header
      • Hero Sektion
      • Filter
      • Listing Actions
      • Produkt-Boxen
      • Quickview
    • Produkt
      • Details
      • Galerie
      • Beschreibung
      • Beschreibung Navigation
      • Beschreibung Inhalt
    • Kasse
      • Warenkorb
      • Kasse
  • ⚙️Einstellungen
    • Grundeinstellungen
    • Zusatzfeld Zuweisung
      • Zusatzfelder für Details auf der Produktseite
      • Zusatzfelder für Produkt-Datenblätter
    • Social Media Icons
    • Marketing Text Slider
    • Custom Tab Detailseite
    • Custom Spalten (Footer)
    • Eigener Code
  • 📂Inhalte
    • Erlebniswelten
      • Sektionen
      • Blöcke
        • Elemente
          • Bild Text Slider
          • Suche Banner
          • Text Banner
          • Teaser
          • Features
          • Breadcrumbs
          • Code
          • Trenner
          • Kategorie-Navigation
          • Footer-Navigation
          • Platzhalter
        • Commerce
          • Galerie und Buybox mit Produktname & Hersteller-Logo
          • Galerie und Buybox mit Produktname & Hersteller-Logo & Beschreibung
          • Galerie und Buybox mit Beschreibung
          • Galerie mit Beschreibung und Buybox mit Produktname & Hersteller-Logo
        • Kategorie
          • Kategorie Listing
        • Spalten
        • Layouts
      • Block Innen-Abstände
      • Block Außen-Abstände
      • Animation
      • Erlebniswelt Beispiel
      • CSS-Variablen
    • Kategorieseite
      • Hero Sektion
      • Kategorie Header
      • CSS-Klassen
      • Kategorie Labels
      • Kategorie Icons
      • Produkte pro Zeile
    • Produktseite
      • Layouts
      • Standardlayout
      • Galerie Modus
      • Custom Tabs
      • Videos Tab
      • Datenblätter
    • Produktbilder
      • Bildgrößen
      • Bildformat
      • Dateiformat
      • Produktbilder Hintergrund
    • Layout-Typ
    • Responsive Tabellen
    • Mehrsprachigkeit
  • 🎓Tutorials
    • Demodaten importieren
    • Demo-Themekonfiguration importieren
    • Child-Theme duplizieren
    • Individuelle Anpassungen
    • Konfiguration export/import
    • Zusatzfelder export/import
    • Schriften lokal einbinden
    • Schriften lokal einbinden mit Child-Theme
  • 🛠️Update Guides
    • Child-Theme Update
    • Shopware 6.7.0.0
    • Shopware 6.6.9.0
    • Shopware 6.6.0.0
    • Shopware 6.5.0.0
    • Shopware 6.4.8.0
    • Theme 3.5.3
    • Theme 2.11.0
  • ❓FAQ
    • Übersicht
    • Barrierefreiheit
      • Typografie
      • Farben
      • Bilder
      • Video
      • Checker-Tools und Ressourcen
    • Allgemein
      • Copyright-Hinweis
      • Merkzettel
    • Produkt Layout
    • Lizenzen
      • Testversion vs Vollversion
      • Lizenzdomain ändern
    • Ableitungen
      • Child-Theme
      • Theme-Duplikat
      • Child-Theme vs Theme-Duplikat
    • Updates
      • Theme wird als inkompatibel angezeigt
      • Update wird nicht angezeigt
    • Fehler
      • Child-Theme kann nicht zugewiesen werden
      • Textbausteine zeigen technischen Namen
      • Theme Speichern Fehler
      • SVG Logo wird nicht angezeigt
      • Suche / Input mobile Zoom
      • Text ist nicht sichtbar / lesbar
Powered by GitBook
On this page
  • Browser-Erweiterungen
  • Online Accessibility Checker-Tools
  • Ressourcen und Wissensdatenbanken

Was this helpful?

  1. FAQ
  2. Barrierefreiheit

Checker-Tools und Ressourcen

Last updated 2 months ago

Was this helpful?

Browser-Erweiterungen

Es gibt viele Browser-Erweiterungen, die Du installieren kannst, um Probleme im Bezug auf die WCAG 2.1 AA (und darüber hinaus) in deinem Shop zu ermitteln.

Wir empfehlen die kostenlose Erweiterung Silktide. Das Tool beinhaltet einen Scan/Checker, um direkt und visuell auf Probleme aufmerksam zu machen. Darüber hinaus gibt es einen Kontrast-Checker, Voiceover-Funktion, ein Diagram zur Darstellung der Tab-Reihenfolge und vieles mehr.

Online Accessibility Checker-Tools

Es gibt zahlreiche Online Accessibility Checker-Tools, welche deine Website scannen und Problemstellen aufzeigen können.

Ein weit verbreitetes Tool um die Barrierefreiheit deines Shops zu testen ist Google PageSpeed Insights. Es prüft deinen Shop auf gängige WCAG-Standards und gibt dir konkrete Empfehlungen was zu tun ist, um die Barrierefreiheit in deinem Shop zu verbessern. PageSpeed Insights verteilt einen Score an die geprüfte Seite. Befindet sich das Ergebnis im grünen Bereich (über 80 Punkte) hat dein Shop den Test bestanden.

Es ist immer sinnvoll, sich auf mehrere Quellen zu stützen. Somit kann der Check durch ein weiteres Tools nicht schaden, um die bisherigen Maßnahmen zu ergänzen.

AccessibilityChecker.org ist eine weitere Empfehlung von uns. Sie zeigt klar und in Tabs strukturiert auf, welche Maßnahmen noch getroffen werden müssen damit der Shop rechtskonform ist.

Achtung: Die Tools, Tipps und Maßnahmen sind lediglich Empfehlungen. Es ist zusätzlich ratsam, einen Experten und/oder Anwalt zu Rate zu ziehen.

Ressourcen und Wissensdatenbanken

Du möchtest dich weiter im Detail über Accessibility und WCAG 2.1 AA Informieren?

Die Web Accessibility Initiative (WIA) stellt zur Verfügung.

❓
eine Liste weiterer empfohlener Tools
https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.htmlwww.barrierefreiheit-dienstekonsolidierung.bund.de
Free Accessibility Checker - WCAG & ADA Checks - Instantly!Silktide
Kostenlose Browser-Erweiterung Silktide
PageSpeed InsightsPageSpeed Insights
Accessibility Checker-Tool Google PageSpeed Insights
Accessibility Checker - ADA & WCAG Compliance (Free Scan)Accessibility Checker
Accessibility Checker-Tool accessibilitychecker.org
Web Content Accessibility Guidelines (WCAG) 2 OverviewWeb Accessibility Initiative (WAI)
Resources - AccessibilityOzAccessibilityOz
Logo
Logo
Logo
Logo
Logo