on off on

Fachbegriffe verständlich erklärt

Level AAA – Definiton

Level AAA ist die höchste Stufe der Web Content Accessibility Guidelines (WCAG) und stellt sicher, dass eine Website für Menschen mit einer breiten Palette an Behinderungen optimal zugänglich ist. Diese Stufe geht über die Anforderungen von Level AA hinaus und umfasst zusätzliche Maßnahmen zur Verbesserung der Barrierefreiheit, ist jedoch nicht immer für alle Inhalte oder Websites vollständig umsetzbar.

Level AAA ist die anspruchsvollste der drei Konformitätsstufen der Web Content Accessibility Guidelines (WCAG), die vom World Wide Web Consortium (W3C) entwickelt wurden. Während Level A und Level AA die Grund- und erweiterten Anforderungen an die Barrierefreiheit abdecken, stellt Level AAA zusätzliche Anforderungen, die die Website noch zugänglicher für Nutzer mit spezifischeren und teils schweren Behinderungen machen sollen. Allerdings ist es oft nicht praktikabel, alle Inhalte einer Website vollständig auf Level AAA zu bringen, da dies sehr spezifische und umfassende Maßnahmen erfordert.

Anforderungen für Level AAA:

Websites, die Level AAA erreichen, müssen sehr strenge Barrierefreiheitsstandards erfüllen. Zu den wesentlichen Anforderungen gehören:

  • Erweiterter Farbkontrast: Für Text- und Bildelemente ist ein noch höheres Kontrastverhältnis von mindestens 7:1 erforderlich, um sicherzustellen, dass Inhalte auch für Menschen mit starken Sehbehinderungen gut lesbar sind.
  • Keine rein textbasierten Abkürzungen: Abkürzungen und Akronyme müssen vollständig erläutert werden, um für Nutzer mit kognitiven Einschränkungen verständlich zu sein. Dies gilt auch für allgemeine Abkürzungen wie “z.B.”
  • Keine rein audio- oder videobasierten Inhalte: Inhalte, die nur als Audio oder Video bereitgestellt werden, müssen zusätzlich als Text oder in visueller Form verfügbar sein, um sie für alle Nutzer zugänglich zu machen. Dies kann z.B. mit automatisieren Transkriptionen erfolgen.
  • Mehrsprachigkeit: Wenn auf der Seite mehrere Sprachen verwendet werden, muss klar gekennzeichnet werden, in welcher Sprache ein bestimmter Abschnitt verfasst ist.
  • Fehlervermeidung und -korrektur: Formulare und interaktive Inhalte müssen so gestaltet sein, dass Fehler vermieden oder leicht korrigierbar sind. Zum Beispiel sollten Eingabefelder klar beschriftet und verständlich sein, und Nutzer müssen die Möglichkeit haben, Formulareingaben zu überprüfen und zu korrigieren, bevor sie endgültig abgesendet werden.

Beispiele für Level AAA-Anforderungen:

  • Sign Language Interpretation: Für Videos müssen Untertitel und optional auch eine Übersetzung in Gebärdensprache zur Verfügung stehen, um barrierefrei zu sein.
  • Langtext-Versionen: Komplexe Inhalte müssen in vereinfachter Sprache oder in Langtext-Versionen bereitgestellt werden, um Menschen mit kognitiven Einschränkungen oder Sprachbarrieren den Zugang zu erleichtern.
  • Erweiterte Tastatur-Navigation: Nutzer müssen durch komplexe Inhalte und interaktive Funktionen allein durch Tastaturnavigation oder andere Hilfstechnologien geführt werden können, ohne Barrieren.

Praktische Umsetzbarkeit von Level AAA:

Während Level AAA die höchstmögliche Zugänglichkeit gewährleistet, ist es oft schwierig, diese Anforderungen für jede Art von Inhalt oder Website zu erfüllen. Viele Anforderungen von Level AAA sind für bestimmte Zielgruppen entwickelt worden und können auf bestimmten Websites (z.B. hochkomplexe Webanwendungen) sehr herausfordernd sein. Die WCAG selbst sagt, dass es nicht immer notwendig oder realistisch ist, dass jede Website Level AAA erreicht.

Innovative Ansätze von PERIMETRIK® :

Bei PERIMETRIK® setzen wir die Anforderungen der WCAG in unserer Arbeit um und helfen unseren Kunden, Barrierefreiheit auf ihren Websites zu verbessern. Wenn Sie das Level AAA anstreben, unterstützen wir Sie auch mit innovativen, alternativen Ansätzen wie dynamischen Inhalten, die oftmals die Benutzerführung vereinfachen. Um Ihnen eine Einschätzung zu geben, welche Anforderungen Ihre Website erfüllt bieten wir Barrierefreiheits-Audits an.

Im Trend

Wir haben Lösungen…

Wir entwickeln zu häufigen Kundenfragen wiederverwendbare Angebote und setzen dabei auf eine Kombination aus bewährten Tools und PlugIns und unsere Best Practise bei der Konfiguration…

Tag Cloud

für Taxonomien und Eigenschaften in WordPress und WooCommerce

Mit einer PCM Tag Cloud generieren Sie automatisch attraktive Übersichten der Term einer oder mehrerer Taxonomien, z.B. der Themen Ihrer Website.

Responsive Tabellen für WordPress

Optimierte Darstellung auf allen Geräten

