Beiträge

Accessibility Testing – Das Web-Zugänglichkeits-Gesetz und seine Folgen für Unternehmen

Barrierefreiheit und „Design for All ist ein Thema, welches immer mehr an Relevanz gewinnt und heute zur digitalen Strategie eines jeden Unternehmens gehört. Die rechtliche Umsetzung von inklusivem Webdesign für Webseiten und Apps war lange Zeit nicht geregelt, durch das Inkrafttreten des neuen Web-Zugänglichkeits-Gesetz (WZG) ist die barrierefreie Gestaltung von Webseiten und mobilen Anwendungen jedoch zur gesetzlichen Verpflichtung geworden.

Unternehmen die eigene Webseiten betreiben oder Apps anbieten sind nun gefragt, diese einem Accessibility Test zu unterziehen und nötige Anpassungen vorzunehmen. Auf welche Art und Weise der Accessibility Test durchgeführt werden kann, welche Aspekte hierbei zu beachten sind und wo Unternehmen Unterstützung bei der Durchführung erhalten stellen wir Ihnen im Folgenden übersichtlich dar.

Accessibility Review & Web-Zugänglichkeits-Gesetz

Österreichische Unternehmen müssen als Konsequenz auf das Inkrafttreten des Web-Zugänglichkeits-Gesetz (WZG) ein Zertifikat erwerben, welches bestätigt, dass ihre Webseite oder App barrierefrei ist. Vorab können Unternehmen anhand einiger Faktoren einen Selbsttest durchführen und anhand der neuen Kriterien definieren welche Anpassungen nötig sind, oder alternativ über einen Experten wie TechTalk einen solchen Test durchführen lassen. 

TechTalk ist Experte für Accessibility und das Testen von Accessibility in Apps und auf Webseiten. Wir unterstützen Unternehmen bei der Durchführung von Accessibility Tests ihrer Webseiten und Apps. Nehmen Sie Kontakt mit uns auf uns lassen Sie sich beraten.

Barrierefreiheit & Design – Web Accessibility in der Praxis

Inklusion und Barrierefreiheit spielen auch in der Wirtschaft sowie in der öffentlichen Verwaltung eine immer größere Bedeutung – nun hat auch der Gesetzgeber erkannt, dass Menschen mit Beeinträchtigungen in vielfacher Art und Weise Diskriminierung im Internet erleben.

Einen guten Einstieg in das Thema Accessibility Test erhalten Sie hier:

Das Betrachten von Inhalten in Apps und auf Webseiten kann für Menschen mit Beeinträchtigungen zu Komplikationen führen. Mit Hilfe einer Zumutbarkeitsprüfung können Unternehmen ermitteln, ob beim Betrachten einer Webseite oder App Barrieren bestehen und somit eine Diskriminierung vorliegt. Im Folgeschritt wird die Gestaltung der Seite unter die Lupe genommen und soweit wie möglich angepasst.

Eine 100% Anpassung mag nicht immer möglich sein. Ziel der Initiative ist es jedoch, dass möglichst viele Inhalte im Internet barrierefrei dargestellt werden und auf diese Weise zu mehr Inklusion von Menschen mit vermindertem Sehvermögen erreicht wird.

Web-Zugänglichkeits-Gesetz – Auswirkung auf Unternehmen

Gemäss des Web-Zugänglichkeits-Gesetzes müssen alle Webseiten des Bundes oder einer seiner Einrichtungen, die nach 23.9.2019 veröffentlicht wurden die im WZG aufgeführten Kriterien erfüllen. Für ältere Webseiten gilt die Frist 23.9.2020. Apps müssen die genannten Kriterien bis 23.6.2021 erfüllen.

Accessibility Testing in der Praxis – Unser Testbericht

Das TechTalk Team ist Experte in Sachen Accessibility Tests und testet sowohl Webseite als auch Apps anhand der durch das WZG festgelegten Kriterien. Welche Möglichkeiten Unternehmen haben um vorab einige der Kriterien zu testen haben wir anhand eines Tests einer App für Sie zusammengestellt.

Ziel hierbei war es den aktuellen Stand zur Barrierefreiheit der getesteten App festzustellen um im Anschluss gemeinsam mit den Entwicklern zu entscheiden, welche Verbesserungen mit höchster Priorität umgesetzt werden sollen.

Einige der gängigen Methoden zum Test der Barrierefreiheit sind bei einer Smartphone-App anders als bei einer Webseite nicht möglich – hierzu gehört die Nutzung eines Kontrast-Tools, oder die Entwicklertools des Browsers für einfachen Zugriff zum Programmcode.

Im Folgenden stellen wir vier verschiedene Ansätze zur Durchführung Accessibility Testings von Apps vor:

  • Kontrast-Check 
  • Screenreader-Check
  • Vergrößerung des Texts
  • Vergrößerung via Smartphone-Lupe

Mittels dieser vier Ansätze lässt sich bereits ein Großteil der WCAG-Guidelines (Web Content Accessibility Guidelines) abdecken und einen Einblick in die Barrierefreiheit der Smartphone-App bekommen. Die Ergebnisse zeigten dass die von uns getestete App nicht besonders gut an die Bedürfnisse von sehbehinderten Menschen angepasst ist.

Testmöglichkeiten im Überblick

Überprüfen der Lesbarkeit mit Kontrast-Check

Ebenso wie im Internet ist auch für die Nutzung von Smartphone Apps das Zusammenspiel von Farben bedeutsam für die Zugänglichkeit.

Ziel: Überprüfung des Kontrastes um sicherzustellen dass Menschen trotz einer Sehbehinderung oder einer Farbschwäche eine Applikation benutzen und verstehen können.
Zielgruppe: Menschen mit einer Sehschwäche oder einer Farbschwäche, wie zum Beispiel die Rot-Grün-Sehschwäche.
Kriterium: Die Applikation ist ohne Probleme bedienbar, Elemente unterscheiden sich nicht nur anhand von Farbe, sondern haben auch ein zusätzliches Unterscheidungsmerkmal (wie Icons oder Text).

Ein spezifisches tool um die Lesbarkeit von Inhalten in Smartphone Apps zu testen gibt es bisher nicht. Für unseren Test haben wir daher Screenshot erstellt und diese am PC bezüglich ihrer Lesbarkeit analysiert. Für das Testen von Webseiten im Browser empfehlen wir den Colour Contrast Analyser (CCA). Das Tool beinhaltet einen Farbpicker, zudem zeigt es an, welche WCAG Richtlinien der Kontrast der Webseite erfüllt.

Der Screenreader-Check

Der Test mit hilfe des Screenreader Checks nimmt etwas mehr Zeit in Anspruch. Hierzu wurde der NVDA Screenreader verwendet, folgende Punkte wurden getestet:

  1. Fokus auf die Navigation
    1. Kann ich jeden Menüpunkt erreichen?
    2. Kann ich jeden Menüpunkt auch wieder verlassen / wechseln?
    3. Wo ist der Fokus beim Öffnen einer neuen Seite platziert?
    4. Ist der Wechsel einer Seite nachvollziehbar?
  2. Fokus auf die einzelnen Elemente (Buttons, Formularelemente, Einstiegspunkte, Links ..)
    1. Welcher Text wird beim Anklicken der einzelnen Elemente vorgelesen?
    2. Sind die Elemente verständlich beschrieben?
    3. Verstehe ich den Aufbau der Seite, ohne dass ich etwas sehe? 
  3. Fokus auf die “Führung” des Benutzers
    1. Ist verständlich, auf welcher Seite ich mich befinde? 
    2. Ist beschrieben, was ich auf der Seite “zu tun” habe?
    3. Ist verständlich, was ich zu tun habe wenn sich die Tastatur / die Kamera / ein Popup öffnet? 
    4. Kann ich die Tastatur / die Kamera / ein Popup / das Menü wieder verlassen?

