TaskCards

Ein eigenständiges Navigieren ist aufgrund verschiedener Barrieren schwer.

Barrieren

• Beschriftung von Schaltern:
  • Alle Schalter/Buttons sind unbeschriftet. Es lässt sich deshalb nur erraten, welche Aktion damit ausgelöst werden. Ausnahme: Kontaktkarte Schalter „Schreibe eine Nachricht“.
  • Wenn Nutzende eine Karte angelegt haben, können sie Titel und Text eingeben, diese Felder sind beschriftet. Alle anderen Funktionen sind unbeschriftete Schalter. Das Kontextmenü, mit dem man Karten bearbeiten kann, lässt sich mit dem Screenreader nicht erreichen.
• Es gibt keine semantisch ausgezeichneten Überschriften auf den Boards, die von Screenreadern erkannt werden. Ausnahme sind Überschriften, die in den Text von Karten eingebaut werden können.
  • Die Titel der Karten und Spalten werden nicht als Überschriften erkannt.
  • Der Übergang von Karte zu Karte ist deshalb unklar. Es wird nicht angesagt, wann eine Karte beginnt bzw. endet.
  • Karten lassen sich deshalb nicht gezielt ansteuern.
• Die Reihenfolge, in der man sich durch das Board bewegt, ist je nach Format unterschiedlich.
  • Zeitleiste: Nutzende werden in der Reihenfolge der Zeitleiste durch die Posts geführt, wenn sie sich mit Pfeiltasten durch das Board bewegen.
  • Pinnwand: Mit der Pfeiltaste bewegen die Nutzenden sich von links oben nach rechts unten durch die Posts. Die Spaltenüberschriften sind nicht als solche zu erkennen und können auch nicht einzeln angesprungen werden. Screenreader-Nutzende können deshalb das Ordnungssystem der Pinnwand nicht erkennen.
  • Tafel: Die Reihenfolge, in der man von Karte zu Karte springt, folgt keiner Regel. Es ist nicht möglich, in angemessener Zeit einen bestimmten Post zu finden. Die Verbindungslinien zwischen den Karten sind nicht wahrnehmbar.
• Es ist nicht möglich, Alternativtexte für hochladbare Bilder und Grafiken einzugeben.

Hinweise für Nutzende

Screenreader-Nutzende werden TaskCards auch mit Tipps und Hinweisen nicht eigenständig nutzen können. Diese Hinweise unterstützen sie dabei, sich auf dem Board zu orientieren.

• Auf TaskCards kann man sich nicht von Überschrift zu Überschrift bewegen. Mit der Tab-Taste gelangt zu unbeschrifteten Schaltern. Zum Lesen des Boards gibt zwei Wege, die beide nicht komfortabel sind:
  • Mit den Pfeiltasten erreichen Nutzende alle Karten. Man erkennt den Anfang einer Karte daran, dass nach einer nicht ausgezeichneten Überschrift ein unbeschrifteter Schalter angesagt wird. Dann folgt der Kartentext.
  • Die Karten haben alle einen Schalter, mit denen die fokussierte Karte in einem Fenster geöffnet werden kann. Karten lassen sich deshalb erkennen und lesen, indem man sich mit Tab-Taste von Schalter zu Schalter bewegt und das Kartenfenster öffnet. Zum Schließen des Kartenfensters muss man sich wieder zurück zum Schalter bewegen.
• Bewerten und Kommentieren einer Karte funktioniert nur über Umwege:
  • Wenn die Karte eine Kommentier- und Bewertungsfunktionsfunktion hat, werden nach einer Linie die Anzahl der Kommentare und Bewertungen vorgelesen, allerdings ohne weitere Erklärung, es wird nur eine Zahl angesagt.
  • Wenn man die Zahl aktiviert, werden die Kommentare vorgelesen. Lediglich ein Screenreader-Ton weist die Nutzenden darauf hin, dass sie sich in einem Formularfeld befinden und einen Kommentar schreiben können. (Screenreader haben Lese- und Formularmodi, der Formularmodus wird mit einem Ton eingeleitet, wenn man sich in ein Eingabefeld begibt.) Der Schließen-Schalter des Fensters ist unbeschriftet und lässt sich durch Zurückgehen mit der Tab-Taste erreichen.
• Der Schalter zum Anlegen einer neuen Karte befindet sich am Ende des Boards. Er kann mit Strg + End erreicht werden, aber er ist auch unbeschriftet. Dann lässt sich ein Titel und ein Text eingeben. Die anderen Gestaltungsoptionen verbergen sich hinter unbeschrifteten Schaltern.

Barrieren

