Mitte Januar startete technica11y ins neue Jahr. Es war schön, wieder einmal dabei zu sein. Joschi Kuphal von tollwerk, der den Accessibility Club Deutschland organisiert und moderiert, hatte Dirk Ginader von Google eingeladen.

Seit 2021 ist Dirk Manager eines Teams von UX-Engineers¹, die exklusiv daran arbeiten, sämtliche Google-Produkte barrierefrei zu realisieren. Sie bauen damit die Brücke zwischen Gestaltung (design) und technischer Realisierung (engineering). Ihr Ziel: allen Menschen die Bedienung der Programme (ux = user experience) so angenehm und barrierearm wie möglich zu machen. Intern streben sie an, dass alle Designer:innen und Programmierer:innen, Barrierefreiheit in ihrer Komplexität verstehen und antizipieren. Also Accessibility von Beginn an mitdenken und Hand in Hand arbeiten.

[ 1 ] “UX Engineers” scheint auch in Deutschland der gängige Fachbegriff zu sein. UX steht für user experience, also den Erfahrungen, die Nutzer:innen mit einem Produkt oder einer Dienstleistung erleben. Engineers sind diejenigen, die die Leistungen technisch realisieren. So wie ich Dirk in seinem Vortrag verstand, erweitert das neu geschaffene Team mit seiner selbstdefinierten Rolle, die übliche Arbeitsteilung in Unternehmen. Schon allein deswegen könnte sich für Dich die Rede beim technica11y lohnen.

Kleiner Tipp, wenn Du das Video hier aufrufst: Der Vortrag beginnt ab 15’47’‘ mit der Vorstellung von Dirk und der Einführung ins Thema von Joschi. Ab 19’45’‘ steigt Dirk dann in User Experience Engineering bei Google ein. Weitere Zeitmarken findest Du drüben bei EnjoyWork. Dort fasse ich meine zentralen Erkenntnisse aus dem Vortrag und der sich daran anschließenden Diskussion mit Dirk und Joschi zusammen. Bitte hier entlang:

Hier noch die Kapitelübersicht als ersten Einblick:

1. Aufzeichnung des Livestreams
   (Inklusive Zeitmarken in die Themen/Kapitel für das doch recht lange Video)
2. User Experience Engineering
   1. Perspektive Gestaltung
   2. Perspektive Technische Realisierung
3. A11Y – Numeronym und Bewegung für freien Zugang für alle Nutzer:innen
4. Accessibility im User Experience Engineering
   1. Barrierefreiheit während des Design-Prozesses
   2. Barrierefreiheit während der Programmierung
   3. Nicht das Rad neu erfinden
5. Barrierefreiheit hilft uns allen
6. Bedienen mit ausschließlich Tastatur
   1. Sichtbarkeit der Fokus-Anzeige
   2. Erwartete Reihenfolge der Tabulator-Sprünge
7. Bedienen mit Bildschirm-Lese-Geräten
   1. Erweiterte Funktionalität für das Bedienen mithilfe einer Tastatur
   2. Navigieren mithilfe der Orientierungspunkte, Seiten-Regionen und Seiten-Struktur
8. Barrierefreiheit in der Bedienführung: Struktur, Ablauf und Elemente
   1. Struktur
      1. Orientierungspunkte & Seiten-Regionen (landmarks)
      2. Überschriften
      3. Barrierefreiheit für nicht-lineare, komplexe Seiteninhalte
   2. Ablauf
      1. Navigation im Ablauf mithilfe der Tabulator-Taste
         1. Fokus auf das zentrale Angebot einer Seite (Suche)
         2. Fokus auf den auszuführenden Arbeitsschritt (Link-Eingabe)
         3. Zusammenspiel von Fokus und Vorbelegen von Speicherplätzen (Kalender Teil I)
         4. Durchlaufen von Schleifen und das Setzen des Fokus nach Abschluss des Bedienschritts (Kalender Teil II)
      2. Navigieren im Ablauf mithilfe der Pfeiltasten
      3. Navigieren im Ablauf mithilfe der Leer- oder Enter-Taste
      4. Anwendungsbeispiel “Content Cards”
   3. Elemente
      1. Etiketten (labels) hinzufügen
      2. Gute ‘label’ formulieren
      3. ARIA-Rollen gezielt definieren
9. Regelmäßig auf die Maus verzichten
10. Fazit & Ausblick
11. Weiterführende Links
    1. WAI-ARIA Authoring Practices
    2. Farbkontraste testen und adaptieren
       1. Für Figma-Nutzer:innen: PlugIn “Contrast”
       2. Für MAC oder Windows: Colour Contrast Analyser (CCA) von TPGi
    3. ALLYcasts – YouTube Serie zu Accessibility