Wakelet (Android)

1. Home
   • Schaltfläche „+“
   • Schaltfläche „Create Collection“
2. Create Collection
   • Eingabe bei „Collection Title“: „Barrierefreiheit“
   • Schaltfläche „Create“
3. Barrierefreiheit
   • Schaltfläche „...“
   • Schaltfläche „Edit“
4. Edit Collection
   • Schaltfläche „Layout / Media View“
   • Schaltfläche „Columns“
   • Schaltfläche „Save“
5. Barrierefreiheit
   • Schaltfläche „+ Add columns“
6. Add Column
   • Eingabe bei „Column title“: „noch zu lesen“
   • Schaltfläche „Save“

Zunächst muss eine geeignete Webseite mit einem Browser besucht werden. Dort kann die URL aus der Adresszeile in die Zwischenablage eingefügt werden.

1. Home
   • Schaltfläche „Barrierefreiheit“ (zuvor angelegte Sammlung)
2. Barrierefreiheit
   • Schaltfläche „+“ unter der Spalte „noch zu lesen“
   • Schaltfläche „Add from Clipboard“

1. Home
   • Schaltfläche „Barrierefreiheit“ (zuvor angelegte Sammlung)
2. Barrierefreiheit
   • Schaltfläche „...“
   • Schaltfläche „Invite“
3. Contributors
   • Schaltfläche „Join code“
4. Join Code
   • Schaltfläche „Share code“
   • Schaltfläche für App zum Teilen anklicken

Erreichbarkeit

Ablauf 1, Ansicht 4: Edit Collection

• Die Schaltfläche „Layout“ kann mit der Tab-Taste nur umständlich erreicht werden, da das davorliegende Beschreibungsfeld die Tab-Taste abfängt. Das Verlassen des Textfeldes gelingt nur mit der Tastenkombination strg+Tab. Dieses Verhalten ist unüblich.

Reihenfolge

Alle Abläufe, Alle Ansichten mit Dialogfenster

• Die sich öffnenden Dialogfenster bekommen nicht sofort den Tastaturfokus. Erst durch mehrmaliges Drücken der Tab-Taste können die Felder des Dialogfensters erreicht werden.

Ablauf 1, Ansichten 2, 4 und 6: Create Collection, Edit Collection und Add Column

• Die Schaltflächen zum Erzeugen („Create“) und Speichern („Save“) sind am Beginn des Dialogs noch vor den Eingabefeldern angeordnet. Nach dem Beenden der Eingabe müssen sich die Nutzenden mit der Tab-Taste rückwärts durch das gesamte Formular zurück zur („Save“)-Schaltfläche bewegen.

Visueller Fokus

Alle Abläufe,

• Die Sichtbarkeit des Tastatur-Fokus ist an mehreren Stellen undeutlich. Die gewählten Farb- und Hintergrundänderungen haben einen zu niedrigen Kontrast. Zusätzlich scheinen sich bei geöffneten Dialogfenstern die Formularfelder im Hintergrund immer noch in der Tab-Reihenfolge zu befinden (siehe „Reihenfolge“), hier ist nicht ersichtlich, wo sich der Fokus befindet.

Typ (Link/Schaltfläche) wird angesagt

Ablauf 1, Ansicht 1: Home

• Die Schaltfläche „Create Collection“ wird nicht als Schaltfläche vorgelesen. Im weiteren Verlauf kommen noch weitere Schaltflächen vor, die nicht als solche vorgelesen werden.

Ablauf 2, Ansicht 2: Barrierefreiheit (Titel der Sammlung)

• Die Schaltfläche „Add from Clipboard“ wird nicht als Schaltfläche vorgelesen.

Sinnvoll beschriftet

Ablauf 1, Ansicht 4: Edit Collection

• Das Feld zum Hinzufügen eines Bildes wird lediglich als „Add“ vorgelesen. Da keine Verbindung zur Beschriftung „Cover Image“ besteht, wird für Screenreader-Nutzende nicht ersichtlich, was hinzugefügt werden soll.

Ablauf 2, Ansicht 2: Barrierefreiheit (Titel der Sammlung)

• Hier werden alle Schaltflächen zum Hinzufügen eines Elements lediglich als „Add“ vorgelesen. Der Name der Spalte, in die das Element hinzugefügt werden soll, wird nicht vorgelesen. Die Schaltflächen sind nicht unterscheidbar.

Ablauf 3, Ansicht 2: Barrierefreiheit (Titel der Sammlung)

• Alle Schaltflächen, die mit „...“ beschriftet sind, werden als „Menü“ vorgelesen und sind nicht unterscheidbar.

Sichtbare Beschriftungen werden angesagt

Alle Abläufe

• nicht kritisch: Die Schaltflächen mit den Beschriftungen „+“ und „...“ müssen als „Add“ beziehungsweise als „Menü“ angesprochen werden.

Alle Bilder besitzen eine Textalternative

Alle Abläufe

• Alle Bilder in den Sammlungen werden grundsätzlich als dekorative Grafiken behandelt. Beim Einfügen von Webseiten, Bildern oder anderen Elementen können keine Alternativtexte angegeben werden.
  Hinweis: Um die Inhalte barrierefrei nutzbar zu machen, sollten Nutzende beim Einfügen von Bildern zum Beispiel deren Inhalte in der Bildbeschreibung wiedergeben.

Sinnvoll beschriftet

Ablauf 1, Ansicht 2: Create Collection und Ansicht 4: Edit Collection

• Die Beschriftung der Textfelder werden nicht vorgelesen, es werden lediglich die Platzhalter, bzw. der Inhalt der Textfelder vorgelesen.

Pflichtfelder markiert

Ablauf 1, Ansicht 2: Create Collection

• Der Titel ist ein Pflichtfeld und wurde nicht entsprechend gekennzeichnet. Die „Create“-Schaltfläche über dem Eingabefeld wird erst aktiv, wenn eine Eingabe getätigt wurde.

Sichtbare Beschriftungen werden angesagt

Ablauf 1, Ansicht 2: Create Collection

• Die Beschriftung der Textfelder wird nicht vorgelesen.

Kontrast

Ablauf 1, Ansicht 2: Create Collection

• Die Beschriftung des Textfeldes „Collection Title“ hat einen zu niedrigen Kontrast.

Ablauf 1, Ansicht 4: Edit Collection

• Die Beschriftungen der Formularfelder haben zu niedrige Kontraste.