Ein Beispiel aus der Praxis möchten wir genauer beschreiben:

Zur einfacheren Veranschaulichung haben wir den Homescreen nachgebaut.

Im Idealfall liest der Screenreader beim ersten Menüpunkt (siehe Wireframe „Torte Schalter“) vor. Bei der getesteten App liest der Screenreader, wenn der Fokus zum ersten Menüpunkt ”Torte” kommt, statt ”Torte Schalter” – ”Text Unterstrich 18 Schalter” vor. Durch den Begriff ”Schalter” erkennt der Benutzer des Screenreaders, dass es sich um einen Button handelt und dieser anklickbar ist. Durch die Wörter ”Text Unterstrich 18” erkennt er aber nicht um was es sich bei diesem Menüpunkt handelt. Als blinder Benutzer sieht man das Icon nicht, deshalb ist es hier unmöglich zu wissen, was passiert, wenn man auf den Button klickt und auf welche Seite man dann kommt.  Wenn man den Fokus nun auf den Menüpunkt ”Kaffee” setzt, hört man statt ”Kaffee Schalter” – ”Text Unterstrich 12 Schalter”. Dies geschieht mit allen Menüpunkten, was es unmöglich macht sich bewusst durch die App zu navigieren.

Ein weiteres Problem befindet sich auf der Schaltfläche links unten am Screen. Die Schaltfläche mit dem Icon und dem Text “Mehr Infos” wird vom Screenreader als “TBD” vorgelesen. Natürlich ist es damit auch nicht möglich zu wissen, was sich auf der Seite verbirgt, auf die man darauf navigiert.

Der Screenreader Test wurde sowohl am iPhone als auch am Android durchgeführt, in den Einstellungen des Smartphones kann man den Screenreader einschalten.

Vergrößerung des Texts

Eine weiteren Testoptionen ist die Veränderung des Textgröße in den Smartphone Einstellungen und die Analyse der Folgen bei der Nutzung der App.

Ziel: Sicherzustellen, dass sich die Schriftgröße dynamisch angepasst, wenn dies in den Einstellungen so eingestellt wurde.
Zielgruppe: Menschen mit einer Sehschwäche.
Kriterium: Unabhängig davon welche Schriftgröße eingestellt ist ist der Text ist lesbar und auch Schaltflächen und Tabellen werden dementsprechend angepasst. Die Textgröße passt sich nicht nur im Smartphone, sondern auch in der Applikation an und wird automatisch vergrößert.

In der getesteten Applikation was das Ergebnis ernüchternd, die Änderung der Schriftgröße hatte keine Auswirkung auf die getestete Applikation. Weder der Text der Menüpunkte noch der Text innerhalb der Applikation (z.B. im Impressum, Beschreibungstext) wurden vergrößert dargestellt. Stattdess einer dynamischen bzw. relativen Schriftgröße wurde eine fixe Schriftgröße verwendet wurde (wie px).

Vergrößerung via Smartphone-Lupe

Eine weitere Testoption ist die Vergrößerung mit der Smartphone Lupe.

Ziel: Sicherstellen, dass Menschen, welche die Smartphone-Lupe verwenden, deine Applikation benutzen können.
Zielgruppe: Menschen mit einer Sehschwäche.
Kriterium: Die Lupe ist wie gewohnt verwendbar und hat den gewünschten Effekt. Die Lupe lässt sich auch in der Applikation aktivieren und ist wie gewohnt bedienbar.

Bei der von uns getestete Smartphone-Applikation hat dies gut funktioniert.

Barrierefreiheit professionell testen und optimieren

Unternehmen die sich bisher noch wenig mit dem Thema Accessibility Testing und Barrierefreiheit von Webseiten und Apps auseinander gesetzt haben sind nun in der Pflicht, die im WZGs gelisteten Kriterien umzusetzen und ihre Webseiten und Apps dementsprechend zu aktualisieren.

Die von und beschriebenen Möglichkeiten eines vorab Tests bieten eine praktische Heranführung an das Thema Barrierefreiheit von Apps für sehbehinderte Menschen und helfen Unternehmen, Handlungsbedarf zu erkennen. Bei der gründlichen Analyse und der technischen Umsetzung von vorhandenen Defizienten helfen UX Experten und Web Designer, die über das nötige Know how verfügen.


Haben Sie Fragen?

Unser Team unterstützt Unternehmen bei der Umsetzung des WZGs und hilft Ihnen Schritt-für-Schritt bei der Umsetzung. Kontaktieren Sie uns um ein unverbindliches Erstgespräch zu vereinbaren.

Lernen Sie unser UX Team kennen.
Bitte kontaktieren Sie mich gerne via eMail mit Ihren Fragen.

Gamification, Mixed Reality, Barrierefreiheit: Die Trends und Highlights der German CHI Week

Vom 25. bis 29. Mai hat Veronika Winter von Techtalk an der German CHI Week teilgenommen und die virtuelle Konferenz genutzt, um neue UX Trends zu erforschen und einen Einblick in Tendenzen rund um das Thema Human-Computer-Interaction (HCI)  zu bekommen. Über ZOOM kamen Experten der User Experience (UX) Community zusammen und lernten in über 120 Präsentationen die Arbeit von Forschungseinrichtungen deutscher Universitäten kennen.

Bei der diesjährigen German CHI Week standen die Themenschwerpunkte Mixed Reality, Games and Gamification, CSCW and InfoVis (Cross-Device-Interaction and InfoVisualisations), Eye and Brain, Accessibility & Well-Being, Wearables, VR (Virtual Reality), Artificial Intelligence & Smart Home Data, Usable Security and Privacy, Input, Methodology, Automotive & Robots and At the Workplace auf dem Programm.

Highlights zu den unterschiedlichen Themenbereichen

Die präsentierten Inhalte stammen direkt aus der Forschung und bieten die Möglichkeit, Trends von Anfang an zu beobachten und auf dem neuesten Stand zu bleiben. Von den verschiedenen Vorträgen zu neuen Technologien und zukünftigen Entwicklungen haben wir daher viel mitnehmen können und sind gespannt, wie diese sich in den nächsten Jahren positionieren werden und welche Themen sich durchsetzen.

Forschungsarbeiten aus dem Bereich “Games und Gamification”

Im Bereich “Games und Gamification” gibt es viele vielversprechende Forschungsprojekte:

  • Eine der Präsentationen hat sich mit verschiedenen Aspekten von Social Interaction und Social Anxiety in Spielen auseinandergesetzt und eine Methode entwickelt um toxisches und schädliches Verhaltens von Spielern in Online-Spielen zu erkennen.
  • Normalerweise werden Gamification Elemente vom Development-Team ausgesucht. In einem der vorgestellten Forschungsprojekte konnten die User einer Anwendung ein eigenes Gamification-Konzept auswählen. Auf diese Weise wurde getestet, welches Konzept die höchste User Motivation hervorbringt.

Forschungsarbeiten aus dem Bereich “Barrierefreiheit”

