Digitale Assessments von Grund auf für Barrierefreiheit entwerfen

Konzept zur Gestaltung der Barrierefreiheit im Internet

Webbasierte Anwendungen haben ein großes Potenzial, Menschen mit bestimmten körperlichen und kognitiven Behinderungen Lernmöglichkeiten zu eröffnen. Mit der zunehmenden Verbreitung des Online-Lernens steigen jedoch auch die Bedenken hinsichtlich der Barrierefreiheit, insbesondere für diese Personen. Web Accessibility in Mind schätzt, dass ein Fünftel der Bevölkerung in irgendeiner Form eine Behinderung hat. Und obwohl diese Personen möglicherweise Schwierigkeiten bei der Nutzung von Online-Anwendungen haben, riskieren Sie, einen bedeutenden Teil Ihrer Benutzer zu isolieren, wenn die Barrierefreiheit ein nachträglicher Gedanke ist, anstatt ein fester Bestandteil Ihres Bewertungsdesigns.

Die Investition in eine angemessene Barrierefreiheit und das Entwerfen von Bewertungen für die Barrierefreiheit von Grund auf erhöht nicht nur Ihre potenzielle Nutzerzahl, sondern stellt auch sicher, dass jeder Ihre Plattform problemlos nutzen kann. Sie ermöglicht es Browsern und unterstützenden Technologien, Inhalte auf verständliche Weise darzustellen.

Unterstützende Technologien

Assistive Technologie ist ein allgemeiner Begriff, der Hilfsmittel beschreibt, die von Menschen mit Behinderungen zur Bewältigung von Aufgaben verwendet werden. Einige dieser Technologien umfassen:

  • Bildschirmleser (JAWS für Windows, NVDA oder Voiceover für Mac)
  • Software zur Bildschirmvergrößerung
  • Textleser
  • Software für die Spracheingabe
  • Alternative Eingabegeräte

Durch die Darstellung von Inhalten in einer alternativen Form unterstützen diese Technologien den Benutzer beim Schreiben, Buchstabieren, Lesen und Navigieren.

Es ist wichtig, dass digitale Bewertungen mit Standards übereinstimmen, die es assistiven Technologien ermöglichen, Inhalte zu interpretieren und richtig wiederzugeben. Die Web Accessibility Initiative (WAI) bietet Informationen darüber, wie verschiedene Arten von Benutzern im Web surfen und welche Technologien verwendet werden.

Digitale Barrierefreiheit

Barrierefreiheit beim Online-Lernen gewinnt als wichtiger Teil der Benutzererfahrung immer mehr an Bedeutung. Sie sollte als grundlegendes Fundament betrachtet werden, auf dem Sie alle Aspekte Ihrer Bewertungsplattform aufbauen.

Während der Begriff "Barrierefreiheit" für verschiedene Menschen unterschiedliche Bedeutungen hat, definiert das World Wide Web Consortium (W3C) Barrierefreiheit so, dass Menschen mit Behinderungen das Web wahrnehmen, verstehen, navigieren, mit ihm interagieren und zu ihm beitragen können.

Bei der digitalen Barrierefreiheit geht es um technische Vorkehrungen. Es geht darum, wie Sie Ihre digitale Bewertungsplattform implementieren und um die Tools, die Sie für die Erstellung und Bereitstellung von Inhalten verwenden. Aber bei der Gestaltung von Online-Assessments für Barrierefreiheit geht es nicht nur um Techniken. Die Art und Weise, wie Sie Ihre Bewertung kommunizieren - von der Wortwahl bis hin zur Verwendung von Bildern und Grafiken - beeinflusst ebenfalls die Barrierefreiheit.

Durchgängiges Design

Aus Gründen der Barrierefreiheit ist es wichtig, dass die Bewertungsoberfläche in der gesamten Anwendung konsistent ist. Globale Elemente wie Seitennummerierung, Fragen und Hilfe sollten innerhalb der Anwendung einheitlich erscheinen. Es ist auch wichtig, dass Elemente mit der gleichen Funktion, wie z. B. Buchmarkierungen, Notizblöcke und Taschenrechner, auf jeder Seite auf die gleiche Weise angeordnet und beschriftet sind.

Navigation

Damit Benutzer ein Online-Assessment abschließen können, sollte es mehr als einen Weg geben, sich durch eine Reihe von Fragen zu bewegen. Ein Benutzer kann seinen Weg finden, indem er durch die vorgesehene Hierarchie navigiert, aber er sollte auch in der Lage sein, eine Seite oder einen Bildschirm über einen Index, eine Liste oder eine Suchfunktion zu finden. So können Benutzer ihre Tastatur benutzen, um genau das zu finden, wonach sie suchen.

Überschriften und Titel

Berücksichtigen Sie bei der Gestaltung des Erscheinungsbildes eines Tests, dass manche Benutzer sich keinen visuellen Überblick über eine Frage verschaffen können. Vielmehr müssen sie dies strukturell tun. Screenreader-Benutzer verwenden oft eine Tastenkombination, um alle Überschriften auf der Seite zu hören oder um auf eine Liste aller Überschriften zuzugreifen, zu denen sie einfach springen können.