Responsive Tabellen sind essenziell, um Inhalte auf Ihrer WordPress-Website übersichtlich und benutzerfreundlich darzustellen. Bei PERIMETRIK® bieten wir umfassende Lösungen zur Erstellung und Integration von responsiven Tabellen, die sich perfekt in den Look Ihrer Seite einfügen und einfach zu bearbeiten sind. Wir verwenden verschiedene Methoden, darunter WordPress-Bordmittel, HTML/CSS, Plugins wie TablePress und wpDataTables sowie das Divi-Theme und Erweiterungen wie Divi Pixel. Unser Tool PCM Dynamic Content ermöglicht die dynamische Generierung von Tabelleninhalten, was besonders für Veranstaltungskalender, Kurspläne, Event-Übersichten und Onlineshops nützlich ist. Kontaktieren Sie uns, um mehr darüber zu erfahren, wie wir Ihnen helfen können, professionelle und responsive Tabellen in Ihre WordPress-Website zu integrieren und Ihre Inhalte optimal zu präsentieren.
PERIMETRIK® bietet eine innovative Lösung zur automatischen Erstellung von Alt-Texten für Bilder auf WordPress-Websites. Mit KI-Unterstützung generiert unser System prägnante Beschreibungen basierend auf den Inhalten der Beiträge, zur Verbesserung der Barrierefreiheit und um den SEO-Wert zu steigern. Unsere Lösung umfasst die Einrichtung spezifischer Felder für Alt-Texte, Anpassungen im Layout für automatisches Auslesen dieser Texte und die Implementierung von KI-gesteuerten Prozessen zur Erzeugung und Optimierung der Texte. Zudem ermöglichen wir manuelle Überprüfungen und kontinuierliche Verbesserungen durch maschinelles Lernen, um die Relevanz und Qualität der Alt-Texte zu gewährleisten. Nutzen Sie unsere Lösung, um Ihre Website effizienter und zugänglicher zu gestalten.

Projektdatenbank

mit WordPress

Sie wollen Ihre Projekte in WordPress online verwalten und ansprechend zeigen, ggf. nach Eigenschaften filtern und mit anderen Inhalten wie Leistungen, Beiträgen, Downloads, Ansprechpartnern und vielem mehr verknüpfen? Eine Projektendatenbank von PERIMETRIK® ist genau das was Sie suchen!

News zum Produkt

für WordPress und WooCommerce

Unsere "News zum Produkt" nutzen Verknüpfungen und Filter, um themenbezogene News automatisch neben den entsprechenden Produkten anzuzeigen. Diese Methode erhöht nicht nur die Relevanz und Bindung der Besucher durch kontextbezogene Informationen, sondern verbessert auch die Benutzerführung und Suchmaschinenoptimierung Ihrer Website. Ob Produktneuigkeiten, Hersteller-Updates oder branchenspezifische Informationen, unsere dynamische Content-Lösung stellt sicher, dass Ihre Nutzer stets aktuelle und relevante Inhalte erleben. Setzen Sie auf PERIMETRIK® für eine Website, die nicht nur informiert, sondern auch konvertiert und die User Experience auf ein neues Level hebt.
Responsive Websdesign - Websites von PERIMETRIK® passen sich jeder Bildschirmgröße automatisch an. Wir optimieren Ihre WordPress Website für eine saubere Darstellungsweise aller Seiten und Inhalte auf mobilen Endgeräten.

Steckbrief für wichtige Infos

Die wichtigsten Infos auf einen Blick

Alle Infos auf einen Blick: Steckbriefe bieten eine kompakte und visuell ansprechende Möglichkeit, wichtige Informationen schnell und übersichtlich zu präsentieren. Sie eignen sich ideal für die Darstellung von Projekten, Referenzen, Produktmerkmalen oder Unternehmensdaten auf Ihrer WordPress-Website. PERIMETRIK® erstellt individuelle Steckbriefe mit dynamischen Eigenschaften, die auf Ihre spezifischen Anforderungen zugeschnitten sind. Unsere Steckbriefe umfassen Funktionen wie die dynamische Darstellung von Merkmalen, die Integration von Kontaktdaten, automatische Verlinkungen, die Anpassung von Inhalten basierend auf Bedingungen und vieles mehr. Kontaktieren Sie uns, um zu erfahren, wie wir Ihnen helfen können, effektive und ansprechende Steckbriefe für Ihre Website zu erstellen.
Integration von Zahlungsmethoden in WooCommerce

Integration von Zahlungsmethoden in WooCommerce

Bessere Zahlungsmöglichkeiten – mehr Umsatz

Unser Angebot zur Integration von Zahlungsanbietern in WooCommerce umfasst alle Dienstleistungen, um Ihren Online-Shop professionell und kundenfreundlich zu gestalten. Wir unterstützen Sie bei der Auswahl und Integration führender Zahlungsdienstleister wie Mollie, Stripe und PayPal, konfigurieren eine Vielzahl von Zahlungsarten wie Kreditkartenzahlung, PayPal, Sepa-Lastschriften und ApplePay, und sorgen für die Stabilität der Kaufprozesse. Darüber hinaus bieten wir spezialisierte Zahlungsarten und Anpassungen an, richten Test- und Sandbox-Umgebungen ein, optimieren Transaktions-E-Mails und ermöglichen die Konfiguration von Zahlungsarten nach Produkt- oder Benutzerkategorien. Unsere optionalen Erweiterungen umfassen erweiterte Sicherheitsmaßnahmen, detaillierte Berichterstattung, mobile Zahlungsoptimierung und mehr. Nutzen Sie unser Expertenwissen, um Ihre Zahlungsprozesse effizient und sicher zu gestalten und Ihren Kunden eine nahtlose Kauferfahrung zu bieten.

Tag Cloud

für Taxonomien und Eigenschaften in WordPress und WooCommerce

Mit einer PCM Tag Cloud generieren Sie automatisch attraktive Übersichten der Term einer oder mehrerer Taxonomien, z.B. der Themen Ihrer Website.

Responsive Tabellen für WordPress

Optimierte Darstellung auf allen Geräten

