Zugänglichkeit WCAG

Erklärung zur Zugänglichkeit

 

Status der Zugänglichkeit

Diese Website ist vollständig konform mit [RD 1112/2018 bzw. UNE-EN 301 549], da sie nach den Web Content Accessibility Guidelines (WCAG) in der Version WACAG 2.0 entwickelt wurde. Initiative, die von mehreren internationalen Organisationen und Einrichtungen in Zusammenarbeit mit dem World Wide Web Consortium (W3C) ins Leben gerufen wurde, um den Zugang zu Internetinhalten für Benutzer mit Behinderungen zu fördern.

Erstellung dieser Zugänglichkeitserklärung

Diese Erklärung wurde am 11. Mai 2021 erstellt. Die Methode, die zur Erstellung der Erklärung verwendet wurde, war eine von der Agentur selbst durchgeführte Selbsteinschätzung. Letzte Überarbeitung der Erklärung: 11. Mai 2021.

Anmerkungen und Kontaktangaben

Sie können Mitteilungen über Anforderungen an die Zugänglichkeit machen (Artikel 10.2.a) des KD 1112/2018), wie z. B.:

  • Meldung eines möglichen Verstoßes dieser Website
  • Information über sonstige Schwierigkeiten beim Zugriff auf den Inhalt
  • Formulierung sonstiger Anfragen oder Verbesserungsvorschläge in Bezug auf die Zugänglichkeit der Website

01. Entscheidungen im Bereich des Designs, die die Zugänglichkeit dieser Website begünstigen

Ausreichender Kontrast zwischen dem Text und seiner Hintergrundfarbe

Nach den Richtlinien der WCAG 2.0 sollte das Kontrastverhältnis zwischen Text und Texthintergrund mindestens 4,5 zu 1 betragen. In Kontexten, in denen die Schrift mindestens 24 px oder 19 px fett ist, wird das Minimum auf 3 zu 1 reduziert.

Es wurde besonders darauf geachtet, dass der Text nicht über Bilder gelegt wird.

Wichtige Informationen nicht nur mit Farbe kennzeichnen

Es wurden weitere Indikatoren (wie z. B. Symbole oder Text zur Farbcodierung oder eine Unterstreichung in verlinktem Text) verwendet, um Menschen, die Farben nicht leicht unterscheiden können, das Verständnis und die Nutzung der Inhalte zu ermöglichen.

Die sensorischen Merkmale dürfen nicht als alleiniger Indikator zum Verstehen und Bedienen von Inhalten verwendet werden

Stattdessen verwendet man eine Kombination aus Positionierung, Farbe und Beschriftung, um Inhalte zu identifizieren, ohne sich ausschließlich auf Bilder, Form, Größe, visuelle Position, Ausrichtung oder Ton zu verlassen, wenn es darum geht, wichtige Anweisungen zur Bedienung oder zum Verständnis von Inhalten anzuzeigen.

Gestaltung von Fokuszuständen, um den Benutzern die Navigation zu erleichtern und zu verstehen, wo sie sich befinden

El diseño propuesto en esta web no oculta de forma activa los estados resaltados de enfoque (:focus). Cuando las personas Das vorgeschlagene Design dieser Website blendet die hervorgehobenen Fokuszustände (:focus) nicht aktiv aus. Wenn Menschen mit der Tastatur navigieren, enthält die Website perfekt sichtbare Fokuszustände.

Für Bilder wird ein konsistenter Alternativtext geschrieben.

Benutzer mit eingeschränktem Sehvermögen verwenden oft einen sprechenden Browser, um das Web zu „lesen“. Diese speziellen Browser wandeln Text in Sprache um, so dass der Benutzer die Wörter auf einer Website hören kann. Wenn ein sprechender Browser auf einem Bild landet, sucht er nach alternativem Text, den er laut vorlesen kann; wenn er keinen findet, sagt er oft nur „Bild“ und lässt den Benutzer im Unklaren darüber, was das Bild ist und wie wichtig es für die Geschichte ist.

Um dies zu vermeiden, werden alle Elemente beschrieben, die erklären, was auf dem Bild passiert, und es wird vermieden, den Alternativtext so zu gestalten, dass er allgemein ist.

Wenn ein Erlebnis nicht zugänglich ist, sollte der Benutzer einen anderen Weg wählen, um diese Informationen zu erhalten

In diesem Sinne wurde darauf geachtet, den Zugang zu den Inhalten der Website auf mehr als einem Weg zu erleichtern, indem verschiedene Menüs oder entsprechende Links verwendet werden, die eine reibungslose interne Navigation ermöglichen.

Möglichst kohärent und klar in der Gestaltung sein

