Your SlideShare is downloading. ×
0
Webseiten mit Screenreadern testen Barrierefreiheit und Zugänglichkeit mit NVDA testen Domingos de Oliveira  Online-Redakt...
Was kommt <ul><li>Screenreader was?  </li></ul><ul><li>NVDA – Vor- und Nachteile </li></ul><ul><li>Installation und Verwen...
NVDA - Vorteile <ul><li>kostenlos und OpenSource </li></ul><ul><li>ohne Installation verwendbar </li></ul><ul><li>wird stä...
Screenreader <ul><li>Inhalt des Bildschirms wird als Sprache oder Blindenschrift ausgegeben </li></ul><ul><li>Kosten zwisc...
NVDA - Nachteile <ul><li>für den Büro-Einsatz bisher ungeeignet </li></ul><ul><li>einige Features kommerzieller Screenread...
Download/Installation  <ul><li>http://www.nvda-project.org/  Installations- oder portable Version auswählen </li></ul><ul>...
Steuerung <ul><li>Desktop-Screenreader werden vollständig über die Tastatur gesteuert </li></ul><ul><li>eine Liste wichtig...
Wichtige Shortcuts <ul><li>Eing + N = Kontextmenü und Beenden </li></ul><ul><li>im Browser </li></ul><ul><li>- H = Ansage ...
Was kann man testen? <ul><li>Sind alle Elemente der Seite via Tastatur erreichbar? </li></ul><ul><li>Werden alle Elemente ...
Screenreader simulieren <ul><li>Mit der Firefox Accessiblity Extension lassen sich einige Funktionen von Screenreadern nac...
Infos zu Access-Tests <ul><li>Webseiten mit dem Internet Explorer testen  http://www.oliveira-online.net/wordpress/index.p...
Vielen Dank Domingos de Oliveira Online-Redaktion & Barrierefreiheit Web: www.oliveira-online.net
Upcoming SlideShare
Loading in...5
×

Webseiten mit Screenreadern testen

4,979

Published on

Zugänglichkeit und Barrierefreiheit mit dem kostenlosen und freien Screenreader NVDA testen

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
4,979
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Webseiten mit Screenreadern testen"

  1. 1. Webseiten mit Screenreadern testen Barrierefreiheit und Zugänglichkeit mit NVDA testen Domingos de Oliveira Online-Redaktion & Barrierefreiheit Web: www.oliveira-online.net
  2. 2. Was kommt <ul><li>Screenreader was? </li></ul><ul><li>NVDA – Vor- und Nachteile </li></ul><ul><li>Installation und Verwendung </li></ul><ul><li>Tests durchführen </li></ul><ul><li>Weitere Informationen </li></ul>
  3. 3. NVDA - Vorteile <ul><li>kostenlos und OpenSource </li></ul><ul><li>ohne Installation verwendbar </li></ul><ul><li>wird ständig weiterentwickelt </li></ul><ul><li>für das Web mehr als ausreichend </li></ul><ul><li>unterstützt auch moderne Standards wie Flash und WAI ARIA </li></ul><ul><li>funktioniert am besten mit Firefox 3.x </li></ul>
  4. 4. Screenreader <ul><li>Inhalt des Bildschirms wird als Sprache oder Blindenschrift ausgegeben </li></ul><ul><li>Kosten zwischen 1000 – 3000 Euro </li></ul><ul><li>die professionelle Nutzung erfordert viel Einarbeitung und Übung </li></ul><ul><li>für kleine Tests reicht ein wenig Training vollkommen aus </li></ul>
  5. 5. NVDA - Nachteile <ul><li>für den Büro-Einsatz bisher ungeeignet </li></ul><ul><li>einige Features kommerzieller Screenreader fehlen </li></ul><ul><li>Stimme gewöhnungsbedürftig </li></ul>
  6. 6. Download/Installation <ul><li>http://www.nvda-project.org/ Installations- oder portable Version auswählen </li></ul><ul><li>Installation läuft wie unter Windows üblich </li></ul><ul><li>portable Version entpacken und starten </li></ul>
  7. 7. Steuerung <ul><li>Desktop-Screenreader werden vollständig über die Tastatur gesteuert </li></ul><ul><li>eine Liste wichtiger Tastenkombinationen gibt es unter http://www.vianos.de/barrierefreies-webdesign.html </li></ul><ul><li>mit dem Shortcut Einfg + N erreicht man das Kontextmenü, hier kann das Programm beendet werden </li></ul>
  8. 8. Wichtige Shortcuts <ul><li>Eing + N = Kontextmenü und Beenden </li></ul><ul><li>im Browser </li></ul><ul><li>- H = Ansage der nächsten Überschrift </li></ul><ul><li>- F = Ansage des nächsten Formularelements </li></ul><ul><li>- A = nächster Link </li></ul><ul><li>- mit Shift + Taste erreicht man das jeweils vorherige Element </li></ul><ul><li>- Steuerung erfolgt über Cursor-Tasten </li></ul>
  9. 9. Was kann man testen? <ul><li>Sind alle Elemente der Seite via Tastatur erreichbar? </li></ul><ul><li>Werden alle Elemente beim Tabben angesagt? </li></ul><ul><li>Bleibt der Screenreader in einem Element der Seite stecken? </li></ul><ul><li>beim Testen IMMMER ausschließlich die Tastatur nutzen </li></ul>
  10. 10. Screenreader simulieren <ul><li>Mit der Firefox Accessiblity Extension lassen sich einige Funktionen von Screenreadern nachrüsten </li></ul><ul><li>Blinde lassen sich gerne Überschriften oder Links von Webseiten auflisten </li></ul><ul><li>FAE-Toolbar von der Firefox-Seite herunterladen und installieren </li></ul>
  11. 11. Infos zu Access-Tests <ul><li>Webseiten mit dem Internet Explorer testen http://www.oliveira-online.net/wordpress/index.php/2010/10/15/webseiten-mit-der-accessibility-toolbar-fur-den-internet-explorer-testen/ </li></ul><ul><li>Barrierefreiheit mit der FAE-Toolbar testen http://www.oliveira-online.net/wordpress/index.php/2010/10/09/barrierefreiheit-testen-mit-der-firefox-accessibility-extension/ </li></ul><ul><li>Sollten Webseiten mit Screenreadern getestet werden? http://www.oliveira-online.net/wordpress/index.php/2010/09/26/sollten-webseiten-mit-screenreadern-getestet-werden/ </li></ul><ul><li>Querlesen für Blinde http://www.oliveira-online.net/wordpress/index.php/2010/08/01/querlesen-fur-blinde/ </li></ul><ul><li>Navigieren mit Tasten – warum Blinde im Web manchmal im Vorteil sind http://www.oliveira-online.net/wordpress/index.php/2010/09/17/navigieren-mit-tasten-warum-blinde-im-web-manchmal-im-vorteil-sind/ </li></ul>
  12. 12. Vielen Dank Domingos de Oliveira Online-Redaktion & Barrierefreiheit Web: www.oliveira-online.net
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×