Barrierefreiheitserklärung.

Zugänglichkeit von digitalen Diensten.

Unser Ziel ist es, digitale Dienste anzubieten, die von all unseren Kunden genutzt werden können. Wir arbeiten kontinuierlich daran, die Barrierefreiheit auf unserer Plattform zu verbessern. Nachfolgend finden Sie Informationen zur Barrierefreiheit für jeden digitalen Dienst, den wir anbieten.

CMS WCAG 2.1

Die Beschreibungen und Beispiele in jedem Abschnitt sind lediglich Auszüge, die erklären sollen, wie die Anforderungen erfüllt werden. Eine vollständige Liste der Anforderungen und detaillierte Anweisungen zur Erfüllung der Niveauanforderungen finden Sie in den offiziellen Richtlinien:
Web Content Accessibility Guidelines (WCAG) 2.1

Um die in Schweden festgelegten Anforderungen zu erfüllen, müssen wir sowohl die Kriterien der Stufe A als auch der Stufe AA erfüllen.

Wahrnehmbar
Bedienbar
Verständlich
Robust

1. Wahrnehmbar (CMS)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

1.1 Nicht-textueller Inhalt

Stufe A Alle nicht-textuellen Inhalte müssen eine zugängliche Textalternative haben.

Teilweise

1.2 Zeitbasierte Medien

Gilt für Audio- und Videoinhalte.

Nein

1.3.1 Informationen und Beziehungen

Stufe A Informationen, Struktur und Beziehungen, die visuell vermittelt werden, müssen von Hilfsmitteln interpretiert werden können oder als Text verfügbar sein. Der Zweck des Inhalts muss immer über eine Textbeschreibung verständlich sein. Beispiel: Ein Fehler sollte mit Worten beschrieben werden, anstatt nur rot markiert zu werden.

Nein

1.3.2 Sinnvolle Reihenfolge

Stufe A Der Inhalt sollte in einer logischen Reihenfolge präsentiert werden, die keine Verwirrung stiftet. Beispiel: Ist der Inhalt in logischer Reihenfolge, wenn man mit der Tabulatortaste navigiert?

1.3.3 Sensorische Merkmale

Stufe A Größe und Farbe dürfen nicht als einziges Mittel zur Priorisierung von Text verwendet werden. Überschriften sollten nicht nur mit einem <span>-Element markiert werden, sondern Überschriftenelemente wie <h2> verwenden. Die Elemente sollten einer hierarchischen Struktur folgen, z.B. sollte <h3> unter einem <h2>-Element liegen. Ein weiteres Beispiel ist Text, der erklärt, wie man mit einem Tastendruck fortfährt: „Drücken Sie die Schaltfläche unten, um fortzufahren“, wobei die Schaltfläche eindeutig identifizierbar sein und bei der Navigation nicht verschwinden darf.

Teilweise

1.3.4 Orientierung

Stufe AA Der Inhalt muss sowohl im Hoch- als auch im Querformat funktionieren.

1.3.5 Eingabezweck identifizieren

Stufe AA Für Eingabefelder, in denen der Benutzer z.B. seine E-Mail-Adresse eingibt, sollte der richtige Typ angegeben werden: type="email". Dies erleichtert dem Benutzer das Verständnis, was erwartet wird. Wenn es sich um ein Zahlenfeld handelt, verwenden Sie z.B. type="number", um die numerische Eingabe auf dem Mobiltelefon zu ermöglichen.

Teilweise

1.4.1 Verwendung von Farbe

Stufe A Farbe darf nicht als einziges Mittel zur Vermittlung von Inhalt oder Bedeutung verwendet werden. Beispiel: Ein Diagramm muss ohne Farbe interpretierbar sein, daher sollte eine eventuell versteckte Tabellenvariante durch Textbeschreibungen ersetzt oder ergänzt werden.

1.4.2 Audiosteuerung

Stufe A Wenn Audio automatisch länger als drei Sekunden abgespielt wird, muss es pausiert oder ausgeschaltet werden können.

1.4.3 Kontrast (Minimum)

1.4.6 Verbesserter Kontrast

1.4.3 – Stufe AA Mindestens 4,5:1 Kontrastverhältnis 1.4.6 – Stufe AAA Mindestens 7:1 Kontrastverhältnis

4,5:1 Teilweise

1.4.4 Änderung der Textgröße

Stufe AA Text (sowohl normaler Text als auch Text in Bildern) sollte bis zu 200 % vergrößert werden können, ohne dass Funktionalität verloren geht.

1.4.5 Bilder von Text

Stufe AA Vermeiden Sie die Verwendung von Bildern von Text. Text muss mit Screenreadern gelesen werden können.

Teilweise

1.4.10 Responsivität (Reflow)

Stufe AA Stellen Sie sicher, dass der Inhalt auch bei 400 % Zoom nur in eine Richtung gescrollt werden kann. AUSNAHME: wenn zweidimensionale Navigation erforderlich ist, z.B. auf einer Karte.