Die Themen Barrierefreiheit und Accessibility werden in der Zukunft mehr Aufmerksamkeit erhalten. Hierzu wurden verschiedene Benutzerstudien präsentiert, welche speziell mit älteren Menschen durchgeführt wurden. Besonders Projekte in den Bereichen Mobilität, Coaching und physikalisches Training von älteren Menschen standen dieses Jahr mehrfach im Fokus der Veranstaltung. Einige spannenden Projekte haben uns besonders beeindruckt:

  • Ein besonders innovatives Team hat zum Beispiel ein Prototyp präsentiert, der den typischen Blindenstock mit Virtual Reality kombiniert
  • Ein weiteres Beispiel war ein Forschungsprojekt zum Thema Augmented Reality for Older Adults, welches das Thema Augmented Reality mit älteren Menschen in den Fokus stellt und untersucht, ob die Zielgruppe mittels eines virtuellen Coaches besseres Balance-Training erleben können.

TechTalk hat zum Thema Barrierefreiheit für Webseiten und mobilen Anwendungen bereits in einem anderen Kontext berichtet.

Forschungsarbeiten aus dem Bereich “Cross-Device-Interaction and InfoVisualisations

Forschungsarbeiten aus dem Bereich “Mixed Reality”

Die Forschungsarbeiten im Bereich “Mixed reality” boten einen spannenden Einblick in den aktuellen Forschungsstand. Einige Projekte in diesem Bereich waren besonders interessant: Ein System namens Ambi plant arbeitet mit künstlichen Pflanzen die sich zu Musik, Spielen oder bei Filmen bewegen. Auch eine Forschungsarbeit mit Benutzerstudien zur Sicherheit von Fahrradfahrern im Straßenverkehr sowie ein Experiment zur Visualisierung von Objekten in einer neuen Umgebung welches AR glasses Hololense sowie 3D Modelle nutzt um Usern eine bessere Vorstellung zu ermöglicht boten neue Erkenntnisse.

Forschungsarbeiten aus dem Bereich “Wearables”

Ein weiterer Themenschwerpunkt waren Wearables, also tragbare Computertechnologien, wie zum Beispiel die Smart Watch. Hierzu gibt ein Forschungsprojekt zur Erhöhung der Bildschirmgröße einer Smart Watch, indem auch das Uhrband als Screen verwendet wird. Weitere Projekte gibt es zu den Themen Smart Textiles, also smarte Kleidungsstücke, welche mit Sensoren ausgestattet sind und zum Beispiel Druck und Verformung erfassen können.

Trends auf der Spur: 120 Sessions an fünf Tagen

Das Format der German CHI Week ermöglichte es, dass viele verschiedene Themen in kurzer Zeit behandelt werden konnten:

  • Programm von Montag bis Freitag je 17.00 – 19.00 CET
  • Täglich drei Sessions hintereinander, je 40 Minuten

Für jedes Paper wurden vorab von den Autoren aufgezeichnete Videopräsentationen von je 3 Minuten vorbereitet. Auf diese Weise erhielten die Teilnehmenden einen kurzen Überblick zum Thema und konnten dann direkt in die 20-minütige Podiumsdiskussion starten.

Videoaufnahmen der German CHI Week & UX Support

Alle Videoaufnahme der German CHI Week finden Sie auf Youtube, die Publikationen sind auf der Webseite des Veranstalters online.


Haben Sie weitere Fragen rund um UX?

Unser Team unterstützt Sie bei Ihren Herausforderungen im Bereich UX um sicherzustellen dass ihre AnwenderInnen zufriedene Benutzer werden.

Lernen Sie unser UX Team kennen.
Bitte kontaktieren Sie mich gerne via eMail mit Ihren Fragen.


WZG verstehen und umsetzen – Barrierefreiheit in der öffentlichen Verwaltung

Vergangenes Jahr wurde für die Barrierefreiheit in der öffentlichen Verwaltung wieder ein wichtiger Schritt gemacht – das Web-Zugänglichkeits-Gesetz (kurz: WZG) wurde im Juli 2019 in Österreich verabschiedet. 

Ähnlich der BIT-Verordnung in Deutschland wurde nun eine verpflichtende Regelung geschaffen, dass die Webseiten und mobilen Anwendungen des Bundes bzw. vom Bund finanzierten Einrichtungen die Anforderungen an die Barrierefreiheit erfüllen müssen und vor allem auch durch welche Aktivitäten dies gewährleistet werden soll. 

Anforderungen an die Barrierefreiheit laut WZG  

Im WZG verweisen die Anforderungen an die Barrierefreiheit vor allem auf die bereits länger festgelegten Richtlinien und damit gilt als Richtschnur die Erfüllung der Stufe AA der „Richtlinien für barrierefreie Webinhalte Web – WCAG 2.0“.  

In der Folgeabschätzung im Rahmen des Gesetzgebungsprozesses wurde davon ausgegangen, dass die Einführung des WZG keine zusätzlichen Kosten verursacht, da bereits seit 2004 mit dem E-Government-Gesetz behördliche Internetauftritte so zu gestalten sind, dass internationale Standards über die Web-Zugänglichkeit erfüllt werden. Aus meiner Sicht ist dies etwas zu kurz gegriffen, da nicht die volle Breite aller Angebot die Barrierefreiheit mit Stufe AA bisher berücksichtigt hat bzw. nun explizit auf mobile Anwendungen mit eingeschlossen sind. 

Aufgaben im Zusammenhang mit der Web-Zugänglichkeit 

Neben der Sicherstellung der Barrierefreiheit an sich, ist auch festgelegt, welche Aufgaben im Zusammenhang mit der Web-Zugänglichkeit zu erfüllen sind. So sind unter anderem die Mitarbeiterinnen und Mitarbeiter zum Thema barrierefreien Zugang zu schulen und zu sensibilisieren.

Darüber hinaus muss eine Erklärung zur Barrierefreiheit im Internet veröffentlicht werden – vergleichbar etwa mit der Datenschutzerklärung. Mit dieser Erklärung wird unter anderem dargelegt inwiefern die Anforderungen zur Barrierefreiheit erfüllt werden und wie dies überprüft wurde. Auch kann dargelegt werden wieso Anforderungen nicht erfüllt wurden, wenn die Behebung eine unverhältnismäßige Belastung für die Einrichtung darstellen würde. 

Screenshot der Barrierefreiheitserklärung von oesterreich.gv.at  

Wissen im Bereich Barrierefreiheit 

Mit der Umsetzung von Anwendungen vor allem im öffentlichen Bereich setzt sich unser Team schon lange mit dem Thema Accessibility und Barrierefreiheit auseinander. Veronika Winter hat letztes Jahr zum Beispiel im Rahmen der Projektarbeit intensiv mit den aktuellen Anforderungen des BIT-V auseinandergesetzt.   

Auch im Bereich des Web-Zugänglichkeits-Gesetzes unterstützen wir gerne mit einer Statuserhebung mit konkreten Verbesserungsvorschlägen, einer individuellen Beratung oder Schulung.


Fragen Sie einfach unverbindlich bei Claudia Oster an.  


  • User Experience & Design Thinking Newsletter

    Jetzt abonnieren und keine Ausgabe verpassen. Max. 4 Ausgaben im Jahr.

Ein Design Thinking Methodenabend – Ausprobieren, Lernen, Reflektieren

Am 31. Oktober 2019 war ich das erste Mal beim Design Thinking Meetup. Insgesamt waren 19 TeilnehmerInnen, darunter die zwei Hosts Ingrid und Peter Gerstbach und drei MasterstudentInnen, die gleichzeitig die Moderation der Mini-Workshops machten.