Dabei wurde auf eine präzise Funktion, Lage und Kennzeichnung der Komponenten geachtet, die einheitlich funktionieren und gekennzeichnet sind.

Es wird eine klare Informationsarchitektur verwendet, mit Abschnittsüberschriften und Absätzen, um den Inhalt zu organisieren. Die Texte sind ebenfalls klar und Jargon und Modewörter werden stets vermieden.

02. Bei der Webentwicklung getroffene Entscheidungen, die die Zugänglichkeit in diesem Portal begünstigen

Verwendung der richtigen HTML-Elemente für den Inhalt

HTML-Elemente teilen dem Browser mit, welche Art von Inhalt sie enthalten und wie der Browser diesen Inhalt darstellen oder behandeln soll. Der Zugänglichkeitsbaum basiert auf Annahmen über die Elemente und ihre Struktur. Dies ist die Funktion des Browsers, mit der Bildschirmleser gesteuert werden.

Die richtigen Elemente wurden für den aktuellen Kontext ausgewählt, um auf einfache Weise eine gute Grundlage für das Erlebnis auf dieser Website zu schaffen.

Unterstützung der Tastaturnavigation

Browser ermöglichen die Tabulierung durch Links, Formulare und Schaltflächenelemente. Dies ist eine einfache Möglichkeit, sich auf der Seite zu bewegen, aber es ist sehr leicht, diese Funktionalität versehentlich zu behindern: Sich auf CSS verlassen, um Elemente zu verschieben, anstatt das HTML neu zu ordnen; Elemente aus dem Registerkartenfluss ausblenden, entweder durch das Vortäuschen von Schaltflächen (mit JavaScript) anstelle der Verwendung von Schaltflächenelementen oder das Deaktivieren der Registerkarte über tabindex = „- 1“; und Formularelemente (in einer Oberfläche mit Registerkarten) ausblenden, aber nicht aus dem Registerkartenfluss entfernen (sodass ausgeblendete Formularelemente in den Fokus kommen können).

Alle diese Praktiken wurden bei der Entwicklung dieser Website vermieden, um die Zugänglichkeit der Inhalte jederzeit zu gewährleisten.

Verstehen und Verwenden von HTML-Referenzpunkten

Personen, die Hilfsmittel verwenden, möchten möglicherweise nicht alle Inhalte linear durchsuchen, sondern bevorzugen eine Gliederungsansicht (generiert aus Markierungen), um den relevanten Inhalt zu finden.

Zu diesem Zweck wurden auf dieser Website HTML-Orientierungspunkte eingerichtet, um bestimmte Bereiche zu definieren, wie Kopfzeile (header), Hauptinhalt (main), Kontaktformulare (form), Navigationselemente oder -menü (nav), und Fußzeile (footer).

ARIA-Attribute nur bei Bedarf verwenden

ARIA steht für Accessible Rich Internet Applications. Es handelt sich um eine optionale, aber nützliche Spezifikation für die Definition von Formen von HTML-Markierungen, die eine dynamische Erfahrung haben (normalerweise durch JavaScript gesteuert).

Das Ziel bei ihrer Verwendung ist es, dem Browser und unterstützenden Technologien, wie z. B. Webseiten-Lesegeräten, mitzuteilen, wie sich der Inhalt ändern wird oder was der Zweck des Inhalts ist. Dynamische Fehlermeldungen können Bildschirmleser aufrufen, Schaltflächen können mit dem Inhalt verknüpft werden, auf den sie wirken, und viele andere nützliche Zustände können auf der Code-Ebene ausgedrückt werden.

Während der Entwicklung dieser Website wurde ARIA-Tagging und -Markierung nur in den Fällen verwendet, in denen die HTML-Semantik selbst nicht ausreichend war, um den Zustand oder die Funktion eines Objekts zu beschreiben.

Bietet dem Benutzer eine Möglichkeit, die Top-Level-Navigation zu umgehen, um auf den Hauptinhalt zuzugreifen

Besonders nützlich für Tastaturbenutzer ist es, ihnen eine Möglichkeit zu geben, die Top-Level-Navigation (Header) zu umgehen, um auf den Hauptinhalt (Main) zuzugreifen. Zu diesem Zweck wurde am oberen Rand der Seite eine Schaltfläche eingerichtet (sie kann nur sichtbar sein, wenn sie aktiv ist), die, wenn sie angeklickt wird, den aktuellen Fokus der Schaltfläche an den oberen Rand des Hauptinhalts der Seite verschiebt. Dies erspart dem Benutzer das Scrollen durch viele Navigationselemente.