Teilweise

1.4.11 Kontrast für nicht-textuellen Inhalt

Stufe AA Beispiel: Wenn eine Komponente in einem bestimmten Zustand angezeigt wird, muss dies deutlich sein, z.B. dass ein ausgewählter Radiobutton eine klare Markierung haben sollte.

1.4.12 Textabstand

Stufe AA Die Typografie-Komponente muss Folgendes erfüllen: Zeilenabstand mindestens das 1,5-fache der Schriftgröße Abstand zwischen Absätzen mindestens das 2-fache der Schriftgröße

Teilweise

1.4.13 Inhalt bei Hover oder Fokus

Stufe AA Tooltips müssen bestimmte Eigenschaften erfüllen (die derzeit fehlen): Muss mit Esc geschlossen werden können Muss ohne Mausbedienung entfernt werden können Der Inhalt muss bleiben, bis der Benutzer ihn aktiv verlässt

2. Verwaltbar (CMS)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

2.1.1 Tastatur

Stufe A Die gesamte Seite muss ausschließlich mit der Tastatur bedienbar sein. Stufe AAA Dasselbe wie oben, jedoch ohne Ausnahmen.

Teilweise

2.1.2 Keine Tastaturfalle

Stufe A Wenn eine Komponente mit der Tabulatortaste angesteuert werden kann, muss es auch möglich sein, sie mit der Tabulatortaste zu verlassen.

2.1.4 Tastaturkurzbefehle mit einem Zeichen

Stufe A Wenn eine Komponente einen Tastaturkurzbefehl (z.B. eine einzelne Taste) hat, muss es möglich sein, diesen zu deaktivieren, neu zu definieren oder nur im Fokus zu aktivieren. Beispiel: Es sollte nicht mit Tasten kollidieren, die für Screenreader definiert sind.

2.2.1 Einstellbare Zeitvorgaben