Das Meetup war wie ein Barcamp aufgebaut. Dadurch war es uns auch als TeilnehmerInnen möglich, eigene Themen einzubringen. Innerhalb dieses Blogposts werde ich drei der ausprobierten Methoden aus dem Design Thinking genauer vorstellen.   

Das war unser Plan für den Abend.

Ein Interview, um in das Erzählen von Geschichten einzutauchen 

Zu Beginn gab es den Workshop „Empathisches Interview”. Ziel dieser Methode ist es, Leute dazu zu bringen, Geschichten zu erzählen und in ihre Bedürfnisebene einzutauchen. Fakten spielen hier keine Rolle. Bei dieser Art von Interview werden keine Fragen vorbereitet, es gestaltet sich eher wie ein gemeinsames Gespräch. Als Interviewer solltest du zwischen den Zeilen lesen und darauf die nächsten Fragen aufbauen können. Wir konnten diese Methode selbst ausprobieren indem wir uns in zwei Gruppen teilten und jeweils 5 Minuten ein Interview führten.  

Etwas schwierig war es für mich ausschließlich auf das Zuhören zu konzentrieren. In der abschließenden gemeinsamen Reflexion gab es folgende Ansichtspunkte zu der Methode “Empathisches Interview”:  

  • Diese Methode erlaubt es schnell auf einer anderen Ebene zu wechseln
  • Wie schaffe ich es als Interviewer, dem Interviewee emotionale Geschichten zu entlocken?
  • Voller Fokus auf Bedürfnisse und die Problemstellungen
  • Wie schaffe ich es als Interviewer, wenn schon potenzielle Produktideen aufkommen, das Gespräch wieder auf die Bedürfnisse und Anforderungen zu lenken, anstatt sich in ein „Konzept“ zu vertiefen?
  • Im Interview soll nicht gemeinsam an Lösungen gearbeitet werden
  • Wie kann man emotionale Geschichten hören? 
  • Was sind die Problemstellungen?  

Anschließend an das empathische Interview holt man aus jedem einzelnen Interview sogenannte “Insights” heraus. Jedes Insight schreibst du auf ein Post-it und fasst es in Cluster zusammen. Dadurch erhältst du eine gute Übersicht über die Bedürfnisse und Problemstellungen der interviewten Personen. 

Zwei Methoden aus der Ideenfindungsphase 

Die Design Thinking Methode „3-6-5“

Die nächsten zwei Methoden aus dem Design Thinking sind Teil der Ideenfindungsphase. Nach einem kurzen Icebreaker, um in eine kreative Stimmung zu kommen, begannen wir mit der Methode “6-3-5″. Viele weitere Icebreakers, inklusive Anleitung und Struktur, befinden sich auf der Icebreaker Activities Seite von Atlassian.

Die Zahl 6 steht für die Anzahl an Personen, die Zahl 3 steht für die Anzahl der Ideen pro Runde, und 5 steht für die Anzahl der Runden. Die Anzahl der Runden kann natürlich je nach Gruppengröße variieren. Durch diese Methode erhält man in kürzester Zeit viele Ideen, egal ob diese realistisch sind oder nicht. Dadurch wird diese Methode als quantitative Methode gewertet. Wichtig ist, dass man während der Übung Musik einschaltet, dadurch verhindert wird rationales Denken und erhält besonders kreative Ideen. Wie auf meinem Zettel zu sehen ist, hat dies bei uns sehr gut funktioniert.  

Hier sieht man das Ergebnis zum Thema “Wie entkomme ich dem nebeligen Wetter im Herbst”.

Nachdem die Runde abgeschlossen ist, markiert jede Person am eigenen Platz die zwei Lieblingspunkte, das sogenannte Dot-Voting. Pro Gruppe werden die Lieblingspunkte in einer Matrix kategorisiert. Eine ähnliche Methode ist die Crazy 8 Methode aus dem Google Designs Sprint

Hier sieht man unser Ergebnis zum Thema “Wie entkomme ich dem nebeligen Wetter im Herbst”.

Die Design Thinking Methode „Wortassoziationskette“

Zur Ideenfindungsphase haben wir danach die Wortassoziationskette zum Thema “Lebenslanges Lernen” ausprobiert. Bei dieser Methode schreibst du das Thema in die Mitte eines großen Flip Charts und alle Teilnehmer der Gruppe können gleichzeitig Wörter, die man mit dem Thema assoziiert, rundherum schreiben. Diese Wörter können ähnlich wie eine Mind Map miteinander verbunden werden. Auch hier erhält man viele Ideen in kurzer Zeit. Ähnlich wie bei der Methode davor gibt es anschließend ein Dot-Voting, um die “besten Ideen” zu bestimmen bzw. die Ideen, mit denen man weiterarbeiten möchte. 

Hier sieht man unser Ergebnis zum Thema „Lebenslanges Lernen“.

Zum Abschluss etwas Aktivierendes

Zum Abschluss des Meetups haben wir noch das kurze Spiel “Telephone Charades” gespielt sowie eine kurze Blitzlicht-Abschlussreflexionen. Ich freue mich schon sehr auf das nächste Mal! Es war ein wirklich lebendiger und lehrreicher Abend. 

Weiterführende Information zu Design Thinking:

  • User Experience & Design Thinking Newsletter

    Jetzt abonnieren und keine Ausgabe verpassen. Max. 4 Ausgaben im Jahr.

UX Meetup: UX in a Scrum of Scrum project | World Café

Bereits zum 175. Mal fand das UXVienna Meetup statt. Diesmal war die Meetup-Gruppe bei uns in der TechTalk zu Besuch, rund 60 UX ExpertInnen waren da. Die UXVienna Meetup Gruppe hat über als 2600 Mitglieder und trifft sich monatlich zu einem Abend-Meetup sowie einem Frühstück. Seit kurzem veranstaltet das Meetup auch den UX Bookclub.

Ziel dieses Meetups ist der Erfahrungsaustausch sowie das Networking innerhalb der UX Community in Wien, deshalb standen auch bei uns diese beiden Dinge an oberster Stelle.

Claudia Oster führte durch den Abend und stellt TechTalk als Unternehmen, unser Vorgehensmodell sowie unser UX-Team und die Aufgaben einer UX DesignerIn in der TechTalk vor.

Die Aufmerksamkeit der UX Community ist bei Claudia Oster. Sie erklärt gerade die UX Methoden und deren Einsatzgebiete im Entwicklungsprozess.

Minitalk “Integration of UX in a Scrum of Scrum project – Tools and Learnings”

Anschließend teile ich meine Erlebnisse zum Thema UX in einem Scrum of Scrum Setting, also mit mehreren Scrum Teams, welche an einer Applikation arbeiten mit “Integration of UX in a Scrum of Scrum project – Tools and Learnings”. Innerhalb von nur wenigen Monaten ist das UX Team in diesem Projekt von einer Person auf vier Personen gewachsen. Dieses schnelle Wachstum ist verbunden mit unterschiedlichen Herausforderungen, die auch wir bewältigen müssen:

  • Plötzlich mehr Gesprächs- und Koordinationsbedarf
  • Teams mit unterschiedlichem Fokus
  • Unterschiedliche Requirements und Arten zu arbeiten
  • Konsistenz von Style und Layout von vier Scrum Teams zu gewähren

Durch diese Herausforderungen haben wir an unserer Arbeitsweise und Organisation gearbeitet und diese angepasst.  

Während meines Talks „Integration of UX in a Scrum of Scrum project – Tools and Learnings“