Responsive Tabellen sind essenziell, um Inhalte auf Ihrer WordPress-Website übersichtlich und benutzerfreundlich darzustellen. Bei PERIMETRIK® bieten wir umfassende Lösungen zur Erstellung und Integration von responsiven Tabellen, die sich perfekt in den Look Ihrer Seite einfügen und einfach zu bearbeiten sind. Wir verwenden verschiedene Methoden, darunter WordPress-Bordmittel, HTML/CSS, Plugins wie TablePress und wpDataTables sowie das Divi-Theme und Erweiterungen wie Divi Pixel. Unser Tool PCM Dynamic Content ermöglicht die dynamische Generierung von Tabelleninhalten, was besonders für Veranstaltungskalender, Kurspläne, Event-Übersichten und Onlineshops nützlich ist. Kontaktieren Sie uns, um mehr darüber zu erfahren, wie wir Ihnen helfen können, professionelle und responsive Tabellen in Ihre WordPress-Website zu integrieren und Ihre Inhalte optimal zu präsentieren.
PERIMETRIK® bietet eine innovative Lösung zur automatischen Erstellung von Alt-Texten für Bilder auf WordPress-Websites. Mit KI-Unterstützung generiert unser System prägnante Beschreibungen basierend auf den Inhalten der Beiträge, zur Verbesserung der Barrierefreiheit und um den SEO-Wert zu steigern. Unsere Lösung umfasst die Einrichtung spezifischer Felder für Alt-Texte, Anpassungen im Layout für automatisches Auslesen dieser Texte und die Implementierung von KI-gesteuerten Prozessen zur Erzeugung und Optimierung der Texte. Zudem ermöglichen wir manuelle Überprüfungen und kontinuierliche Verbesserungen durch maschinelles Lernen, um die Relevanz und Qualität der Alt-Texte zu gewährleisten. Nutzen Sie unsere Lösung, um Ihre Website effizienter und zugänglicher zu gestalten.

Projektdatenbank

mit WordPress

Sie wollen Ihre Projekte in WordPress online verwalten und ansprechend zeigen, ggf. nach Eigenschaften filtern und mit anderen Inhalten wie Leistungen, Beiträgen, Downloads, Ansprechpartnern und vielem mehr verknüpfen? Eine Projektendatenbank von PERIMETRIK® ist genau das was Sie suchen!

News zum Produkt

für WordPress und WooCommerce

Unsere "News zum Produkt" nutzen Verknüpfungen und Filter, um themenbezogene News automatisch neben den entsprechenden Produkten anzuzeigen. Diese Methode erhöht nicht nur die Relevanz und Bindung der Besucher durch kontextbezogene Informationen, sondern verbessert auch die Benutzerführung und Suchmaschinenoptimierung Ihrer Website. Ob Produktneuigkeiten, Hersteller-Updates oder branchenspezifische Informationen, unsere dynamische Content-Lösung stellt sicher, dass Ihre Nutzer stets aktuelle und relevante Inhalte erleben. Setzen Sie auf PERIMETRIK® für eine Website, die nicht nur informiert, sondern auch konvertiert und die User Experience auf ein neues Level hebt.
Responsive Websdesign - Websites von PERIMETRIK® passen sich jeder Bildschirmgröße automatisch an. Wir optimieren Ihre WordPress Website für eine saubere Darstellungsweise aller Seiten und Inhalte auf mobilen Endgeräten.

Steckbrief für wichtige Infos

Die wichtigsten Infos auf einen Blick

Alle Infos auf einen Blick: Steckbriefe bieten eine kompakte und visuell ansprechende Möglichkeit, wichtige Informationen schnell und übersichtlich zu präsentieren. Sie eignen sich ideal für die Darstellung von Projekten, Referenzen, Produktmerkmalen oder Unternehmensdaten auf Ihrer WordPress-Website. PERIMETRIK® erstellt individuelle Steckbriefe mit dynamischen Eigenschaften, die auf Ihre spezifischen Anforderungen zugeschnitten sind. Unsere Steckbriefe umfassen Funktionen wie die dynamische Darstellung von Merkmalen, die Integration von Kontaktdaten, automatische Verlinkungen, die Anpassung von Inhalten basierend auf Bedingungen und vieles mehr. Kontaktieren Sie uns, um zu erfahren, wie wir Ihnen helfen können, effektive und ansprechende Steckbriefe für Ihre Website zu erstellen.
Integration von Zahlungsmethoden in WooCommerce

Integration von Zahlungsmethoden in WooCommerce

Bessere Zahlungsmöglichkeiten – mehr Umsatz

Unser Angebot zur Integration von Zahlungsanbietern in WooCommerce umfasst alle Dienstleistungen, um Ihren Online-Shop professionell und kundenfreundlich zu gestalten. Wir unterstützen Sie bei der Auswahl und Integration führender Zahlungsdienstleister wie Mollie, Stripe und PayPal, konfigurieren eine Vielzahl von Zahlungsarten wie Kreditkartenzahlung, PayPal, Sepa-Lastschriften und ApplePay, und sorgen für die Stabilität der Kaufprozesse. Darüber hinaus bieten wir spezialisierte Zahlungsarten und Anpassungen an, richten Test- und Sandbox-Umgebungen ein, optimieren Transaktions-E-Mails und ermöglichen die Konfiguration von Zahlungsarten nach Produkt- oder Benutzerkategorien. Unsere optionalen Erweiterungen umfassen erweiterte Sicherheitsmaßnahmen, detaillierte Berichterstattung, mobile Zahlungsoptimierung und mehr. Nutzen Sie unser Expertenwissen, um Ihre Zahlungsprozesse effizient und sicher zu gestalten und Ihren Kunden eine nahtlose Kauferfahrung zu bieten.

Tag Cloud