Stufe AA Wenn der Inhalt zeitabhängig ist, muss es möglich sein, die Zeitbegrenzungen zu kontrollieren. Beispiel: Wenn eine Liste animiert ist (z.B. https://www.nordnet.se/onboarding), muss es eine Option geben, bei der die Animation pausiert oder durch statischen Inhalt ersetzt werden kann. Eine Zeitbegrenzung, bei der der Benutzer nach Inaktivität abgemeldet wird, muss verwaltbar sein.

2.2.2 Pausieren, stoppen, ausblenden

Stufe A Alle bewegten, blinkenden oder sich automatisch aktualisierenden Inhalte müssen pausiert, gestoppt oder ausgeblendet werden können.

2.3.1 Höchstens drei Blinkvorgänge

Stufe A Nichts darf mehr als dreimal pro Sekunde blinken, es sei denn, es liegt unter dem allgemeinen Grenzwert. Unsere grünen Kaufsymbole und roten Verkaufsindikatoren liegen unter diesem Grenzwert. Stufe AAA Keine Ausnahmen von dieser Regel.

2.4.1 Blöcke überspringen

Stufe A Wiederkehrende Inhaltsblöcke sollten auf mehreren Seiten übersprungen werden können. Beispiel: Mit der Tabulatortaste sollte es möglich sein, direkt nach Eingabe einer URL zu "Zum Hauptinhalt springen" zu navigieren. Unsere Suchfilter und Tabellen sollten nicht erfordern, dass man die gesamte Liste durchtabbt, um Ergebnisse oder Inhalte zu erreichen.

2.4.2 Seitentitel

Stufe A Alle Seiten müssen einen Titel haben, der den Inhalt und seinen Zweck beschreibt.

2.4.3 Keine unlogische Fokusreihenfolge

Stufe A Die Fokusreihenfolge mit der Tabulatortaste muss einer logischen Abfolge folgen.

2.4.4 Zweck des Links im Kontext

2.4.9 Zweck des Links (nur Linktext)

Stufe A Es muss klar ersichtlich sein, was passiert, wenn ein Link angeklickt wird. Stufe AAA Der Zweck des Links muss allein aus dem Linktext hervorgehen – Kontext darf nicht erforderlich sein.

2.4.5 Mehrere Wege

Stufe AA Der Benutzer sollte eine Seite auf mehr als eine Weise erreichen können, z.B. über die Suche oder das Menü.

2.4.6 Überschriften und Beschriftungen

Stufe AA Überschriften und Beschriftungen müssen den Inhalt klar beschreiben.

2.4.7 Sichtbarer Fokus

Stufe AA Bei der Tastaturnavigation muss immer sichtbar sein, wo sich der Fokus befindet.

2.4.8 Ort

Stufe AAA Es muss klar ersichtlich sein, wo man sich in der Struktur der Website befindet.

Nein

2.4.10 Abschnittsüberschriften

Stufe AAA Der Inhalt muss mit Überschriften organisiert werden, um Screenreadern die Arbeit zu erleichtern.

2.5.2 Zeigerabbruch

Stufe A Drücken oder Klicken muss vor dem Abschluss rückgängig gemacht werden können – z.B. durch Loslassen, bevor die Aktion ausgeführt wird.

2.5.3 Beschriftung im Namen

Stufe A Wenn eine sichtbare Beschriftung zu einem Eingabefeld gehört, muss auch der Name der Beschriftung im Code verwendet werden. Fehlt eine Beschriftung, wird die Anforderung nicht erfüllt.

Nein

2.5.5 Zielgröße

Stufe AAA Alle interaktiven Elemente müssen mindestens 44 × 44 Pixel groß sein.

Nein

3. Verständlich (CMS)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

3.1.1 Sprache der Seite

Niveau A Verwenden Sie keine unterschiedlichen Sprachen in Teilen des Inhalts, außer in besonderen Fällen wie technischen Begriffen oder Zitaten.

3.1.2 Sprache von Teilen

Niveau A Verwenden Sie keine unterschiedlichen Sprachen in Teilen des Inhalts, außer in besonderen Fällen wie technischen Begriffen oder Zitaten.

3.1.4 Abkürzungen

Niveau AAA Abkürzungen wie Depot oder ISK sollten maschinell über <abbr> oder Ähnliches erklärt werden können.

Nicht zutreffend

3.2.1 Fokusänderung

Niveau A Fokusänderungen dürfen nicht zu Kontextänderungen wie z.B. Seitenladevorgängen führen.

3.2.2 Eingabe

Niveau A Interaktionen mit Eingaben dürfen den Kontext nicht ändern, ohne dass der Benutzer vorher informiert wird.

3.2.3 Einheitliche Navigation

Niveau AA Navigation, Suche und Menüs sollten auf jeder Seite an derselben Stelle sein.

3.2.4 Einheitliche Bezeichnung

Niveau AA Symbole oder Beschriftungen, die dasselbe bedeuten, sollten zwischen den Seiten einheitlich sein.

3.3.1 Fehleridentifikation

Niveau A Fehlermeldungen sollten nicht nur durch Farbe signalisiert werden – auch Text ist erforderlich.

Nein

3.3.2 Beschriftungen oder Anweisungen

Niveau A Geben Sie immer eine Beschriftung oder Anweisung für Eingabefelder an.

Nein

3.3.3 Vorschläge bei Fehlern

Niveau AA Wenn ein Fehler auftritt, geben Sie einen Vorschlag zur Behebung – sofern dies die Sicherheit nicht gefährdet.

Nein

3.3.4 Fehlervermeidung (juristische, finanzielle Daten)

Niveau AAA Bevor der Benutzer z.B. juristische oder finanzielle Informationen sendet, sollte es eine Möglichkeit geben, die Angaben zu überprüfen und zu bestätigen.

Nicht zutreffend

4. Robust (CMS)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

4.1.1 Syntaxanalyse

Niveau A Code muss korrekt mit Start- und End-Tags strukturiert sein und darf keine doppelten Attribute enthalten. (Kann mit Lighthouse getestet werden.)

Teilweise

4.1.2 Name, Rolle, Wert

Niveau A Alle Benutzeroberflächenkomponenten (Formulare, Links, skriptgenerierte Komponenten) müssen Folgendes aufweisen: • einen Namen • eine Rolle • Werte, die von Hilfsmitteln identifiziert und verarbeitet werden können.

4.1.3 Statusmeldungen

Niveau AA Statusmeldungen, die nach einer Aktion angezeigt werden (z. B. Eingabefehler oder Suchergebnisse), müssen von Screenreadern identifiziert werden können, ohne den Fokus zu übernehmen.

Kontoübersichtsseite: Intro

Um die in Schweden festgelegten Anforderungen zu erfüllen, müssen wir sowohl die Kriterien der Stufe A als auch der Stufe AA erfüllen.

Wahrnehmbar
Bedienbar
Verständlich
Robust

1. Wahrnehmbar (Kontenübersichtsseite)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

1.1.1 Nicht-textueller Inhalt

Stufe A Alle nicht-textuellen Inhalte müssen eine zugängliche Textalternative haben.

Nein

1.2 Zeitbasierte Medien

Gilt für Audio- und Videoinhalte.

Nicht zutreffend

1.3.1 Information und Beziehungen

Stufe A Informationen, Struktur und Beziehungen, die visuell vermittelt werden, müssen von Hilfsmitteln interpretiert werden können oder als Text verfügbar sein. Der Zweck des Inhalts muss immer durch eine Textbeschreibung verständlich sein. Beispiel: Ein Fehler sollte mit Worten beschrieben werden, anstatt nur rot markiert zu werden.

Nein

1.3.2 Sinnvolle Reihenfolge

Nein

1.3.3 Sensorische Merkmale

Stufe A Größe und Farbe dürfen nicht als einziges Mittel zur Priorisierung von Text verwendet werden. Überschriften sollten nicht nur mit einem <span>-Element markiert werden, sondern Überschriftenelemente wie <h2> verwenden. Die Elemente sollten einer hierarchischen Struktur folgen, z.B. sollte <h3> unter einem <h2>-Element liegen. Ein weiteres Beispiel ist Text, der erklärt, wie man mit einem Tastendruck fortfährt: „Drücken Sie die Taste unten, um fortzufahren“, wobei die Taste klar identifizierbar sein und bei der Navigation nicht verschwinden darf.

1.3.4 Ausrichtung

Stufe AA Der Inhalt muss sowohl im Hoch- als auch im Querformat funktionieren.

1.3.5 Eingabezweck identifizieren

Stufe AA Für Eingabefelder, in denen der Nutzer z.B. seine E-Mail-Adresse eingibt, sollte der richtige Typ angegeben werden: type="email". Dies erleichtert dem Nutzer das Verständnis, was erwartet wird. Wenn es sich um ein Nummernfeld handelt, verwenden Sie z.B. type="number", um die numerische Eingabe auf dem Mobiltelefon zu ermöglichen.

Nein

1.4.1 Verwendung von Farbe

1.4.2 Audiosteuerung

Stufe A Wenn Audio automatisch länger als drei Sekunden abgespielt wird, muss es pausiert oder ausgeschaltet werden können.

1.4.3 Kontrast (Minimum)

1.4.6 Verbesserter Kontrast

1.4.3 – Stufe AA Mindestens 4,5:1 Kontrastverhältnis 1.4.6 – Stufe AAA Mindestens 7:1 Kontrastverhältnis

4,5:1 Nein

1.4.4 Textgröße ändern

Stufe AA Text (sowohl normaler Text als auch Text in Bildern) sollte bis zu 200 % vergrößert werden können, ohne dass Funktionalität verloren geht.

1.4.5 Bilder von Text

Stufe AA Vermeiden Sie die Verwendung von Bildern mit Text. Text muss von Screenreadern gelesen werden können.

1.4.10 Responsivität (Reflow)

Stufe AA Stellen Sie sicher, dass der Inhalt auch bei 400 % Zoom nur in eine Richtung gescrollt werden kann. AUSNAHME: wenn zweidimensionale Navigation erforderlich ist, z.B. auf einer Karte.

Nein

1.4.11 Kontrast für nicht-textuellen Inhalt

Stufe AA Beispiel: Wenn eine Komponente in einem bestimmten Zustand angezeigt wird, muss dies deutlich sein, z.B. dass ein ausgewählter Radiobutton eine klare Markierung haben sollte.

Nein

1.4.13 Inhalt bei Hover oder Fokus

Nein

2. Verwaltbar (Kontoübersichtsseite)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

2.1.1 Tastatur

Stufe A Die gesamte Seite muss ausschließlich mit der Tastatur bedienbar sein. Stufe AAA Wie oben, jedoch ohne Ausnahmen.

Nein

2.1.2 Keine Tastaturfalle

Stufe A Wenn Komponenten mit der TAB-Taste erreicht werden können, muss man sie auch mit der TAB-Taste VERLASSEN können.

2.1.4 Ein-Zeichen-Tastenkombinationen

Stufe A Wenn Komponenten spezielle Interaktionen über einzelne Tastendrücke haben, müssen diese deaktiviert, neu konfiguriert werden können oder den Fokus erfordern. Beispiel: Es dürfen keine Konflikte zwischen Tastenkombinationen und Screenreader-Tasten bestehen.

2.2.1 Einstellbare Zeitvorgaben

Stufe A Zeitgesteuerte Inhalte müssen kontrollierbar sein. Beispiel: Wenn Animationen in einer bestimmten Reihenfolge zeitgesteuert sind (z.B. nordnet.fi/onboarding), muss es eine Version geben, in der alles gleichzeitig angezeigt wird. Zeitlimits, bei denen der Nutzer nach Inaktivität abgemeldet wird.

Nein

2.2.2 Pausieren, stoppen, ausblenden

Stufe A Alle blinkenden, scrollenden oder aktualisierenden Inhalte müssen pausiert, gestoppt oder ausgeblendet werden können.

Nein

2.3.1 Maximal drei Blitze

Stufe A Nichts darf mehr als dreimal pro Sekunde blinken, es sei denn, es liegt unter den Schwellenwerten. Unsere Fehlermeldungen und roten Verkaufsindikatoren können in diese Kategorie fallen. Stufe AAA Keine Ausnahmen erlaubt.

2.4.1 Blöcke überspringen

Stufe A Wiederholte Blöcke auf der Seite müssen übersprungen werden können. Beispiel: Die TAB-Navigation zu „Zum Inhalt springen“ funktioniert nur TEILWEISE (nach Eingabe der URL). Die Navigation von Tabellen sollte funktionieren, ohne alles durchtabben zu müssen.

2.4.2 Seitentitel

Stufe A Seiten müssen Titel haben, die ihren Zweck beschreiben.

2.4.3 Keine unlogische Fokusreihenfolge

Stufe A Die Navigation mit der TAB-Taste muss in einer logischen Reihenfolge erfolgen.

Nein

2.4.4 Linkzweck im Kontext

2.4.9 Linkzweck (nur Linktext)

Stufe A Es muss klar ersichtlich sein, was passiert, wenn ein Link angeklickt wird. Stufe AAA Der Zweck des Links muss allein aus dem Linktext hervorgehen – Kontext darf nicht erforderlich sein.

2.4.5 Mehrere Wege

Stufe AA Der Nutzer muss eine Seite auf mehr als einem Weg erreichen können, z.B. über die Suche oder das Menü.

2.4.6 Überschriften und Beschriftungen

Stufe AA Überschriften und Beschriftungen müssen den Inhalt klar beschreiben.

Nein

2.4.7 Sichtbarer Fokus

Stufe AA Bei der Tastaturnavigation muss immer sichtbar sein, wo der Fokus liegt.

Nein

2.4.8 Ort

Stufe AAA Es muss klar ersichtlich sein, wo man sich in der Struktur der Website befindet.

2.4.10 Abschnittsüberschriften

Stufe AAA Der Inhalt muss mit Überschriften organisiert werden, um Screenreadern die Navigation zu erleichtern.

2.5.1 Zeigergesten

Stufe A Alle Funktionen, die eine präzise Interaktion mit mehreren Fingern (z.B. Pinch-Zoom) oder gestenbasierte Funktionen (z.B. das Zeichnen einer Kurve mit dem Finger) erfordern, müssen auch eine entsprechende Schaltfläche oder Steuerung haben.

2.5.2 Zeigerabbruch

Stufe A Ein Tippen oder Klicken muss rückgängig gemacht werden können, bevor es abgeschlossen wird – z.B. durch Loslassen, bevor die Aktion ausgeführt wird.

2.5.3 Beschriftung im Namen

Stufe A Wenn eine sichtbare Beschriftung zu einem Eingabefeld gehört, muss auch der Name der Beschriftung im Code verwendet werden. Fehlt die Beschriftung, wird die Anforderung nicht erfüllt.

Nein

2.5.5 Zielgröße

Stufe AAA Alle interaktiven Elemente müssen mindestens 44 × 44 Pixel groß sein.

3. Verständlich (Depot-Übersichtsseite)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

3.1.1 Sprache der Seite

Stufe A Die Sprache der Seite muss programmatisch mit dem Attribut lang im HTML-Element angegeben werden können.

3.1.2 Sprache von Teilen

Stufe AA Sprachen dürfen nicht gemischt werden, AUSSER in Fällen wie: "spezifische Begriffe, technische Konzepte, unbestimmte Wörter und Ausdrücke, die zu einem natürlichen Bestandteil der umgebenden Sprache geworden sind". Beispiel: Einige URL-Links enthalten Text auf Englisch anstelle von Finnisch.

3.1.4 Abkürzungen

Stufe AAA Es gibt ein Element , das zur Erklärung von Abkürzungen verwendet werden kann. Z.B. DEP bezieht sich auf "Aktien- und Fonds-Depot" und ISK bezieht sich auf "Investment Savings Account".

Nicht zutreffend

3.2.1 Fokus

Stufe A Eine Fokusänderung darf keine Kontextänderungen verursachen, z.B. dürfen Menüauswahlen nicht zu einem Seitenwechsel führen.

3.2.2 Eingabe

Stufe A Die Eingabe des Benutzers darf keine Kontextänderung verursachen, es sei denn, dies wurde im Voraus erklärt. Beispiel: Wenn der Benutzer aufgefordert wird, "Ja" auf die Frage zu antworten, ob er eine politisch exponierte Person ist, sollte das Modul verwendet werden, in dem der Benutzer seine Antwort bestätigt; dies entspricht nicht der Richtlinie.

3.2.3 Konsistente Navigation

Stufe AA Navigation, Suche und Navigationsverknüpfungen müssen auf jeder Seite an derselben Stelle platziert sein.

3.2.4 Konsistente Identifizierung

Stufe AA Elemente müssen konsistent identifiziert werden, z.B. dass dasselbe Symbol auf allen Seiten immer dasselbe bedeutet.

3.3.1 Fehleridentifizierung

Stufe A Verwenden Sie nicht nur rote Farbe zur Fehleranzeige, sondern auch Text.

3.3.2 Beschriftungen oder Anweisungen

Stufe A Verwenden Sie immer Beschriftungen und Platzhalter!

Nein

3.3.3 Korrekturvorschlag

Stufe AA Wenn ein Fehler auftritt, sollten Korrekturvorschläge gemacht werden, ES SEI DENN, dies würde ein Sicherheitsrisiko darstellen.

Nein

3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten)