Der Talk entwickelte sich am Ende zu einer spannenden Frage-Antwort-Diskussion, wodurch ich zur Zusammenarbeit mit EntwicklerInnen sowie zu unserem UX Styleguide mehr in die Tiefe gehen konnte.

Anschließend wurde geschlemmt, wie bei einem Meetup in der TechTalk üblich gab es einige Familienpizzen sowie kleine Snacks.

Erfahrungsaustausch durch ein „World Café“

Nach ausgiebigem Networking während des Essens, setzen wir uns nochmal in kleineren Gruppen zusammen, um die Workshop-Methode “World Café” auszuprobieren. Bei einem World Café werden Kleingruppen gebildet, jede Gruppe spricht über ein unterschiedliches Thema, nach etwa 15 Minuten kann man die Gruppe wechseln und so kann man sich innerhalb kürzerer Zeit intensiv mit einem Thema beschäftigen oder eben zu unterschiedlichen Themen weiterbilden. Mehr zu dieser durchaus empfehlenswerten Workshop-Methode.

Die Gruppe „Design Thinking“ diskutiert über Vorteile und Nachteile von Design Thinking in der Praxis und deren Unterschiede zu anderen Methoden.

Die Themen wurden direkt von den TeilnehmerInnen aufgeworfen und während des Meetups gesammelt. Der Erfahrungsaustausch ist besonders spannend, da die Gruppe einerseits homogen ist (alle arbeiten im UX & UI Design Bereich), andererseits aber auch sehr heterogen ist, da alle einen unterschiedlichen Fokus, Firmen, Arbeitsweise, Erfahrungswerte und Expertenlevel haben. Es war eines der ersten Male, dass ich diese Methode in einer solchen Gruppe mitgemacht habe.

Jeder Tisch hat ein eigenes Thema:

  • Tisch #1: What to track to measure UX? / How argue the importance of UX to clients?
  • Tisch #2: How to handle scrum meeting remote? / User testing remotely – Tools, best practices
  • Tisch #3: Design Thinking in practice / How do you implement Design Thinking?
  • Tisch #4: Usability tests for end users if budget is low or very limited? / How to do good UX for a small budget?

Zu guter Letzt gab es für Interessierte noch eine Führung durchs Büro. Zielgruppenorientiert haben wir auch die UX Methoden, die wir während der Planung des neuen Büros durchgeführt haben, erklärt. Wir haben auch einen ausführlichen Blogpost zur Planung und dem Design des neuen Büros veröffentlicht.

 Um kein MeetUp bei TechTalk zu verpassen

Zu User Experience & Design Thinking gibt es bei TechTalk vielseitige Aktivitäten – diese fassen wir seit kurzem in einem Newsletter zusammen. Die Erstausgabe nachlesen.

  • User Experience & Design Thinking Newsletter

    Jetzt abonnieren und keine Ausgabe verpassen. Max. 4 Ausgaben im Jahr.

10 Jahre UXcamp Europe in Berlin – eine Barcamp Dekade

Startete das UXcamp 2009 noch als erstes deutsches User Experience Barcamp, so hatte die Veranstaltung bereits im Folgejahr – aufgrund des großen Erfolges – eine internationale Ausrichtung. Mittlerweile ist die Veranstaltung zu einer Institution für europäische User Experience Professionals geworden.

Heuer war die Techtalk mit 2 Teilnehmerinnen beim UXcamp Europe vertreten und zum ersten Mal Sponsor des Events. Es stand dort netzwerken, diskutieren und Trends besprechen im Vordergrund. Mir fiel auf, wer einmal da war, kommt immer wieder: Teilnehmer, Sponsoren, Organisatoren und Alumni-Organisatoren.

Abbildung 1: Getümmel vor dem Session Board

Vorweg ein paar Fakten zur Veranstaltung:

  • Es fand 2-tägig am Pfingstwochenende statt
  • 101 Sessions wurden in 10 parallelen Tracks angeboten
  • 500+ TeilnehmerInnen
  • Ein ehrenamtlich arbeitendes Organisationsteam, Sponsoren und eine kostenlos zur Verfügung gestellte Lokation an der Humboldt Universität machen eine kostenfreie Teilnahme möglich.
  • Tickets sind innerhalb weniger Minuten vergriffen.
  • Heuer war Nachhaltigkeit angesagt: wiederverwendbare Kaffeebecher und Glasflaschen kamen zum Einsatz.

Folgende Learnings aus den Workshops konnte ich mitnehmen:

  • How to cluster sticky notes: Um tieferen Einsichten aus Notizen zu gewinnen, sind folgende Regeln hilfreich:
    • Notizen, die geclustert werden, sind aussagekräftiger, wenn sie genauer beschrieben sind (3-7 Wörter).
    • Sind die Notizen ausführlicher, dann entstehen häufig ganz andere Cluster, als mit kürzeren Notizen.
    • Gibt man den Clustern dann einen Gruppentitel, dann sollte dieser aus einer aufgestellten Hypothese/Behauptung bestehen und nicht nur aus einem Wort.

Mithilfe dieser Regeln entwickelte sich meine Arbeitsgruppe von einer recht sinnlosen Gruppierung (siehe Abbildung darunter)…

…hin zu einer aussagekräftigeren Gruppierung mit gehaltvoller Notizen (siehe Abbildung darunter). Thema der Übung waren Research-Ergebnisse für ein nachhaltiges Repair-Cafe.

  • (Rapid) paper prototyping: Nach etwas theoretischem Input, entwarfen wir in Kleingruppen einen Papierprototypen für den Bestellautomaten eines Eissalons und testeten ihn. Wir hatten dazu 30 Minuten Zeit. Es zeigt sich, diese – wohl günstigste – Variante eines frühen Prototyp zu testen, lässt sich im Handumdrehen durchführen. Learning: Just do it!

Am Ende der zwei Tage verließ ich das Event inspiriert durch Themen wie:

  • Voice assistents,
  • dark patterns, ethics in UX, sustainable UX,
  • getting UX into company and surviving as UX in larger companies.

Die breite Themenauswahl und der offene Umgang der UX-Community begeisterten mich.

  • User Experience & Design Thinking Newsletter

    Jetzt abonnieren und keine Ausgabe verpassen. Max. 4 Ausgaben im Jahr.

Design Thinking – Kreative Ideen zum Onboarding neuer Mitarbeiter

Vor kurzem hatte ich, Eugene Hofmannsrichter, die Möglichkeit, einen Design Thinking Workshop zu begleiten. Als UX Designer hatte ich schon einiges über dieses Thema gehört, jedoch noch nicht aktiv damit zu tun gehabt. Zumindest dachte ich das. Zur Vorbereitung habe ich mich nur kurz in dieses Thema eingelesen. Das Vorgehen auch in der Praxis sehen zu können war mir natürlich sehr willkommen, um das Thema für mich auch greifbarer zu machen.

Der Workshop wurde von Claudia Oster moderiert und hatte das Ziel, Ideen zu generieren, die das Onboarding neuer MitarbeiterInnen in einem großen Unternehmen am ersten Tag verbessern sollen.

Worum geht’s bei Design Thinking?