Make sure to divide the experience into logical sections, each with a heading that describes that part of the assessment. This allows assistive technologies to render them as section headings. To do this properly, you must tag these sections with headings such as <h1>, <h2>, <h3>.

An Stellen, an denen Sie einen Bereich logisch und visuell durch Fettschrift/große Schrift/eine andere Farbe hervorheben wollen, sollten Sie die Überschrift auch im Code hervorheben. Auf diese Weise funktioniert die Überschrift nicht nur visuell, sondern auch strukturell.

Verwendung von Farbe

Eine Bewertungsseite, auf der Informationen, Testaufgaben oder Ergebnisse ausschließlich durch Farbe dargestellt werden, ist für farbenblinde Benutzer frustrierend und ineffektiv. Zum Beispiel sollte die Darstellung von Links im Text über eine andere Farbe hinausgehen. Außerdem werden Fehlermeldungen typischerweise in Rot dargestellt. Dies kann es für Menschen mit Farbenblindheit schwierig machen, sie eindeutig zu interpretieren. Ergänzen Sie diese Links oder Meldungen durch unterstrichenen Text, Ikonographie usw.

Damit sehbehinderte Benutzer den gesamten Text auf einer Seite lesen können, ist es wichtig, dass die Farbe des Textes und die Farbe des Hintergrunds in ausreichendem Kontrast zueinander stehen. Dies können Sie erreichen, indem Sie das geforderte Kontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text einhalten. Es gibt eine Reihe von Werkzeugen, die bei der schnellen Messung des Kontrastverhältnisses helfen.

Prüfgegenstände

Bei der Gestaltung von Testaufgaben sollte für den Benutzer klar sein, welche Aktionen er ausführen soll. Textfelder, Dropdowns, Kontrollkästchen und Optionsfelder sollten immer mit einem beschreibenden Text verbunden sein. Zum Beispiel muss eine Eingabefeldbeschriftung wie "Frage 1" oder die Antworten "A", "B" oder "C" kodiert werden (mit ARIA), um sie mit dem Eingabefeld zu verknüpfen. Dadurch kann der Screenreader die Beschriftung ansagen, wenn der Benutzer mit einer Tastatur oder Maus in das Eingabefeld tippt.

Tastatur-Navigation

Alle Inhalte innerhalb eines Assessments sollten sowohl mit einer Computermaus als auch allein mit der Tastatur navigierbar sein. Dies gilt für Fragen, Antworten, Schaltflächen, Links usw.

Einige Benutzer sind nicht in der Lage, eine Computermaus zu benutzen und verwenden stattdessen eine Tastatur oder ein "Schaltsteuerungsgerät", um mit Hilfe von Tabulatoren durch den Inhalt zu navigieren. Da diese Benutzer in der Lage sein müssen zu sehen, wo sie sich auf der Seite befinden, sollte ein Indikator immer visuell erkennbar sein. (Hinweis: Die meisten Browser zeigen dies automatisch mit einer gepunkteten Linie um den im Fokus befindlichen Inhalt an). Es ist auch möglich, dies auf eine benutzerdefinierte Weise zu handhaben. Es ist jedoch am besten, die standardmäßig sichtbare Umrandung beizubehalten, da dies das ist, was die meisten Leute erwarten. Fügen Sie in jedem Fall KEINEN Code hinzu, um den sichtbaren Indikator zu entfernen!

Benutzer-Eingabe

Wenn der Benutzer Informationen in ein Feld eingeben muss, stellen Sie sicher, dass er Anweisungen zur korrekten Eingabe des Textes erhält. Stellen Sie außerdem sicher, dass der Benutzer benachrichtigt wird, wenn er einen Fehler macht. Eine sofortige Benachrichtigung ist für alle Benutzer besser als eine Benachrichtigung nach dem Absenden. Denken Sie daran, bei der Anzeige von Fehlermeldungen nicht nur Farbe, wie z. B. Rot, zu verwenden. Verwenden Sie das Wort "Fehler" oder machen Sie in der Beschreibung deutlich, dass ein Fehler aufgetreten ist. Geben Sie auch eine Beschreibung an, wie Sie das Problem beheben können.

Grafiken

Wenn Bereiche der Bewertung Nicht-Text-Elemente enthalten - z. B. Bilder, Grafiken oder eingebettete Videos - ist eine der wichtigsten Regeln, eine Textalternative bereitzustellen, die den Zweck des Elements beschreibt.

Und schließlich...

Durch die Implementierung dieser Techniken und Strategien wird ein höherer Prozentsatz der Benutzer in der Lage sein, ihre Bewertungen online zu konsumieren, sich damit zu beschäftigen und sie schließlich abzuschließen. Wenn Sie diese Investitionen in Design und Funktionalität tätigen, wird Ihre Benutzerbasis wachsen und letztendlich zu einer Online-Assessment-Lösung führen, die für alle offen ist.

Erfahren Sie mehr über die Gestaltung von Online-Assessments für Barrierefreiheit