für Taxonomien und Eigenschaften in WordPress und WooCommerce

Mit einer PCM Tag Cloud generieren Sie automatisch attraktive Übersichten der Term einer oder mehrerer Taxonomien, z.B. der Themen Ihrer Website.

Responsive Tabellen für WordPress

Optimierte Darstellung auf allen Geräten

Responsive Tabellen sind essenziell, um Inhalte auf Ihrer WordPress-Website übersichtlich und benutzerfreundlich darzustellen. Bei PERIMETRIK® bieten wir umfassende Lösungen zur Erstellung und Integration von responsiven Tabellen, die sich perfekt in den Look Ihrer Seite einfügen und einfach zu bearbeiten sind. Wir verwenden verschiedene Methoden, darunter WordPress-Bordmittel, HTML/CSS, Plugins wie TablePress und wpDataTables sowie das Divi-Theme und Erweiterungen wie Divi Pixel. Unser Tool PCM Dynamic Content ermöglicht die dynamische Generierung von Tabelleninhalten, was besonders für Veranstaltungskalender, Kurspläne, Event-Übersichten und Onlineshops nützlich ist. Kontaktieren Sie uns, um mehr darüber zu erfahren, wie wir Ihnen helfen können, professionelle und responsive Tabellen in Ihre WordPress-Website zu integrieren und Ihre Inhalte optimal zu präsentieren.
PERIMETRIK® bietet eine innovative Lösung zur automatischen Erstellung von Alt-Texten für Bilder auf WordPress-Websites. Mit KI-Unterstützung generiert unser System prägnante Beschreibungen basierend auf den Inhalten der Beiträge, zur Verbesserung der Barrierefreiheit und um den SEO-Wert zu steigern. Unsere Lösung umfasst die Einrichtung spezifischer Felder für Alt-Texte, Anpassungen im Layout für automatisches Auslesen dieser Texte und die Implementierung von KI-gesteuerten Prozessen zur Erzeugung und Optimierung der Texte. Zudem ermöglichen wir manuelle Überprüfungen und kontinuierliche Verbesserungen durch maschinelles Lernen, um die Relevanz und Qualität der Alt-Texte zu gewährleisten. Nutzen Sie unsere Lösung, um Ihre Website effizienter und zugänglicher zu gestalten.

Projektdatenbank

mit WordPress

Sie wollen Ihre Projekte in WordPress online verwalten und ansprechend zeigen, ggf. nach Eigenschaften filtern und mit anderen Inhalten wie Leistungen, Beiträgen, Downloads, Ansprechpartnern und vielem mehr verknüpfen? Eine Projektendatenbank von PERIMETRIK® ist genau das was Sie suchen!

News zum Produkt

für WordPress und WooCommerce

Unsere "News zum Produkt" nutzen Verknüpfungen und Filter, um themenbezogene News automatisch neben den entsprechenden Produkten anzuzeigen. Diese Methode erhöht nicht nur die Relevanz und Bindung der Besucher durch kontextbezogene Informationen, sondern verbessert auch die Benutzerführung und Suchmaschinenoptimierung Ihrer Website. Ob Produktneuigkeiten, Hersteller-Updates oder branchenspezifische Informationen, unsere dynamische Content-Lösung stellt sicher, dass Ihre Nutzer stets aktuelle und relevante Inhalte erleben. Setzen Sie auf PERIMETRIK® für eine Website, die nicht nur informiert, sondern auch konvertiert und die User Experience auf ein neues Level hebt.
Responsive Websdesign - Websites von PERIMETRIK® passen sich jeder Bildschirmgröße automatisch an. Wir optimieren Ihre WordPress Website für eine saubere Darstellungsweise aller Seiten und Inhalte auf mobilen Endgeräten.

Steckbrief für wichtige Infos

Die wichtigsten Infos auf einen Blick

Alle Infos auf einen Blick: Steckbriefe bieten eine kompakte und visuell ansprechende Möglichkeit, wichtige Informationen schnell und übersichtlich zu präsentieren. Sie eignen sich ideal für die Darstellung von Projekten, Referenzen, Produktmerkmalen oder Unternehmensdaten auf Ihrer WordPress-Website. PERIMETRIK® erstellt individuelle Steckbriefe mit dynamischen Eigenschaften, die auf Ihre spezifischen Anforderungen zugeschnitten sind. Unsere Steckbriefe umfassen Funktionen wie die dynamische Darstellung von Merkmalen, die Integration von Kontaktdaten, automatische Verlinkungen, die Anpassung von Inhalten basierend auf Bedingungen und vieles mehr. Kontaktieren Sie uns, um zu erfahren, wie wir Ihnen helfen können, effektive und ansprechende Steckbriefe für Ihre Website zu erstellen.
Integration von Zahlungsmethoden in WooCommerce

Integration von Zahlungsmethoden in WooCommerce

Bessere Zahlungsmöglichkeiten – mehr Umsatz

Unser Angebot zur Integration von Zahlungsanbietern in WooCommerce umfasst alle Dienstleistungen, um Ihren Online-Shop professionell und kundenfreundlich zu gestalten. Wir unterstützen Sie bei der Auswahl und Integration führender Zahlungsdienstleister wie Mollie, Stripe und PayPal, konfigurieren eine Vielzahl von Zahlungsarten wie Kreditkartenzahlung, PayPal, Sepa-Lastschriften und ApplePay, und sorgen für die Stabilität der Kaufprozesse. Darüber hinaus bieten wir spezialisierte Zahlungsarten und Anpassungen an, richten Test- und Sandbox-Umgebungen ein, optimieren Transaktions-E-Mails und ermöglichen die Konfiguration von Zahlungsarten nach Produkt- oder Benutzerkategorien. Unsere optionalen Erweiterungen umfassen erweiterte Sicherheitsmaßnahmen, detaillierte Berichterstattung, mobile Zahlungsoptimierung und mehr. Nutzen Sie unser Expertenwissen, um Ihre Zahlungsprozesse effizient und sicher zu gestalten und Ihren Kunden eine nahtlose Kauferfahrung zu bieten.
Suchen Sie eine professionelle, erfahrene Digitalagentur?