Design Thinking geht es darum, Personen mit verschiedenem Hintergrund (z.B. verschiedene Berufsfelder und Abteilungen eines Unternehmens) gemeinsam an der Lösung eines Problems arbeiten zu lassen. Dazu werden Methoden eingesetzt, bei denen die Menschen im Zentrum stehen, für die die Lösung entwickelt werden soll, mit all ihren Motivationen und Bedürfnissen. Im Laufe der einenhalb Tage wurde mir klar, dass mir das Thema Design Thinking doch gar nicht so fremd war, wie ich dachte. Die Methoden, die zum Einsatz kamen, waren mir teilweise schon bekannt, handelte es sich doch um UX Design Methoden wie „Journey Mapping“, „Empathy Mapping“ oder „Idea Canvas“. Durch die vielfältigen Sichtweisen der TeilnehmerInnen erhält man ein breites Spektrum an Ideen, die während der Ausarbeitung und Verfeinerung mehrere Feedbackzyklen durchlaufen.

Wer waren die TeilnehmerInnen?

Die TeilnehmerInnen wurden so ausgewählt, dass sie verschiedene Sichtweisen einbringen konnten. Sie kamen aus der HR-Abteilung und verschiedenen anderen Bereichen des Unternehmens. Manche waren selbst noch nicht lange angestellt und konnten sich noch sehr gut an ihren ersten Arbeitstag, ihre Eindrücke, Gedanken und Gefühle erinnern.

  • User Experience & Design Thinking Newsletter

    Jetzt abonnieren und keine Ausgabe verpassen. Max. 4 Ausgaben im Jahr.

Wie war der Workshop aufgebaut?

Begonnen wurde mit dem Aufteilen der TeilnehmerInnen in zwei Gruppen, die jeweils eine „Journey Map“ erstellt haben. Auf dieser wurden verschiedene Situationen rund um den ersten Arbeitstag festgehalten und nach einer Skala von „gut“ bis „nicht gut“ bewertet. Die Gruppen erstellten zwei Maps aus der Sicht der neuen MitarbeiterInnen  – also aus „Kundensicht“ – sowie aus der Sicht der HR-Abteilung. Bereits in diesem frühen Stadium konnten Dinge, die mit „nicht gut“ bewertet wurden identifiziert werden und regten schon zu Ideen zur Verbesserung an. Da die Ideen erst später ausgearbeitet wurden, haben wir diese nur kurz notiert, um sie nicht zu vergessen.

Von allen im Laufe des Tages gesammelten Ideen wurden durch sogenanntes Dot-Voting aller TeilnehmerInnen vier Ideen ausgewählt und als Prototypen ausgearbeitet. Dabei stand der Kreativität nichts im Wege  Es konnten Flipcharts, Plakate, Legosteine, SAP Scenes Figuren und sogenannte Idea-Canvas Poster verwendet werden.

Onboarding neuer Mitarbeiter mit Hilfe einer App und Events nach einem festgelegten Zeitplan

Für jede Idee wurden Challenges und Success Faktoren überlegt.

Die Neugestaltung des ersten Tages im Unternehmen als Welcome-Day

Am zweiten Tag wurden die Prototypen weiteren MitarbeiterInnen aus HR und Führungskräften vorgestellt, die ihr Feedback gaben. Dieses Feedback wurde verwendet, um den Ideen den letzten Schliff zu geben.

Am Ende war ich sehr beeindruckt vom Ergebnis, da die Ideen überhaupt nicht in Konkurrenz zueinander standen. Alle vier Ideen sind auch bei allen TeilnehmerInnen gut angekommen. Besonders toll fand ich, dass sie sich gegenseitig ergänzten und trotzdem unabhängig voneinander, in verschiedenen Zeiträumen und in mehreren Schritten sukzessive umgesetzt werden können. Alles in Allem ein großartiges Paket für den Einstieg und die erste Zeit der neuen MitarbeiterInnen.

Sehr schön zu sehen war auch, dass diese UX Design Methoden, die wir sonst anwenden, um Ideen zu Innovationen in der IT zu generieren, auch für Prozessverbesserungen angewendet werden können, die mit IT wenig bis nichts zu tun haben. Durch die Herangehensweise, erst Probleme zu identifizieren und dann an der Lösung der relevantesten zu arbeiten ist auf viele Bereiche umleg- und anwendbar.

Bei weiteren Fragen rund um Design Thinking oder UX kannst du dich an das UX-Team bzw. direkt an Claudia Oster wenden.


Event-Nachlese: Start Me Up Monday – Why User Experience is Key

Anfang Mai fand am FH Technikum Wien wieder der „Start me up Monday”  statt – diesmal zum Thema „Why User Experience is Key“. An diesem Abend gab es sechs Vorträge aus den unterschiedlichsten Bereichen und Anwendungsgebieten der User Experience. Ich möchte einen kurzen Einblick geben über die Inhalte unseres Vortrags und Highlights aus den anderen Vorträgen.

Individuelle Softwareentwicklung – Wo ist da Platz für UX?

Meine Kollegin Veronika Winter und ich – Claudia Oster – sprachen über die Rolle von UX in der individuellen Softwareentwicklung und welche Methoden wir einsetzen, um einen bestmöglichen Kosten-Nutzen-Effekt zu erzielen.

In unserem Vortrag präsentierten wir drei Schlüsselfaktoren, die aus unserer Sicht zu einer guten User Experience in der individuellen Softwareentwicklung beitragen:

  1. BenutzerInnen und deren Bedürfnisse: Schlüsselfaktor Nummer 1 sind natürlich die BenutzerInnen und das Verständnis, das für die Bedürfnisse und Anforderungen aufgebaut werden muss. Häufig wird in Projekten zu schnell auf die Lösung fokussiert, bevor das Problem überhaupt verstanden wird.
  2. Wireframes: Wireframes helfen uns frühes Feedback durch BenutzerInnen zu bekommen und sind eine wertvolle Abstimmungsgrundlage für das Projektteam.
  3. Enge Zusammenarbeit im agilen Team: UX DesignerInnen arbeiten als Teil des agilen Teams und durch fortlaufende Abstimmungen mit Product Owner und Entwicklungsteam wird die effiziente Berücksichtigung von UX im Projekt gewährleistet.
1: Wireframes zur Erarbeitung und Visualisierung des Prozesses

Jumio und der Fokus auf geringe kognitive Belastung

Martin Frühwirt ist in seinem Vortrag „Identitätsprüfung als Teil der User Journey“ vor allem darauf eingegangen, wie wichtig es ist im Rahmen der Weiterentwicklung des Designs folgenden Leitspruch zu berücksichtigen:

„Minimise cognitive load to maximise usability.” (NN Group)

D.h. bei der Gestaltung versuchen sie die Abläufe intuitiv zu gestalten und die BenutzerInnen bei der Durchführung Ihrer Aufgabe zu unterstützen. Als Beispiel nannte er das Upload-Limit für Fotos, das häufig bei Überschreitung einen Bruch in der Nutzung verursacht. Dadurch das die Anwendung selbstständig das Bild verkleinert, kann der Benutzer ungehindert weiterarbeiten.

2: Sketchnotes – Minimise cognitive load by Jumio

Microsoft & Inclusive Design

Janka Koen von Microsoft präsentierte nach einem Rückblick über die Geschichte von Microsoft Design auch das neue Konzept des Inclusive Design. Dabei geht es darum, dass alle Menschen in bestimmten Situationen in ihrer Handlungsfähigkeit eingeschränkt sind und alle Menschen davon profitieren, wenn man die Lösungen inklusiv gestaltet.

Anstelle von Personas kann man mit Persona Spectrum arbeiten, um zu erkennen wie eine Einschränkung auch temporär oder situativ auftreten kann um dadurch zu erkennen, wie viele Menschen von einer Lösung profitieren können. Mehr zu Inclusive Design findet man unter https://www.microsoft.com/design/inclusive/.

