sin3

Tag: a11y

A collection of accessibility resources for developers building GOV.UK

Published by Sindre Wimberger on April 8th, 2014

What follows is a quick "first pass" for what you should be thinking about when checking the accessibility of the things we're building for GOV.UK. There will be additional work beyond this to provide accessibility documentation for the Digital by Default Standard in 2013, but these will get you thinking about building accessibly from the beginning.

HTML5 Barrierefreiheit

Published by Sindre Wimberger on March 14th, 2014

Ressourcen:

Book: A Web for Everyone - Designing Accessible User Experiences

Published by Sindre Wimberger on March 14th, 2014

you are in charge of the user experience, development, or strategy for a web site, A Web for Everyone will help you make your site accessible without sacrificing design or innovation. Rooted in universal design principles, this book provides solutions: practical advice and examples of how to create sites that everyone can use.

This book is like a "Hitchhiker's Guide to the Galaxy of Accessibility" for technical communicators, usability practitioners, and many more. There is something here for everyone-from the novice to the experienced practitioner-who wants to make a web for everyone."

- Karen Mardahl, STC AccessAbility SIG manager and Technical Writer, SimCorp.com

Barrierefreie Videoplayer

Published by Sindre Wimberger on February 26th, 2014

The Nomensa accessible media HTML5 <video> and <audio> made easy. One file. Any browser. Same UI. The open source HTML5 video playerJW PlayerWeitere Ressourcen:

Webseiten Barrierefreiheit Schnellcheck

Published by Sindre Wimberger on December 1st, 2013

Kriterien:

  • Semantik (HTML Struktur)
  • Tastaturbedienung (a:focus)
  • deaktiviertes JS
  • Schriftvergößerung (im Browser)
  • Farbkontraste
  • Formular (Label, Pflichtfelder, Fehlermeldungen)
  • Bilder (alt text)
  • Aussagekräftige Seitentitel
  • Linkfarben (link, hover, focus, visited)

Resoucen:

iOS VoiceOver Tipps (für Sehende)

Published by Sindre Wimberger on December 1st, 2013

Nützliche Gesten zum Testen von Anwendungen und Webseiten bei aktivierten VoiceOver auf iOS:

  • Bildschirmvorhang (drei mal mit drei Fingern tippen) - alle Funktionen sind dann noch über die Touchscreen erreichbar, aber eben nicht mehr sichtbar. Der Bildschirm ist also schwarz, was der Wahrnehmung eines Blinden simuliert.
  • Rotor (Drehung mit 2 Fingern. wie ine Drehknopf) - Einstellung wie VoiceOver durch ein Dokument wandert (einzelne Zeichen, Wörter oder Überschriften). Bei HTML Dokumenten gibt es weitere zusätzliche Möglichkeiten (Überschrift, Link, besuchter Link, nicht besuchter Link, Formelement, Tabelle, Frame und Bild)
    Das Streichen nach oben und unten führt dann zum ausgewählten nächsten Element.

Resourcen:

Apple VoiceOver Guide - Kapitel 11. Verwenden von VoiceOver-Gesten
https://www.apple.com/at/voiceover/info/guide/_1137.html

Applle Bedienungshilfen - VoiceOver
http://www.apple.com/at/accessibility/voiceover/