Stufe AAA ALLE Punkte in der Liste müssen erfüllt werden. Rechtliche Formulare müssen vor dem Absenden überprüft werden, einschließlich der Bestätigung, und müssen immer rückgängig gemacht werden können.

Nicht zutreffend

4. Robust (Kontenübersichtsseite)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

4.1.1 Parsing

Stufe A Unser Code bricht in der Praxis nicht, daher wird diese Bedingung nicht erfüllt! Elemente müssen immer vollständige Start-/End-Tags usw. haben. (Kann mit Lighthouse getestet werden)

Teilweise

4.1.2 Name, Rolle, Wert

Stufe A „Alle

Benutzeroberflächenkomponenten

(z. B. Formularelemente, Links und mit Skripten erstellte Komponenten)

Name

und

Rolle

können

programmatisch bestimmt

werden; Zustände, Eigenschaften und Werte, die der Benutzer einstellen kann, können auch

programmatisch eingestellt

werden; und Änderungen an diesen müssen für

Hilfstechnologien

verfügbar sein.“ • Namen aller Eingabeelemente • Rolle, wo sie verwendet wird, z. B. bei Schaltflächen

4.1.3 Statusmeldungen

Stufe AA Beispiel: • Wenn eine Anfrage gesendet wird und fehlschlägt, wenn der Benutzer auf die Schaltfläche „Senden“ klickt, sollte ein FeedbackBanner-Feld als Fehlermeldung angezeigt werden. • Dies sollte dem Screenreader mitgeteilt und für den Benutzer so schnell wie möglich lesbar sein. • Bei einer Suche Elemente ankündigen, die über die Anzahl der Ergebnisse informieren, z. B. „Fünf Ergebnisse gefunden“.