Stream zum Nachschauen & UX Team-Support

Wenn du noch mehr erfahren möchtest – der Stream zum Nachschauen ist noch verfügbar

Bei weiteren Fragen rund um UX kannst du dich an das UX-Team bzw. direkt an mich – Claudia Oster– wenden.


  • User Experience & Design Thinking Newsletter

    Jetzt abonnieren und keine Ausgabe verpassen. Max. 4 Ausgaben im Jahr.

UX Vienna Community besucht TechTalk

Am 9. Juli 2019 ab 18:30 Uhr findet das 175. UX Vienna Evening Meetup bei uns im 16. Stock des Saturn-Tower statt. Geleitet von Claudia Oster wird es drei MiniTalks geben die sowohl vorbereitet sind, als auch spontan aufgekommene Themen vorstellen können. Fix ist schon ein Talk von unserer Kollegin Veronika Winter über die Integration von UX in einem Scrum of Scrum Team.

Danach ist noch Zeit für offene und vertiefende Diskussionen.

Die Anmeldung für das Event kann hier bei meetup.com durchgeführt werden. Sollten keine Plätze mehr verfügbar sein, gibt es über Claudia.Oster@techtalk.at noch Restplätze zu ergattern.

Wir freuen uns, die UX-Community erstmals in unseren Räumlichkeiten der DC Spaces begrüßen zu dürfen.

Accessibility: Erneuerungen des BITVs Tests und unsere Erfahrungen

Das Thema Accessibility, im Deutschen auch unter dem Begriff Barrierefreiheit bekannt, und deren Implementierung birgt einige Tücken und kann den Entwicklungsaufwand wesentlich beeinflussen. Je früher im Projekt man sich mit Prüfverfahren beschäftigt, desto eher kann man verhindern, dass bereits entwickelte Funktionen überarbeitet und angepasst werden müssen. Mein Name ist Veronika Winter und ich habe mich im Zuge eines Projekts intensiv mit Accessibility beschäftigt und möchte die Learnings aus unserem Team hier zusammenfassen und weitergeben.

Einführung Accessibility und BITV

Mittlerweile gehört Accessibility sowie der BITV Test zu den Standards, mit denen wir uns als UX Team bei TechTalk immer wieder intensiv beschäftigen. Die seit März veröffentlichten Neuerungen des BITV Tests bieten viel neuen Stoff.

Die Barrierefreiheit sorgt dafür, dass alle Menschen eine Webseite, eine Applikation oder auch ein PDF benutzen und verstehen können, unabhängig von Sprache, Kultur, physischen und kognitiven Fähigkeiten. Deshalb wurde 1999 die Web Accessibility Initiative (WAI) gegründet, welche mit den Web Content Accessibility Guidelines (WCAG) eine internationale standardisierte Richtlinie geschaffen hat.

Dieser Standard macht Inhalte für Menschen mit Behinderungen wie Blindheit, Sehschwäche, Taubheit oder Hörverlust, eingeschränkte Bewegungsfähigkeit, Sprachbehinderungen oder Kombinationen davon, leichter zugänglich. Auch punktuelle Einschränkungen die jedem widerfahren können, werden innerhalb der Richtlinien berücksichtigt. Stellen Sie sich vor: Die Sonne blendet, am Bildschirm wirken sich Kontrastprobleme aus und wir können Texte mit schwachem Kontrast zum Hintergrund nicht mehr lesen.

Die BITV (Barrierefreie Informationstechnik-Verordnung) basiert auf den Vorgaben der WCAG und ist ein Verfahren für eine umfassende Prüfung der Barrierefreiheit. Sie ist bereits seit 2004 veröffentlicht und entwickelt sich immer weiter. Aktuell umfasst sie 60 Prüfschritte, welche vollständig offengelegt sind. Dadurch kann man diese Prüfschritte auch selbst überprüfen und sich so ein eigenes Bild von der Barrierefreiheit seiner Seite schaffen.

Zusammenfassung der Neuerungen 2019

Anfang 2019 wurden die Prüfschritte bereits zum 8. Mal angepasst und Mitte März 2019 mit diversen Erneuerungen veröffentlicht.

Eine der wichtigsten Erneuerungen ist die Anpassung des Prüfverfahrens und die Bewertung der Prüfschritte. Weiters wurden zwölf neue Prüfschritte ergänzt, die auch einen Fokus auf responsive Webseiten und die mobile Benutzung setzen. Die Gewichtung der einzelnen Prüfschritte hat sich ebenfalls geändert. Auch wenn man nicht das Ziel hat, eine Webseite zertifizieren zu lassen, sollte man während der Entwicklung zumindest die Prüfschritte mit einer hohen Gewichtung berücksichtigen, da diese für alle BenutzerInnen einer Webseite unterstützend wirken. Der Artikel zur offiziellen Erklärung befindet sich auf der BITV Webseite.

Ein BITV Test wurde beispielsweise im Projekt „AMS Berlin“ durchgeführt. In dem verlinken Praxisbericht wird unter anderem die User Experience des Produkts sowie der BITV-Test beschrieben.

Details zu den Erneuerungen

Erreichen des BITV Tests

Um ein positives Prüfergebnis zu erhalten, muss eine Liste an Erfolgskriterien durchgeführt werden, die sich in 60 Prüfschritte unterteilt. Jeder Prüfschritt hat denselben Aufbau: „Was wird geprüft?“, „Warum“ und „Wie wird geprüft?“. Das heißt, wie die Prüfung durchgeführt wird, welchen Browser man öffnen soll, welche Einstellungen (zB Bildschirmgröße, Textgröße,..) man setzen soll, usw.

Bis 2019 gab es eine Punktebewertung jedes einzelnen Prüfschritts, bei der man die Anzahl der erreichten Punkte zusammenrechnet. Insgesamt sind 100 Punkten möglich. Bei 90 von 100 Punkten konnte man eine „gut zugängliche Webseite“ und bei 95 von 100 Punkte eine „sehr gut zugängliche Webseite“ erreichen.

Diese Punktebewertung wurde abgeschafft, jetzt müssen alle Prüfschritte mit „erfüllt“ oder „eher erfüllt“ bewertet werden.

Auswirkung auf das Projekt:

  • Jeder einzelne Prüfschritt ist wichtig und muss erfüllt werden. (Es werden nur vorhandene Elemente geprüft, die anderen werden als „nicht relevant“ markiert.)
  • Es muss für jeden relevanten Prüfschritt eine (technische) Lösung gefunden werden.
  • User Experience & Design Thinking Newsletter

    Jetzt abonnieren und keine Ausgabe verpassen. Max. 4 Ausgaben im Jahr.

Gewichtung

Grundsätzlich gibt es eine Unterscheidung der Prüfschritte auf der Ebene der Gewichtung, so wird zwischen hohem, mittlerem und geringem Gewicht unterschieden. Einige Prüfschritte wurden auch in ihrer Gewichtung geändert. An sich hat eine Gewichtung keinen direkten Einfluss auf das Ergebnis, trotzdem erkennt man, wie wichtig und bedeutsam der Prüfschritt für die Barrierefreiheit und Benutzung einer Webseite ist.

Prüfschritt „Text auf 200% vergrößerbar“

Zum Beispiel wurde das Gewicht des Prüfschritts „Text auf 200% vergrößerbar“ von mittel auf hoch geändert. Bei diesem Prüfschritt geht es darum, dass trotz der Vergrößerung des Texts jedes Wort komplett sichtbar und lesbar ist, es soll keine Überlappungen geben oder Text abgekürzt werden. Das heißt, wenn innerhalb eines Buttons nur „Absen…“ statt „Absenden“ angezeigt wird, wird dies als negativ bewertet.