• Mit der Tastatur lassen sich alle Karten und Buttons erreichen und Karten bearbeiten.
• Da es keinen Sprunglink oder Shortcut gibt, ist der Weg zum Posten einer Karte sehr lang, da der Button ganz am Ende des Boards platziert ist.
• Das Bearbeiten der Karte funktioniert vollständig nur über das Fenster zum Bearbeiten, wenn der Stift-Symbol aktiviert wird. Direkt auf der Karte kann kein Titel eingegeben werden.
• Die Tab-Reihenfolge ist nicht immer sinnvoll:
  • In die Bedienleiste der aktiven Karte kommt man nur durch Rückwärtsgehen mit der Tab-Taste (Umschalt + Tab).
  • Die Tab-Reihenfolge von Karte zu Karte ist im Format Tafel undurchsichtig.
• Karten lassen sich mit der Tastatur nicht verschieben.
• Kommentieren und Liken ist mit der Tastatur nicht möglich.
• Der Tastaturfokus ist meisten nur schwach sichtbar.
  • Welche Karte aktiviert ist, ist nur daran zu erkennen, dass die obere Bedienleiste erscheint.
  • Die Bedienelemente in der oberen Leiste sind nur sehr schwach unterlegt.
  • Der Fokus ist auf der Kontaktkarte „Nachricht schreiben“ fast nicht zu erkennen.

Hinweise für Nutzende

Man bewegt sich durch das Board von Karte zu Karte mit der Tab-Taste. Welche Karte gerade aktiviert ist, lässt sich nur daran erkennen, dass oberhalb der Überschrift die Bedienleiste erscheint (siehe Screenshot 1).

Der Button zum Erstellen einer neuen Karte ist ganz am Ende des Boards, es gibt keinen Shortcut. Vollständig bearbeiten lassen sich die Karten nur im „Karte bearbeiten“-Fenster. Dazu bewegt man sich mit Shift+Tab in die Bedienleiste der Karte zum Stift-Symbol (siehe Screenshot 2, linkes Bild) und öffnet das Bearbeitungsfenster (siehe Screenshot 2, rechtes Bild).

Mit der Sprachsteuerung lassen sich grundlegende Funktionen erreichen und bedienen, viele andere Funktionen sind jedoch nicht erreichbar. Nutzende können Karten anlegen und über das Bearbeiten-Menü Titel und Text eingeben.

Barrieren

• Viele Funktionen sind mit der Sprachsteuerung nicht erreichbar.
  • Die obere Bedienleiste zum Bearbeiten der aktiven Karte ist nicht erreichbar, ebenso wenig die Sidebar.
  • Kommentieren und Liken ist nicht möglich.
  • Karten können nicht verschoben werden.
  • Links lassen sich nicht einfügen.

Die Nutzung der Boards funktioniert mit Vergrößerungen und Farbinvertierungen gut.

Barrieren

• Der Scrollbalken ist sehr klein, deshalb ist es bei starker Vergrößerung schwer zu erkennen, wo das Board endet.
• Der Fokus ist bei aktivierten Bedienelementen schwer zu erkennen. Das Kontrastverhältnis liegt zwischen 1,2:1 und 1,4:1, vorgeschrieben ist 3:1.
• Beim Houvern mit der Maus über Bedienelemente ist der Fokus sehr schwach.
• Format Tafel: Die Verbindungslinien zwischen den Karten können bei starker Vergrößerung nur schlecht wahrgenommen werden.

9.1 Wahrnehmbar

9.1.1 Textalternativen
9.1.1.1a Alternativtexte für Bedienelemente

Sämtliche Bedienelemente sind unbeschriftet. Einzige Ausnahme: Kontaktkarte Schalter („Schreibe eine Nachricht“)

9.1.1.1b Alternativtexte für Grafiken und Objekte

Es ist nicht möglich, bei Karten für hochgeladene Bilder, Grafiken oder Videos Alternativtexte einzugeben.

Format Tafel: Die Verbindungslinien zwischen den Karten sind für Screenreader nicht wahrnehmbar. Deshalb wird empfohlen, zusätzlich eine Verknüpfungsliste anzubieten, mit der man sich innerhalb einer Karte eine Liste der verknüpften Karten anzeigen lassen kann

9.1.3 Anpassbar
9.1.2.1a Überschriften

Auf den Boards gibt es keine semantisch ausgezeichneten Überschriften.

Die Titel der Karten sind semantisch nicht als Überschriften ausgezeichnet und können deshalb auch nicht vom Screenreader gezielt angesteuert werden.

Beim Format Pinnwand sind die Spaltenüberschriften nicht als Überschriften ausgezeichnet und können deshalb auch nicht vom Screenreader gezielt angesteuert werden.

Es wird eine sinnvolle Hierarchie der Überschriften empfohlen:

• Titel der Pinnwand H1,
• Überschriften der Spalten H2,
• Überschriften der Karten H3.

Dementsprechend dürfen Überschriften innerhalb der Karten erst mit H4 beginnen. Entsprechend müssen im Bearbeitungsfenster die Formatierungsmöglichkeiten der Überschriften angepasst werden, damit die Autor*innen keine Überschriften H1 bis H3 auswählen können.

9.1.1.1d Inhalte gegliedert

Absätze auf den Karten sind nicht immer mit [p] ausgezeichnet, Hervorhebungen in fett nicht mit [strong] und in kursiv nicht mit [em].

9.1.3.2 Sinnvolle Reihenfolge

Im Format Tafel wird man nicht in einer sinnvollen Reihenfolge durch das Board geführt. Dies wirkt sich vor allem für Nutzende negativ aus, die mit assistiven Technologien arbeiten (Screenreader, Mausalternativen, Tastaturbedienung).

9.1.4 Unterscheidbar
9.1.4.11 Kontraste von Grafiken und grafischen Bedienelementen ausreichend

Im Format Tafel können die schmalen Verbindungslinien zwischen den Karten bei starker Vergrößerung nur schlecht wahrgenommen werden.

9.2 Bedienbarkeit

9.2.1 Per Tastatur zugänglich
9.2.1.1 Ohne Maus nutzbar

Nicht alle Funktionalitäten können mit der Tastatur erreicht werden: Es lässt sich nicht kommentieren und liken, Karten lassen sich nicht verschieben (Format Tafel).

9.2.2.2 Bewegte Inhalte abschaltbar

Stellen die Autor*innen der Pinnwand eine Animation ein, können Nutzende sie nicht abschalten.

9.2.4 Navigierbar
9.2.4.1 Bereiche überspringbar

Die Spalten und Karten sind nicht als Überschriften semantisch ausgezeichnet und können deshalb nicht direkt angesprungen werden.

Es gibt keine Sprunglinks, die zum Beispiel direkt zum Button „Neue Karte erstellen“ führen.

9.2.4.3 Schlüssige Reihenfolge der Tastaturbedienung

Beim Format „Pinnwand“ gibt es keine schlüssige Reihenfolge bei der Tastaturbedienung. Es empfiehlt sich eine schnelle Erreichbarkeit des Schalters, um eine neue Karte anzulegen, etwa durch eine Anordnung ganz vorne, einen Sprunglink oder ein Tastaturkürzel.

9.2.4.6 Aussagekräftige Linktexte

Es ist Autor*innen nicht möglich, aussagekräftige Linktexte anzulegen.

9.2.4.5 Alternative Zugangswege

Es gibt keine alternativen Zugangswege, um die Inhalte des Boards zu erreichen.

9.2.4.7 Aktuelle Position des Fokus deutlich

Der Fokus ist fast immer zu schwach und entspricht nicht den Kontrastvorschriften, die ein Verhältnis von 3:1 vorschreiben.

9.2.5 Eingabemodalitäten
9.2.5.3 Sichtbare Beschriftung Teil des zugänglichen Namens

Sichtbare Beschriftungen von Bedienelementen sollen im zugänglichen Namen des Bedienelements vorkommen. Dies ist häufig nicht erfüllt, was ein Grund für die schlechte Bedienbarkeit mit der Sprachsteuerung ist.

9.3 Verstehbar

9.3.1 Lesbar
9.3.1.2 Anderssprachige Wörter und Abschnitte ausgezeichnet

Es ist für Autor*innen nicht möglich Abschnitte und Sätze in einer anderen Sprache auszuzeichnen. Englische Zitate werden Screenreader-Nutzenden deshalb in Deutsch vorgelesen.

9.4 Robust

9.4.1.2 Name, Rolle, Wert verfügbar

Es wird empfohlen, eine semantische HTML-Segmentierung zu implementieren, um die Navigation zu verbessern, die nicht auf dem Mauszeiger basiert. Pop-up-Elemente erfordern fokussierbare Komponenten.

11.8 Autorenwerkzeug
11.8.2 Barrierefreie Erstellung von Inhalten

Wenn es sich bei der zu testenden Webanwendung um ein Autorenwerkzeug handelt, soll die Anwendung die Erstellung von barrierefreien Dokumenten erlauben und die Nutzenden dabei unterstützen.

Dies ist in einigen Punkten nicht gewährleistet:

• Es können keine Alternativtexte für Bilder eingegeben werden.
• Es können keine sprechenden Linktexte erstellt werden.
• Man kann bei Texten keine Sprache auszeichnen.
• Die möglichen Überschriftenhierarchien müssen entsprechend angepasst werden.