Blog WCAG 2.1

Um die in Schweden festgelegten Anforderungen zu erfüllen, müssen wir sowohl die Kriterien der Stufe A als auch der Stufe AA erfüllen.

Wahrnehmbar
Bedienbar
Verständlich
Robust

1. Wahrnehmbar (Blog)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

1.1.1 Nicht-Text-Inhalt

Niveau A Alle Nicht-Text-Inhalte müssen eine Textalternative haben, die gleichwertig funktioniert.

Teilweise

1.2 Zeitbasierte Medien

Gilt für Audio- und Videoinhalte

Nein

1.3.1 Informationen und Beziehungen

Niveau A "Informationen, Struktur und Beziehungen, die visuell vermittelt werden, müssen auch programmatisch bestimmbar oder in Textform verfügbar sein." Der Zweck des Inhalts muss immer durch eine Textbeschreibung verstanden werden können. Beispiel: Ein Fehler sollte mit Worten beschrieben werden, nicht nur durch z.B. rote Farbe markiert werden.

1.3.2 Sinnvolle Reihenfolge

Niveau A Der Inhalt muss in einer sinnvollen Reihenfolge präsentiert werden, die keine Verwirrung stiftet. Beispiel: Wird der Inhalt in logischer Reihenfolge angezeigt, wenn man die Tab-Taste verwendet?