Änderungen der Schriftgröße von 100% auf 200% mittels dem Textzoom in Firefox

Ziel ist es, dass trotz einer Vergrößerung des Textes oder einer generell großen Schriftgröße, die Webseite dies unterstützt und der Text vollständig lesbar ist, zum Beispiel indem sich das Layout dynamisch anpasst. Viele BenutzerInnen verwenden standardmäßig bereits eine größere Schriftgröße, deshalb ist dieser Prüfschritt sehr wichtig. Auch kann dieser Prüfschritt auf dem Smartphone nachgestellt werden, dadurch wird die Schriftgröße in den Einstellungen des Smartphones geändert.

Wie sich ein Textzoom von 200% auf die Lesbarkeit auswirkt, anhand des Beispiels orf.at [Datum des Screenshots: 8. April 2019]

Prüfschritt „Hauptsprache angegeben“

Weiters wurde das Gewicht des Prüfschritts „Hauptsprache angegeben“ von gering auf mittel erhöht. Es geht darum, dass der Screenreader den Text der Webseite in der richtigen Sprache ausspricht. Mittels der Verwendung des lang-Attributs wird die Sprache definiert.

Ziel ist es, dass die Sprachausgabe des Screenreaders richtig verwendet werden kann und der Text in der richtigen Sprache vorgelesen wird. Wenn die Sprache nicht (richtig) definiert wurde, klingt dies so wie es auf diesem Youtube-Video, nämlich schwer verständlich.

12 neue Prüfschritte

Zwölf neue Prüfschritte wurden ergänzt, die die zusätzlichen Anforderungen der WCAG 2.1 vervollständigen. Das Ziel ist es, die Barrierefreiheit für die folgenden drei Zielgruppen zu optimieren:

  • BenutzerInnen mit kognitiven Schwächen oder Lernbehinderungen
  • BenutzerInnen mit Sehbehinderungen
  • BenutzerInnen mit einer Beeinträchtigung auf mobilen Endgeräten (Smartphone und Tablet)

Um einen kleinen Einblick zu geben, möchte ich ein paar Prüfschritte und deren Bedeutung genauer erklären. Eine vollständige Liste befindet sich hier.

Prüfschritt „Textabstände anpassbar“

Der Prüfschritt „Textabstände anpassbar“ zielt auf die Lesbarkeit von Text ab. Mittels einem Javascript- Bookmarklets, von BITV zur Verfügung gestellt, kann dieser Prüfschritt sehr einfach getestet werden. Obwohl die Abstände der Buchstaben oder der Wörter an sich geändert werden können, soll jedes Wort komplett sichtbar und lesbar sein, um ein Abschneiden des Textes zu verhindern.


Simuliertes Text Spacing mittels dem Javascript Bookmarklet auf orf.at
[Datum des Screenshots: 8. April 2019]

Prüfschritt „Inhalte brechen um“

Der Prüfschritt „Inhalte brechen um“ zeigt Probleme mit der Zoomfunktion eines Browsers auf, die häufig von sehbehinderten BenutzerInnen verwendet wird. Die Anpassung des Inhalts soll dynamisch erfolgen und ein horizontaler Scrollbalken soll vermieden werden. Dadurch ist der Inhalt der Webseite auf einer Seite sichtbar und es wird nur in eine Richtung (nach oben oder nach unten) gescrollt. Dies stellt auch eine Vereinfachung der Benutzerführung dar.

Prüfschritt „Eingabefelder zu Nutzerdaten vermitteln den Zweck“

Ein besonderer Prüfschritt für mich ist „Eingabefelder zu Nutzerdaten vermitteln den Zweck“, denn dieser ist für alle BenutzerInnen ein interessantes Feature. Er zielt auf das Attribut <autocomplete> ab, das bereits auf vielen Webseiten in Verwendung ist. Es wird bei Formularfeldern verwendet, die persönliche Informationen enthalten. So kann durch das Ergänzen des <autocomplete> Attributs ein automatisches Vorausfüllen von Formularinhalten ausgelöst werden, zum Beispiel bei Vor-und Nachname, Adressdaten oder Kreditkarten-Daten. Dadurch wird die Eingabe von persönlichen Daten erleichtert bzw. teilweise sogar vom System abgenommen und Formulare können in weiterer Folge schneller ausgefüllt werden.

Fokus auf mobile Benutzung

Die folgenden drei neuen Prüfschritte zeigen die bedeutende Rolle der Benutzung von Mobiltelefonen im Accessiblity-Bereich.

Prüfschritt „Keine Beschränkung der Bildschirmausrichtung“

Dieser Prüfschritt zielt auf die Benutzung am Mobiltelefon ab und wird deshalb auch auf einem Smartphone getestet. So soll der Inhalt der Webseite in beiden Ausrichtungen (Hochformat und Querformat) richtig dargestellt werden und nutzbar sein. Auch ein Wechsel zwischen den beiden Ausrichtungen soll unbeschränkt möglich sein, sofern beide Ausrichtungen unterstützt werden.

Prüfschritt „Alternativen für Bewegungsaktivierung“

Dieser Prüfschritt unterstützt besonders Menschen mit motorischen Einschränkungen. Der Prüfschritt zielt drauf ab, dass es eine alternative Eingabemöglichkeit zu Bewegungseingaben geben muss. Unter Bewegungseingaben versteht man zum Beispiel, wenn ein Telefon physisch speziell bewegt werden muss, um eine Funktion zu aktivieren oder um eine Eingabe zu tätigen wie zum Beispiel dieses Video den Extremfall „Kalibrieren des Kompasses“ darstellt.

Prüfschritt „Alternativen für komplexe Zeiger-Gesten“

Ein weiterer Prüfschritt, der mittels Smartphone getestet wird, ist „Alternativen für komplexe Zeiger-Gesten“. Unter Zeiger-Gesten versteht man Bewegungen, die mit einem oder zwei Fingern auf dem Smartphone gemacht werden, zum Beispiel das Streichen, das Ziehen, das Zoomen mittels zwei Fingern. Hier wird zwischen einfachen Gesten wie Tippen oder Doppeltippen und komplexen Zeiger-Gesten unterschieden. Für Menschen mit einer Einschränkung in der Bewegung sind die komplexen Zeiger-Gesten schwierig in ihrer Durchführung und sollten deshalb vermieden werden. In diesem Prüfschritt werden die verschiedenen Gesten ausprobiert, um zu sehen, ob diese innerhalb der Webseite verwendet werden. Falls dies der Fall ist, soll es eine alternative Eingabemöglichkeit mittels einfacher Zeiger-Gesten geben.

Conclusio

Die neuen Prüfschritte zeigen die besondere Vielfalt an Dingen und Funktionen, die überprüft werden. Bei der Prüfung der Accessibility handelt es sich nicht nur um Farbkontraste, richtige Verwendung von HTML-Tags und Tabreihenfolge, viel mehr Dinge stecken dahinter. Abschließend möchte ich noch die Werkzeugliste des BITV erwähnen, die mir im Durchführen der einzelnen Prüfschritte eine große Unterstützung war. Haben Sie Interesse mehr über Accessibility zu wissen oder ist Accessibility auch in einem Ihrer Projekte relevant, dann stehen unser UX Team und ich gerne für Fragen zur Verfügung!