Häufige Fragen

FAQ zu Begriffen und Themen wie Level AAA

Was bedeutet DOM-Order?

DOM-Order bezieht sich auf die Reihenfolge der Elemente im Document Object Model (DOM) einer Webseite, was entscheidend ist für die Verarbeitung von HTML durch den Browser und die Zugänglichkeit der Seite.

mehr erfahren

Die DOM Order (Document Object Model Order) bezeichnet die Reihenfolge, in der Elemente innerhalb des DOM-Baums einer Webseite organisiert sind. Diese Reihenfolge beeinflusst, wie Inhalte von assistiven Technologien wie Screenreadern oder durch die Tastaturnavigation wahrgenommen und verarbeitet werden.

Der DOM ist eine baumartige Struktur, die den Aufbau und Inhalt einer Webseite repräsentiert, wie sie von Webbrowsern verwendet wird, um den Inhalt darzustellen.

  • Bedeutung für das Rendering: Die Reihenfolge der Elemente im DOM bestimmt, wie der Browser die Seite rendert. Elemente, die früher im DOM erscheinen, werden in der Regel zuerst gerendert.
  • Zugänglichkeit: Die DOM-Order ist besonders wichtig für die Zugänglichkeit, da Screenreader die Inhalte in der Reihenfolge vorlesen, in der sie im DOM erscheinen. Eine logische und intuitive Reihenfolge kann die Benutzerfreundlichkeit für Menschen mit Sehbehinderungen erheblich verbessern.
  • Interaktion mit CSS und JavaScript: Änderungen am Aussehen oder Verhalten der Webseite durch CSS oder JavaScript hängen ebenfalls von der DOM-Order ab. Zum Beispiel können CSS-Flexbox oder Grid Layouts die visuelle Präsentation von Elementen ändern, ohne die DOM-Order zu beeinflussen, was zu Diskrepanzen zwischen visueller Darstellung und Screenreader-Ausgabe führen kann.
  • Optimierung: Wir können die DOM-Order optimieren, um die Performance der Seite zu verbessern. Beispielsweise durch das Priorisieren der Ladereihenfolge kritischer Inhalte.

Die DOM-Order spielt eine zentrale Rolle in der Webentwicklung, da sie sowohl die technische Verarbeitung als auch die Interaktion der Nutzer mit der Webseite beeinflusst. Es ist daher wichtig, die Struktur des DOMs sorgfältig zu planen, um sowohl die Performance als auch die Zugänglichkeit (Barrierefreiheit) der Webseite zu optimieren.

Unser Team kann Sie bei der Optimierung der DOM-Order unterstützen, um die Effizienz und Zugänglichkeit Ihrer Webseite zu maximieren.

 

Für welche Arten von Inhalten müssen im Sinne des BFSG ARIA-Rollen und ARIA-Labels verwendet werden?

Nach dem Barrierefreiheitsstärkungsgesetz (BFSG) und den WCAG 2.1-Richtlinien ist die Verwendung von ARIA-Rollen und -Labels erforderlich, wenn die native HTML-Semantik nicht ausreicht, um assistiven Technologien wie Screenreadern zusätzliche Informationen über die Funktion, den Status oder die Bedeutung eines Elements zu vermitteln. ARIA-Rollen und -Labels sind insbesondere für interaktive Elemente, benutzerdefinierte Widgets, nicht sichtbare Inhalte, komplexe Strukturen und dynamische Inhalte wichtig, um deren Zugänglichkeit zu verbessern. Bei Bildern, die eine funktionale Rolle einnehmen oder keinen sichtbaren Kontext bieten, ist ebenfalls ein entsprechendes ARIA-Label oder eine ARIA-Rolle notwendig. Rein dekorative Bilder sollten mit role=”presentation” oder aria-hidden=”true” markiert werden, um von Screenreadern ignoriert zu werden. Dennoch sollte der Einsatz nativer HTML-Semantik bevorzugt werden, da sie von assistiven Technologien besser unterstützt und weniger fehleranfällig ist.

mehr erfahren

Im Sinne des Barrierefreiheitsstärkungsgesetzes (BFSG) und der WCAG 2.1-Richtlinien müssen ARIA-Rollen und ARIA-Labels für Inhalte verwendet werden, die assistiven Technologien wie Screenreadern zusätzliche semantische Informationen bereitstellen sollen. Dies ist insbesondere dann erforderlich, wenn die native HTML-Semantik nicht ausreicht, um die Funktion, den Status oder die Bedeutung eines Elements zu vermitteln.

Verwendung von ARIA-Rollen und -Labels

ARIA-Rollen und -Labels für interaktive Elemente ohne ausreichende HTML-Semantik

  • Benutzerdefinierte Widgets wie Akkordeons, Tabs oder Schalter benötigen ARIA-Rollen (z. B. `role=”button”`) und Zustände (z. B. `aria-expanded`), um ihre Funktion und ihren Status klar zu definieren.

ARIA-Rollen und -Labels für nicht sichtbare oder beschriftete Inhalte: 

  • Elemente ohne sichtbare Beschriftung benötigen ein `aria-label` oder `aria-labelledby`, um einen zugänglichen Namen bereitzustellen. Dies gilt z. B. für Icons oder Bilder, die als Bedienelemente fungieren.