1.3.3 Sensorische Merkmale

Niveau A Größe und Farbe dürfen nicht als einzige Methode zur Unterscheidung von Textinhalten verwendet werden. Überschriften dürfen nicht nur mit <span> markiert werden, sondern müssen Überschriftenelemente wie <h2> verwenden. Elemente müssen einer hierarchischen Struktur folgen, z.B. muss <h3> unter <h2> liegen, etc. Ein weiteres Beispiel: Wenn man anweist, auf eine Schaltfläche zu klicken, um fortzufahren, muss die Schaltfläche klar definiert sein, damit der Benutzer weiß, welches Objekt gemeint ist.

Teilweise

1.3.4 Orientierung

Niveau AA Die Benutzeroberfläche muss sowohl im Hoch- als auch im Querformat nutzbar sein.

1.3.5 Zweck der Eingabe identifizieren

Niveau AA Felder, in denen der Benutzer beispielsweise eine E-Mail-Adresse eingeben soll, müssen mit type="email" gekennzeichnet werden. Felder müssen eine Beschriftung oder Beschreibung haben, die den Zweck erklärt. Wenn es sich um ein Telefonnummernfeld handelt, muss es mit type="tel" gekennzeichnet werden, um die mobile Nutzung zu erleichtern.

1.4.1 Verwendung von Farbe

Niveau A Farbe darf nicht die einzige Methode zur Informationsvermittlung sein. Beispiel: Eine farbcodierte Tabelle, die auch ohne Farben verstanden werden muss, sollte beispielsweise mit Textetiketten zugänglich gemacht werden.