Diese Schaltfläche für den Zugriff auf den Inhalt befindet sich vor dem Beginn des Hauptnavigationsmenüs.

Beschreibende Links erstellen

Assistenztechnologie ist in der Lage, alle Links auf einer Seite zu finden und sie in verschiedenen Formen darzustellen, aber diese Links sind eher unpraktisch, wenn es sich um Links handelt, die nur aus dem Text „hier klicken“ bestehen.

Deshalb wurden Links geschaffen, die klar beschreiben, wohin der Benutzer geht, wenn er darauf klickt. Das gibt ihm eine Vorstellung von der Aktion, die ausgeführt wird, wenn er darauf klickt.

Bilder und Ikonografie in Pseudo-Elementen sind zu vermeiden

Soweit wie möglich wurde vermieden, Symbole in Pseudo-Elementen zu schaffen, die, wenn sie von der Assistenztechnologie gelesen werden (die sich auf HTML stützt, um den Inhalt zu finden, der dem Benutzer präsentiert werden soll), leere Elementanzeigen liefern.

Diejenigen, die implementiert wurden und dieser Funktion entsprechen, wurden mit aria-hidden=“true“ getaggt, um das oben Beschriebene zu vermeiden und die Erfahrung für Benutzer zu verbessern, die Assistenztechnologie zum Lesen der Website verwenden.

Schaffen von alternativen Wegen für Benutzer, um auf Informationen zuzugreifen

zugängliche Erlebnisse umzuwandeln. In diesen Fällen und insbesondere für diese Website wurde erwogen, Beschreibungen der Videos für Benutzer, die dies wünschen, aufzunehmen.

Links sind visuell identifizierbar

Den Links auf dieser Website sind eindeutige Stile zugewiesen, die den Fokus (:focus) und den aktiven (:active) Zustand definieren. Die Kontureigenschaft zeigt an, wenn ein Element entweder ausgewählt ist oder den Fokus hat. Dies ist nützlich für Benutzer, die keine Maus verwenden können oder sehbehindert sind.

Das HTML-Dokument hat ein Sprachattribut

Das HTML-Attribut lang wird verwendet, um die Sprache des Textinhalts im Web zu identifizieren.. Anhand dieser Informationen können Suchmaschinen sprachspezifische Ergebnisse liefern. Sie werden auch von Bildschirmlesegeräten verwendet, die Sprachprofile wechseln, um den richtigen Akzent und die richtige Aussprache zu liefern.

03. Alternative Werkzeuge, die zur Verbesserung der Zugänglichkeit für den Benutzer bereitgestellt werden

Menü zur Zugänglichkeit

Um das Surfen im Web für Benutzer mit verschiedenen Behinderungen benutzerfreundlicher zu gestalten, wurde ein Menü zur Zugänglichkeit aktiviert, das sich direkt auf die Darstellung der Inhalte auswirkt.

Diese zugewiesenen Stile entsprechen den folgenden Kriterien:

Hell-Modus
Anzeige von Inhalten im Hochkontrastmodus auf hellem Hintergrund.

Dunkel-Modus
Anzeige von Inhalten im Hochkontrastmodus auf dunklem Hintergrund.

Hervorhebung
Diese Funktion schattiert Textbereiche der Web.

Schriftgröße
Ermöglicht die Vergrößerung der auf der Website angezeigten Schriftarten.

Links
Hebt Links (intern und extern) auf der Website hervor.

Abstand
Vergrößert den Zeilenabstand der Texte auf der Website, um sie besser lesbar zu machen.

Legasthenie
Die Haupttypografie der Website wird durch eine andere, nicht proportionale Schriftart ersetzt, die eine bessere Lesbarkeit und damit eine bessere Komprimierung der Texte für Benutzer mit Legasthenieproblemen ermöglicht.

04. Implementierung von Fremdsoftware

Diese Website verwendet ein Content-Management-System (CMS) und Software, die von Dritten für das korrekte Funktionieren der Website entwickelt wurde.

Obwohl sie weitgehend überarbeitet wurden, um den Empfehlungen zur Zugänglichkeit zu entsprechen, werden diese Tools, ebenso wie der Content Manager, regelmäßig aktualisiert. Dies kann dazu führen, dass zu bestimmten Zeiten, zwischen den periodischen Überarbeitungen der Zugänglichkeit, einige dieser Aktualisierungen nicht den Kriterien entsprechen, die für eine zugängliche Website festgelegt wurden.

In diesem oder jedem anderen Fall, in dem Sie als Benutzer ein Problem im Zusammenhang mit der Zugänglichkeit dieser Website feststellen können, zögern Sie bitte nicht, uns zu kontaktieren und uns zu informieren.