ARIA-Rollen und -Labels für komplexe Strukturen:

  • Inhaltsbereiche wie Tabellen, Listen oder Navigationsmenüs können mit ARIA-Rollen (z. B. `role=”navigation”`) versehen werden, um ihre Struktur und Funktion zu verdeutlichen.

ARIA-Rollen und -Labels für dynamische Inhalte:

  • Wenn sich Inhalte dynamisch ändern (z. B. durch AJAX-Updates), können Attribute wie `aria-live` oder `aria-busy` verwendet werden, um Screenreader-Nutzern Änderungen mitzuteilen.

Spezifische Anforderungen für Bilder

Ein Bild muss über eine ARIA-Rolle und/oder ein ARIA-Label verfügen, wenn:

  • das Bild eine funktionale Rolle hat: Beispielsweise als Schaltfläche oder Link (`role=”button”` oder `role=”link”`), wobei ein `aria-label` erforderlich ist, um die Funktion zu beschreiben.
  • das Bild keinen sichtbaren Kontext bietet: Ein `aria-label` oder `aria-labelledby` ist nötig, wenn das Bild eine Bedeutung vermittelt, die nicht aus dem Kontext ersichtlich ist.
  • das Bild rein dekorativ ist: Es sollte mit `role=”presentation”` oder `aria-hidden=”true”` ausgezeichnet werden, damit es von Screenreadern ignoriert wird.

Grundsatz

Wo immer möglich, sollte jedoch native HTML-Semantik Vorrang haben, da diese von assistiven Technologien besser unterstützt wird und weniger fehleranfällig ist.

Weshalb sollte ich für die Kurse meiner Sprachschule strukturierte Daten nutzen?

Strukturierte Daten verbessern die Sichtbarkeit Ihrer Kurse in Suchmaschinen, indem sie Suchmaschinen wie Google detaillierte Informationen über Ihre Kurse bereitstellen. Dies kann die Darstellung Ihrer Kurse in den Suchergebnissen verbessern und potenziell mehr Interessenten auf Ihre Website ziehen.

mehr erfahren

Die Nutzung von strukturierten Daten für die Kurse Ihrer Sprachschule bietet zahlreiche Vorteile, insbesondere in Bezug auf SEO (Suchmaschinenoptimierung) und die Nutzererfahrung. Hier sind einige Gründe, warum Sie strukturierte Daten einsetzen sollten:

  • Verbesserte Suchmaschinen-Ergebnisse: Strukturierte Daten helfen Suchmaschinen zu verstehen, was auf Ihrer Webseite dargestellt wird. Dies kann dazu führen, dass Ihre Kurse als Rich Snippets mit zusätzlichen Details wie Kurszeiten, Preisen oder Lehrern direkt in den Suchergebnissen angezeigt werden.
  • Höhere Klickrate: Durch die attraktivere Darstellung Ihrer Kursangebote in den Suchergebnissen können potenzielle Kunden eher dazu verleitet werden, auf Ihre Website zu klicken.
  • Zielgerichtete Inhalte: Sie können spezifische Informationen hervorheben, die für Interessenten Ihrer Sprachkurse besonders relevant sind, wie z.B. Kursniveaus, Startdaten oder die Verfügbarkeit von Online-Optionen.
  • Wettbewerbsvorteil: Durch die Verwendung strukturierter Daten können Sie sich von anderen Sprachschulen abheben, die möglicherweise keine strukturierten Daten verwenden, und so einen Vorteil in den Suchmaschinen erlangen.
  • Unterstützung für lokale SEO: Wenn Ihre Sprachschule auch lokale Interessenten anzieht, helfen strukturierte Daten dabei, lokale Suchergebnisse zu optimieren, indem sie wichtige lokale Informationen wie Standort und Unterrichtszeiten klar kommunizieren.

Strukturierte Daten sind also ein mächtiges Werkzeug, um die Online-Sichtbarkeit und Auffindbarkeit Ihrer Kurse zu verbessern und letztendlich mehr Anmeldungen zu generieren. Wenn Sie Unterstützung bei der Implementierung benötigen, bieten wir professionelle Dienstleistungen an, um die strukturierten Daten Ihrer Kursangebote optimal zu gestalten und einzusetzen.

Welche technischen Aspekte sind bei der Umsetzung von Barrierefreiheit besonders zu beachten?

Bei der technischen Umsetzung von Barrierefreiheit sind vor allem die Zugänglichkeit der Navigation, die Lesbarkeit von Texten, die Verwendung von ARIA (Accessible Rich Internet Applications)-Labels und die Kompatibilität mit Screenreadern zu beachten.

mehr erfahren

Technische Aspekte spielen eine entscheidende Rolle für die Barrierefreiheit einer Website oder App. Wichtige Faktoren sind:

  1. Strukturierte HTML-Dokumente: Korrekte Verwendung von HTML5-Tags, um Struktur und Semantik des Contents klar zu definieren.
  2. ARIA-Labels: Einsatz von ARIA-Labels und -Rollen, um zusätzliche Informationen über Elemente der Benutzeroberfläche für Screenreader-Nutzer bereitzustellen.
  3. Tastatur-Navigation: Sicherstellung, dass alle Interaktionen und Navigationselemente vollständig über die Tastatur bedienbar sind.
  4. Responsive Design: Gewährleistung, dass Ihre Website auf allen Geräten und Bildschirmgrößen zugänglich ist.
  5. Kontrast und Farbgebung: Einhaltung von Richtlinien für ausreichenden Kontrast zwischen Text und Hintergrund und die Vermeidung von Farben als einzige Informationsquelle.