Teilweise

1.4.2 Audiosteuerung

Niveau A Wenn Audio länger als drei Sekunden abgespielt wird, muss es ausgeschaltet werden können.

1.4.3 Kontrast (Minimum)

1.4.6 Kontrast (erweitert)

1.4.3 – Niveau AA Das Kontrastverhältnis zwischen Text und Hintergrund muss mindestens 4,5:1 betragen. 1.4.6 – Niveau AAA Das Kontrastverhältnis muss mindestens 7:1 betragen.

4,5:1 Teilweise

1.4.4 Textgröße ändern

Niveau AA "Mit Ausnahme von Text in Bildern und Text, der nicht geändert werden kann, muss die Textgröße auf bis zu 200 Prozent vergrößert werden können, ohne dass Inhalt oder Funktionalität verloren gehen."

1.4.5 Bilder, die Text präsentieren

Niveau AA Vermeiden Sie immer Text in Bildern, Text muss von Screenreadern gelesen werden können.

Nein

1.4.10 Responsivität

Niveau AA Stellen Sie sicher, dass Inhalte nur in eine Richtung gescrollt werden können, auch wenn sie auf 400 % gezoomt sind. AUSSER wenn zweidimensionale Navigation erforderlich ist, z.B. bei Karten.

1.4.11 Kontrast für Nicht-Text-Inhalt

Niveau AA Beispiel: Wenn eine Komponente in einem bestimmten Zustand angezeigt wird, darf es keine Unklarheit geben – der ausgewählte Radiobutton muss deutlich sichtbar sein.

1.4.12 Textabstand

Niveau AA Die Typografiekomponente muss diese Anforderungen erfüllen: • Zeilenabstand mindestens 1,5x Zeichengröße • Abstand nach Absatz mindestens 2x Zeichengröße.

Teilweise

1.4.13 Inhalt bei Fokus oder Hover

Niveau AA Unsere Symbolleiste benötigt folgende Eigenschaften (die derzeit fehlen): • muss mit der Esc-Taste geschlossen werden können • der Benutzer muss die Maus wegbewegen können, ohne dass der Inhalt verschwindet Der Inhalt darf erst verschwinden, wenn der Benutzer ihn aktiv verlässt.

Teilweise

2. Verwaltbar (Blog)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

2.1.1 Tastatur

Stufe A Die gesamte Seite muss ausschließlich mit der Tastatur bedienbar sein. Stufe AAA Dasselbe wie oben, jedoch ohne Ausnahmen.

Teilweise

2.1.2 Keine Tastaturfalle

Stufe A Wenn Komponenten mit der TAB-Taste erreicht werden können, muss man sie auch mit der TAB-Taste VERLASSEN können.

2.1.4 Einzelne Tastaturbefehle

Stufe A Wenn Komponenten spezielle Interaktionen über einzelne Tastendrücke haben, müssen diese deaktiviert, neu konfiguriert werden können oder Fokus erfordern. Beispiel: Es dürfen keine Konflikte zwischen Tastenkombinationen und Screenreader-Tasten bestehen.

2.2.1 Einstellbares Timing

2.2.2 Pausieren, stoppen, ausblenden

Stufe A Alle blinkenden, scrollenden oder aktualisierenden Inhalte müssen pausiert, gestoppt oder ausgeblendet werden können.

2.3.1 Nicht mehr als drei Blitze

2.4.1 Blöcke überspringen

2.4.2 Seitentitel

Stufe A Seiten müssen Titel haben, die ihren Zweck beschreiben.

2.4.3 Keine unlogische Fokusreihenfolge

Stufe A Die Navigation mit der TAB-Taste muss in einer logischen Reihenfolge erfolgen.

2.4.4 Zweck des Links im Kontext

2.4.9 Zweck des Links (nur Linktext)

Stufe A Es muss klar ersichtlich sein, was passiert, wenn ein Link angeklickt wird. Stufe AAA Der Zweck des Links muss allein aus dem Linktext hervorgehen – Kontext darf nicht erforderlich sein.

2.4.5 Mehrere Wege

Stufe AA Der Nutzer muss eine Seite auf mehr als eine Weise erreichen können, z.B. über die Suche oder das Menü.

2.4.6 Überschriften und Beschriftungen

Stufe AA Überschriften und Beschriftungen müssen den Inhalt klar beschreiben.

Teilweise

2.4.7 Sichtbarer Fokus

Stufe AA Bei der Tastaturnavigation muss immer sichtbar sein, wo der Fokus liegt.

2.4.8 Ort

Stufe AAA Es muss klar ersichtlich sein, wo man sich in der Struktur der Website befindet.

Nein

2.4.10 Abschnittsüberschriften

Stufe AAA Der Inhalt muss mit Überschriften organisiert werden, um Screenreadern die Arbeit zu erleichtern.