Indem Sie diese technischen Aspekte beachten, können Sie eine umfassende Zugänglichkeit für alle Nutzer sicherstellen und gleichzeitig die Einhaltung der gesetzlichen Vorgaben gewährleisten. Kontaktieren Sie uns, um mehr über unsere Dienstleistungen zur Überprüfung und Zertifizierung der Barrierefreiheit zu erfahren. Wir unterstützen Sie dabei, Ihre digitalen Angebote für alle Nutzer zugänglich zu machen, in dem wir die Barrierefreiheit Ihrer Website verbessern.

Wie kann ich sicherstellen, dass mein Content stets barrierefrei bleibt?

Um sicherzustellen, dass Ihr Content stets barrierefrei bleibt, sollten Sie Richtlinien für die Erstellung barrierefreien Contents implementieren und regelmäßige Schulungen für Ihr Team anbieten. Zudem sollten Sie Ihre Website regelmäßig überprüfen lassen!

mehr erfahren

Barrierefreiheit sollte bei jedem Schritt der Content-Erstellung berücksichtigt werden. Hier sind einige Strategien:

  1. Richtlinien und Standards: Entwickeln Sie klare Richtlinien, die festlegen, wie barrierefreier Content erstellt wird, einschließlich der Verwendung von Alternativtexten für Bilder, zugänglichen Video- und Audiomaterialien sowie der Einhaltung der Lesbarkeitsstandards.
  2. Schulungen: Regelmäßige Schulungen und Workshops für Ihr Content-Team können das Bewusstsein für Barrierefreiheitsthemen schärfen und die Fähigkeiten zur Erstellung zugänglicher Inhalte verbessern.
  3. Tools und Ressourcen: Nutzen Sie Tools zur Überprüfung der Barrierefreiheit, um sicherzustellen, dass Ihr Content den WCAG-Richtlinien entspricht.
  4. Feedback von Nutzern: Einrichtung eines Feedback-Mechanismus, um von Nutzern mit Behinderungen direkt zu lernen und Verbesserungen basierend auf ihren Erfahrungen zu implementieren.

Sicherheit erhalten Sie zudem durch unsere regelmäßigen Barrierefreiheits-Reports.

Wie oft sollte ein Barrierefreiheits-Audit durchgeführt werden?

Ein Barrierefreiheits-Audit sollte regelmäßig durchgeführt werden, idealerweise mindestens einmal jährlich oder jedes Mal, wenn signifikante Änderungen an Ihrer Website oder mobilen App vorgenommen werden.

mehr erfahren

Ein Barrierefreiheits-Audit ist nicht nur ein einmaliges Ereignis, sondern ein fortlaufender Prozess, der sicherstellt, dass Ihre digitalen Angebote kontinuierlich den gesetzlichen Anforderungen und den Bedürfnissen Ihrer Nutzer entsprechen. Wir empfehlen:

  1. Jährliche Audits: Um mit technologischen Entwicklungen und Änderungen in den Barrierefreiheitsstandards Schritt zu halten.
  2. Nach größeren Updates: Jedes Mal, wenn wesentliche Änderungen an der Struktur, dem Inhalt oder der Funktionalität Ihrer Website oder App vorgenommen werden, sollte ein Audit durchgeführt werden, um neue Barrieren zu identifizieren und zu adressieren.
  3. Bei gesetzlichen Änderungen: Wenn neue Gesetze oder Vorschriften in Kraft treten, ist ein Audit notwendig, um Compliance sicherzustellen.

Um sicherzugehen, dass Ihre Website fortwährend die gesetzlichen Auflagen zur Barrierefreiheit erfüllt, bieten wir regelmäßige Barrierefreiheits-Scans an und dokumentieren die Ergebnisse automatisch in Barrierefreiheits-Reports.

Welche Strafen drohen bei Nicht-Einhaltung des Barrierefreiheitsstärkungsgesetzes?

Bei Nicht-Einhaltung des Barrierefreiheitsstärkungsgesetzes können Strafen wie Bußgelder oder rechtliche Maßnahmen drohen. Die genauen Konsequenzen können von Fall zu Fall variieren.

mehr erfahren

Die Nicht-Einhaltung der gesetzlichen Vorgaben zur Barrierefreiheit kann zu verschiedenen rechtlichen Konsequenzen führen, einschließlich:

  • Bußgelder: Organisationen können mit Bußgeldern belegt werden, wenn sie den Anforderungen nicht nachkommen.
  • Rechtliche Herausforderungen: Betroffene Personen oder Verbände können rechtliche Schritte einleiten, um die Durchsetzung der Barrierefreiheitsstandards zu erzwingen.
  • Reputationsverlust: Neben finanziellen und rechtlichen Konsequenzen kann die Nichtbeachtung der Barrierefreiheit auch negative Auswirkungen auf das öffentliche Image und die Glaubwürdigkeit einer Organisation haben.

Unser professionelles Audit für Barrierefreiheit hilft Ihnen, diese Risiken zu minimieren, indem es überprüft, ob Ihre digitalen Angebote den gesetzlichen Anforderungen entsprechen. Kontaktieren Sie uns, um mehr über unsere Dienstleistungen im Bereich Barrierefreiheitsprüfung und -zertifizierung zu erfahren und wie wir Sie bei der Einhaltung des Barrierefreiheitsstärkungsgesetzes durch Verbesserung der Barrierefreiheit Ihrer Website unterstützen können.

Welches Level an Barrierefreiheit muss ich umsetzen?

Das erforderliche Level an Barrierefreiheit, das umgesetzt werden muss, richtet sich nach den WCAG-Richtlinien, wobei meistens mindestens Level AA erforderlich ist.

mehr erfahren

Für die meisten Websites und mobilen Anwendungen wird empfohlen, mindestens die Stufe AA der WCAG 2.1 zu erfüllen. Diese Stufe umfasst eine breite Palette von Empfehlungen für das Design und die Entwicklung, um Barrieren für Menschen mit unterschiedlichen Behinderungen (visuell, auditiv, motorisch, sprachlich) zu minimieren. Diese Stufe ist in der Regel ausreichend, um den gesetzlichen Anforderungen zu genügen und die Nutzung durch eine breite Benutzerbasis zu ermöglichen.