2.5.1 Zeigergesten

Stufe A Alle Funktionen, die eine präzise Interaktion mit mehreren Fingern (z.B. Zoomen durch Zusammenziehen) oder gestenbasierte Funktionen (z.B. Zeichnen einer Kurve mit dem Finger) erfordern, müssen auch eine entsprechende Schaltfläche oder Steuerung haben.

2.5.2 Auswahl mit Zeigegerät rückgängig machen

Stufe A Berührungen oder Klicks müssen rückgängig gemacht werden können, bevor sie abgeschlossen sind – z.B. durch Loslassen, bevor die Aktion ausgeführt wird.

2.5.3 Beschriftung im Namen

Stufe A Wenn eine sichtbare Beschriftung zu einem Eingabefeld gehört, muss auch der Name der Beschriftung im Code verwendet werden. Fehlt die Beschriftung, wird die Anforderung nicht erfüllt.

2.5.5 Zielgröße

Stufe AAA Alle interaktiven Elemente müssen mindestens 44 × 44 Pixel groß sein.

Nein

3. Verständlich (Blog)

Kategorie

Beschreibung und Beispiel

Erfüllt die Anforderung

3.1.1 Sprache der Seite

Niveau A Verwenden Sie keine unterschiedlichen Sprachen in Teilen des Inhalts, außer in besonderen Fällen wie technischen Begriffen oder Zitaten.

3.1.2 Sprache von Teilen

Niveau A Verwenden Sie keine unterschiedlichen Sprachen in Teilen des Inhalts, außer in besonderen Fällen wie technischen Begriffen oder Zitaten.

3.1.4 Abkürzungen

Niveau AAA Abkürzungen wie DEP oder ISK sollten maschinell über <abbr> oder Ähnliches erklärt werden können.

Nicht zutreffend

3.2.1 Fokusänderung

Niveau A Fokusänderungen dürfen nicht zu Kontextänderungen wie z.B. dem Laden einer Seite führen.

3.2.2 Eingabe

Niveau A Die Interaktion mit der Eingabe darf den Kontext nicht ändern, ohne dass der/die Nutzer:in im Voraus informiert wird.

3.2.3 Einheitliche Navigation

Niveau AA Navigation, Suche und Menüs sollten auf jeder Seite an derselben Stelle sein.

3.2.4 Einheitliche Bezeichnung

Niveau AA Symbole oder Beschriftungen, die dasselbe bedeuten, sollten zwischen den Seiten einheitlich sein.

3.3.1 Fehleridentifikation

Niveau A Fehlermeldungen sollten nicht nur durch Farbe signalisiert werden – Text ist ebenfalls erforderlich.

3.3.2 Beschriftungen oder Anweisungen

Niveau A Geben Sie immer eine Beschriftung oder Anweisung für Eingabefelder an.

Nein

3.3.3 Vorschlag bei Fehlern

Niveau AA Wenn ein Fehler auftritt, geben Sie einen Vorschlag zur Behebung – sofern dies die Sicherheit nicht gefährdet.

Nein

3.3.4 Fehlervermeidung (juristisch, finanziell)

Niveau AAA Bevor der/die Nutzer:in z.B. juristische oder finanzielle Informationen sendet, muss die Möglichkeit bestehen, die Daten zu überprüfen und zu bestätigen.

Nicht zutreffend

4. Robust (Blog)

Kategorie

Beschreibung und Beispiele

Erfüllt die Anforderung

4.1.1 Parsen

Niveau A Unser Code wird in der Praxis nicht gebrochen, daher ist diese Bedingung nicht erfüllt! Die Elemente müssen immer vollständige Start-/End-Tags usw. haben. (Kann mit Lighthouse getestet werden)

Teilweise

4.1.2 Name, Rolle, Wert

Niveau A „Alle

Benutzeroberflächenkomponenten

(z. B. Formularelemente, Links und mit Skripten erstellte Komponenten)

Name

und

Rolle

können

programmatisch bestimmt

werden; Zustände, Eigenschaften und Werte, die der Benutzer einstellen kann, können auch

programmatisch eingestellt

werden; und Änderungen daran müssen für

assistive Technologien

verfügbar sein.“ • Namen aller Eingabeelemente • Rolle wo verwendet, z. B. auf Schaltflächen

4.1.3 Statusmeldungen

Niveau AA Beispiel: • Wenn eine Anfrage gesendet wird und fehlschlägt, wenn der Benutzer auf die Schaltfläche „Senden“ klickt, sollte ein FeedbackBanner-Feld als Fehlermeldung angezeigt werden. • Dies sollte dem Screenreader mitgeteilt und für den Benutzer so schnell wie möglich lesbar sein. • Bei einer Suche sollten Elemente angekündigt werden, die über die Anzahl der Ergebnisse informieren, z. B. „Fünf Ergebnisse gefunden“.