Mit unserem Barrierefreiheits-Audit überprüfen wir, inwieweit Ihre Website bereits die Kriterien für Level AA erfüllt oder wie Sie die Barrierefreiheit verbessern können, um dieses Level zu erreichen.

Was muss ich tun für Compliance mit dem Barrierefreiheitsstärkungsgesetz?

Um Compliance mit dem Barrierefreiheitsstärkungsgesetz zu erreichen, müssen Sie sicherstellen, dass Ihre digitalen Angebote, wie Websites und mobile Anwendungen, den gesetzlichen Anforderungen an Barrierefreiheit entsprechen. Dies beinhaltet die Umsetzung technischer Standards, die Gewährleistung der Zugänglichkeit für Menschen mit verschiedenen Behinderungen und die regelmäßige Überprüfung der Einhaltung dieser Standards.

mehr erfahren

Das Barrierefreiheitsstärkungsgesetz fordert von öffentlichen Stellen und privaten Unternehmen (ab einem gewissen Umsatz-Volumen), dass ihre digitalen Angebote für Menschen mit Behinderungen zugänglich sind. Um dies zu gewährleisten, sollten Sie folgende Schritte unternehmen:

  1. Analyse und Bewertung Ihrer aktuellen digitalen Angebote: Erfassen Sie den aktuellen Stand der Barrierefreiheit Ihrer Website oder App, z.B. mit dem Barrierefreiheits-Audit von PERIMETRIK®
  2. Implementierung der erforderlichen Anpassungen: Basierend auf der Analyse, passen Sie Design, Inhalte und Technik an die Vorgaben der WCAG (Web Content Accessibility Guidelines) an, um die geforderten Standards zu erreichen. (Barrierefreiheit verbessern…)
  3. Regelmäßige Überprüfungen und Updates: Stellen Sie durch kontinuierliche Überwachung und regelmäßige Updates sicher, dass neue Inhalte und Funktionen ebenfalls den Standards entsprechen, z.B. mit den Barrierefreiheits-Reports von PERIMETRIK®.
  4. Dokumentation und Berichterstattung: Führen Sie Nachweise über Ihre Bemühungen und Erfolge in Bezug auf die Barrierefreiheit, um bei Bedarf Compliance nachweisen zu können.

Was bedeutet “Inhalt nicht in Seitenregion enthalten” bei der Überprüfung der Barrierefreiheit einer Website?

Der Hinweis „Inhalt nicht in Seitenregion enthalten“ bei der Barrierefreiheitsüberprüfung einer Website bedeutet, dass ein bestimmter Inhalt auf der Seite nicht korrekt einer semantischen Struktur zugeordnet wurde. Das bedeutet, dass der Inhalt nicht in einer HTML-Seitenregion (wie header, nav, main, aside, footer, usw.) enthalten ist.

mehr erfahren

Warum ist es wichtig, Inhalte einer Website in Seitenregionen zu organisieren?

  • Semantische Struktur: Moderne Websites sollten semantische HTML-Elemente verwenden, damit Assistenztechnologien (z. B. Screenreader) die Struktur der Seite korrekt erkennen und wiedergeben können. Dies hilft vor allem Menschen mit Sehbehinderungen, die Inhalte besser zu navigieren.
  • Barrierefreiheit und Usability: Inhalte, die nicht in logische Bereiche gegliedert sind, könnten für Menschen, die auf Tastatur-Navigation oder Screenreader angewiesen sind, schwer zugänglich sein. Solche Nutzer verlassen sich auf die semantische Struktur, um durch eine Seite zu navigieren und Inhalte schnell zu finden.
  • Webstandards: Bestimmte Webstandards, wie die WCAG (Web Content Accessibility Guidelines), fordern eine klare und logische Strukturierung von Webseiteninhalten, um die Barrierefreiheit zu gewährleisten.
  • SEO: Suchmaschinen berücksichtigen auch, ob Websites den (aktuellen) Anforderungen der User entsprechen und bewerten dies positiv.
  • Gesetzliche Verpflichtung: Mit Inkrafttreten des “Barrierefreiheitsstärkungsgesetzes” werden Website-Betreiber in Deutschland (und der EU, es gilt der European Accessibility Act (kurz: EAA) dazu verpflichtet, ihre Website barrierefrei zu gestalten.

Beispiele für die Nutzung von Seitenregionen:

  • Statt Inhalte lose in <div>-Containern oder ohne klare Gliederung abzulegen, sollte man sie in semantischen Elementen wie <main>, <header>, <article>, <section>, oder <footer> strukturieren.

Wenn also bei der Überprüfung einer Website auf Barrierefreiheit der Hinweis “Inhalt nicht in Seitenregion enthalten” angezeigt wird, bedeutet das, dass Sie überprüfen sollten, ob der Inhalt in einer passenden Seitenregion untergebracht werden kann, um die Barrierefreiheit der Website zu verbessern.

Knowhow

Wissen im Kontext von Level AAA

Dieses Bild zeigt einen blinden Jazz-Schlagzeuger im Look eines 60er Jahre Comice.
Individuelle Datenmodelle in WordPress: Ein umfassender Leitfaden
Dieses Bild zeigt einen blinden Jazz-Schlagzeuger im Look eines 60er Jahre Comice.
Individuelle Datenmodelle in WordPress: Ein umfassender Leitfaden
Dieses Bild zeigt einen blinden Jazz-Schlagzeuger im Look eines 60er Jahre Comice.
Individuelle Datenmodelle in WordPress: Ein umfassender Leitfaden