Möglichkeiten eines Browsers. für barrierefreies Surfen

Transkript

1 Möglichkeiten eines Browsers für barrierefreies Surfen

2 Inhaltsverzeichnis Vorwort...3 WCAG Häufigkeiten...5 Die Geschichte der beiden Browser...5 MS Internet Explorer: Textgröße...7 Deaktivierung CSS...7 Eigenes CSS verwenden...7 Schriftart erzwingen...8 Farben ignorieren...8 Hoher Kontrast...8 Weitere Einstellungen...9 Accesskeys...9 Mozilla Firefox: Textgröße...11 Deaktivierung CSS...11 Schriftart erzwingen...11 Farben ignorieren...12 Weitere Einstellungen...12 Accesskeys...12 about:config...12 Quellen...14 Impressum...14 Nachwort...14 Seite 2

3 Allgemeines Vorwort In meiner schulischen Ausbildung zum Mediendesigner wurde mir so einiges beigebracht, dachte ich. Ich habe gelernt wie man mit Hilfe von Tabellen Layouts und Designs erstellt, wie man mit CSS seinen Schriften ein einheitliches Schriftbild verleiht oder wie man mit Hilfe von Flash Webseiten dynamischer macht. Alles klang sehr solide, alles war sehr Design fixiert, alles war voll von Barrieren. Über die Benutzbarkeit von Internetseiten für blinde und sehbehinderte Menschen machte ich mir eigentlich kaum bis gar nicht Gedanken. Erst mit der Arbeit im steiermärkischen Blinden- und Sehbehindertenverband wurde mir klar, dass es eine unumgängliche Notwendigkeit ist, Webseiten barrierefrei zu gestalten. Am elften und zwölften Juli 2011 durfte ich beim IKT-Forum in Linz teilnehmen wo ich einen sehr interessanten Vortrag von Herrn Diplom Ingenieur Gerhard Nussbaum lauschen durfte. Der Vortrag hieß Browser Möglichkeiten und offenbarte Informationen über die Handhhabung der zwei im Moment meist genutzten Internetbrowser; Internetexplorer und Firefox. Da ich denke, dass bestimmt nicht alle Menschen mit Sehbehinderung wissen was alles NUR mit dem Browser möglich ist, habe ich mir erlaubt mit den erhaltenen Informationen und eigenen Anmerkungen eine kleine PDF-Datei zu erstellen, welche nicht nur für blinde und sehbehinderte Menschen interessant ist. Diese PDF-Datei ist barrierefrei. Das heißt der Text ist wirklich als Text zu lesen, das Inhaltsverzeichnis ist mit Links verknüpft und der Text ist zweispaltig, da mir zugetragen wurde, dass Menschen mit Vergrößerungsprogrammen sich so erheblich leichter beim Lesen tun. Außerdem ist der Text linksbündig ausgerichtet, um Satzanfänge bzw. Enden klarer zu erkennen. Das Dokument ist aufgegliedert in zwei Bereiche: Allgemeines und Praktisches. Allgemeines sind kurze Informationen rund um den praktischen Bereich, wohingegen der praktische Bereich ganz klar eine Hilfestellung für das Surfen im Internet bietet Diese Datei wurde von Menschen mit Sehbehinderung getestet. Sollten Sie jedoch trotzdem Mängel in der Barrierefreiheit feststellen, so bitte ich Sie mich darauf aufmerksam zu machen und mir eine zu schreiben an: Desweiteren können durch Updates immer wieder neue Funktionen in die Browser implementiert werden. Wenn Sie also finden, ich habe eine wichtige Funktion vergessen dann bitte ich Sie mir auch das mitzuteilen. Ich bedanke mich bei Herrn Diplom Ingenieur Gerhard Nussbaum für die Zurverfügungstellung der Informationen. Kevin Pretterhofer Seite 3

4 Allgemeines WCAG 2.0 Die Web Content Accessibility Guidelines(WCAG) deutsch: Richtlinien für barrierefreie Webinhalte sind eine Empfehlung der Web Accessibility Initiative (WAI) des World Wide Web Consortiums (W3C) zur barrierefreien Gestaltung der Inhalte von Internetangeboten. Webseiten, die diesen Richtlinien entsprechen, sind auch für Menschen mit sensorischen und motorischen (und in gewissen Rahmen mentalen) Einschränkungen zugänglich, das heißt sie können die angebotenen Informationen erfassen und notwendige Eingaben tätigen. Die WCAG stehen im Zentrum zahlreicher Richtlinien und Spezifikationen, die die WAI zur Förderung eines barrierefreien Internets erarbeitet hat. In Deutschland steckt die praktische Umsetzung dieser Richtlinien noch im Anfangsstadium und wird seit 2002 durch die gesetzliche Verankerung in der Barrierefreie Informationstechnik-Verordnung (BITV) gefördert. (Auszug aus Wikipedia - der freien Enzyklopädie) Hervorzuheben im Bezug auf das Thema Browsermöglichkeiten sind besonders folgende Punkte des WCAG 2.0: Textgröße ändern: Mit Ausnahme von Untertiteln und Bildern eines Textes, kann Text ohne assistierende Technik um bis zu 200 Prozent geändert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht. (Stufe AA) Visuelle Präsentation: Die Textgröße kann ohne assistierende Technik bis auf 200 Prozent skaliert werden und zwar so, dass der Leser nicht horizontal scrollen muss, um eine Textzeile in einem bildschirmfüllenden Fenster zu lesen. Eine komplette deutsche Übersetzung dieser Richtlinien finden Sie auf: Seite 4

5 Allgemeines Häufigkeiten Warum werden hier nur die Browser Internet Explorer und Mozilla Firefox erklärt? Ganz einfach: Es gibt eine vielzahl von verschiedensten Internetbrowsern - alle arbeiten etwas anders, schneller, langsamer, benutzerfreundlicher oder unfreundlicher und so weiter. Die am häufigsten verwendeten Browser sind aber ganz klar der MS Internet Explorer und Mozilla Firefox. Auf der Seite (ein Portal für Menschen mit Behinderungen) tritt bei den Besuchern im Jahr 2011 der Internet Explorer mit einer Häufigkeit vo 68,5% auf, Mozilla Firefox am zweit häufigsten mit 25,8%. Auf der Seite (die Internetseite des steiermärkischen Blinden- und Sehbehindertenverbandes) herrscht eine etwas andere Aufteilung, jedoch sind auch hier der MS Internetexplorer und Mozilla Firefox die führenden; der Internet Explorer tritt mit einer Häufigkeit von 44,01% auf, Firefox liegt bei 41,57%. Die Geschichte der beiden Browser Natürlich wird hier nicht die Geschichte beider Browser im Detail aufgeführt, aber eine kurze Erklärung warum gerade diese beiden Browser die Vorherrschaft im Internet haben. In den Neunzigern gab es am Markt eigentlich nur einen relevanten Browser, genannt: Netscape Navigator. Der Netscape Navigator konnte einen Marktanteil von stolzen 90% für sich beanspruchen. Damals stattete sogar Microsoft seine Rechner mit dem Netscape Navigator aus. Im Jahre 1995 jedoch brachten Microsoft zusammen mit Windows 95 ihren eigenen Browser auf den Markt: den Internet Explorer. Binnen weniger Jahre wurde dieser so beliebt (da er auch mit dem Betriebssystem mitausgeliefert wurde) dass er schon bald einen Marktanteil von 95% für sich beanspruchen konnte wurde Netscape an AOL verkauft, welche den Quellcode für Netscape offen legten. Aus diesem frei verfügbaren Quellcode entstand dann nach einiger Zeit der Mozilla Browser, beziehungsweise Mozilla Firefox. Der Kern war also noch immer der Netscape Navigator, aber das sogenannte rundherum wurde verbessert. Mit Mozilla Firefox wurde auch das sogenannte tabbed browsing in der Browserwelt etabliert. Tabbed browsing bedeutet mehrere Internetseiten in einem Fenster auf Abruf bereit zu haben. Man kann also sagen dass der Internet Explorer aufgrund der Tatsache dass er mit Windows zusammen ausgeliefert wird immer noch Marktführer ist, jedoch dicht gefolgt vom Mozilla Firefox und dahinter auch anderen renomierten Browsern wie: Google Chrome, Safari oder Opera. Wie der Wettkampf ausgeht weiß man nicht, aber man darf gespannt sein. Seite 5

6 Seite 6 Internet Explorer

7 Praktisches Textgröße Um konkret die Textgröße der Webseiten im Internet Explorer zu ändern, wählt man Ansicht - Textgröße - Sehr klein bis Sehr groß Deaktivierung CSS Ein CSS ist ein sogenanntes Cascading Style Sheet. In einer CS Datei werden verschiedene visuelle Regeln festgesetzt, wie Farben, Anordnungen, Schriften oder Größen von Objekten und Texten. Wurde eine Webseite sauber programmiert, so erhält man ohne den CSS- Dateien einen manchmal mehr, manchmal weniger schön gegliederten Text. Im Internetexplorer kann man CSS Dateien ausblenden unter: Ansicht - Format - Kein Format Schriftgradangaben können ignoriert werden unter: Extras - Internet Optionen - Barrierefreiheit - Schriftgradangaben ignorieren. Es kann jedoch vorkommen, dass es zu Textüberlagerungen kommt. Eigenes CSS verwenden Man kann, sofern man das nötige Wissen hat, ein universelles CSS erstellen. Extras - Internet Optionen - Allgemein - Barrierefreiheit - Benutzerstylesheets Seite 7

8 Praktisches Schriftart erzwingen Immer wieder gibt es Seiten im Internet, welche eine sehr unleserliche, serifenreiche Schrift besitzen. Der Trend geht zwar eher zu geraden Schriften, aber es kann dennoch vorkommen. Abhilfe schafft man sich, indem man seine eigene Schriftart erzwingt mit: 1. Extras - Internetoptionen - Barrierefreiheit - Schriftangaben ignorieren Farben ignorieren Um die Farbangaben auf Webseiten zu ignorieren, wählt man einfach: Extras - Internet Optionen - Barrierefreiheit - Farbangaben ignorieren 2. Extras - Internetoptionen - Standardschriftart auswählen. Hoher Kontrast Wenn man sich die Systemfarben von Windows individuell angepasst hat (hoher Kontrast) kann man diese auch für das Internet verwenden: Extras - Internet Optionen - Allgemein - Farben - Windows-Farben verwenden Seite 8

9 Praktisches Weitere Einstellungen Um im Internet Explorer einen Cursor mit der Tastatur zu navigieren (um zum Beispiel Texte zu markieren) kann man F7 drücken. Man kann die Tastaturnavigation aber auch permanent einstellen unter: Extras - Internet Optionen - Erweitert - Einstellungen - Barrierefreiheit - Tastaturnavigation für neue Fenster. Accesskeys Accesskeys ermöglichen das direkte Springen zu diversen Inhalten. Meist sind die möglichen Accesskeys (sofern vorhanden) auf der Webseite aufgelistet. NICHT JEDE SEITE BENUTZT ACCESSKEYS - aber der Trend geht definitiv dahin. Um im Internet Explorer Accesskeys zu benutzen drückt man Alt+Zahl und Enter (wobei die Zahl der zugewiesene Accesskey ist) Seite 9

10 Seite 10 Firefox

11 Praktisches Textgröße Um die Textgröße der Internetseiten im Firefox zu ändern wählt man: Ansicht - Zoom - nur Text zoomen und kann dann mit Strg + + bzw - vergrößern oder verkleinern. Wenn man kein Häckchen bei nur Textzoomen setzt, so vergrößert man auch die anderen Elemente auf der Seite. Deaktivierung CSS Ein CSS ist ein sogenanntes Cascading Style Sheet. In einer CSS Datei werden verschiedene visuelle Regeln festgesetzt, wie Farben, Anordnungen, Schriften oder Größen von Objekten und Texten. Wurde eine Webseite sauber programmiert, so erhält man ohne den CSS-Dateien einen manchmal mehr, manchmal weniger schön gegliederten Text. Im Firefox kann man CSS Dateien ausblenden unter: Ansicht - Webseiten-Stil - Kein Stil Schriftart erzwingen Immer wieder gibt es Seiten im Internet, welche eine sehr unleserliche, serifenreiche Schrift besitzen. Der Trend geht zwar eher zu geraden Schriften, aber es kann dennoch vorkommen. Abhilfe schafft man sich, indem man seine eigene Schriftart erzwingt mit: Exras - Einstellungen - Inhalt - Schriftarten & Farben - Erweitert. 1. Deaktivieren von Seiten das Verwenden von eigenen statt oben gewählten Schriftarten erlauben 2. Standardschrift wählen Seite 11

12 Praktisches Farben ignorieren Um die Farbangaben zu ignorieren muss man im Firefox folgendes machen: Extras - Einstellungen - Inhalt - Schriftarten & Farben - Farben - Seiten das Verwenden von eigenen statt oben gewählten Farben erlauben deaktivieren. Weitere Einstellungen Um im Firefox einen Cursor mit der Tastatur zu navigieren (um zum Beispiel Texte zu markieren) kann man F7 drücken. Man kann die Tastaturnavigation aber auch permanent einstellen unter: Extras - Einstellungen - Erweitert - Eingabehilfen - Markieren von Text mit der Tastatur zulassen Accesskeys Accesskeys ermöglichen das direkte Springen zu diversen Inhalten. Meist sind die möglichen Accesskeys (sofern vorhanden) auf der Webseite aufgelistet. NICHT JEDE SEITE BENUTZT ACCESSKEYS - aber der Trend geht definitiv dahin. Um im Firefox Accesskeys zu benutzen drückt man Alt+Shift+Zahl (wobei die Zahl der zugewiesene Accesskey ist) about:config Gibt man in der Adressleiste von Firefox about:config ein, so bekommt man (zu Recht) einen Warnhinweis, dass man aufpassen sollte. In der about:config kann man viele nützliche Einstellungen treffen, sollte man aber einen Blödsinn machen, kann passieren, dass der Browser nicht mehr funktioniert. Umstellung von Accesskeys auf Alt+ statt Alt+Shift+ : ui.key.gerneralaccesskey auf 18 setzen und ui.key.menuaccesskey auf -1 setzen Um automatische Reloads oder Weiterleitungen zu unterbinden setzt man einen Häkchen bei: Extras - Einstellungen - Erweitert - Eingabehilfen - Warnen wenn Webseites versuchen umzuleiten oder neuzuladen. Umstellung Accesskeys auf Alt+ und Enter (wie der Internet Explorer): accessibility.accesskeycauseactivation auf false setzen. Verhalten der Tabulator Taste ändern: accessibility.tabfocus 1 (nur textfelder), 2 (alle Formularelemente außer Textfelder), 4 (nur Links und verlinkte Bilder) und Kombinationen (zum Beispiel: 1+2+4=7) Seite 12

13 Praktisches Focus-Umrandung bei allen Elementen anzeigen: browser.display.focus_ring_on_anything auf true setzen. Breite der Focus-Umrandung browser.display.focus_ring_width 0 (keine Umrandung), 1 (dünn), >0 Breite in Pixel. Focus-Vorder/Hintergrund-Farbe definieren browser.display.use_focus_colors auf true Hintergrund: browser.display.focus.brackground_color Vordergrund: browser.display.focus_text_color Blinkende Elemente ausschalten (HTML und CSS) browser.blink_allowed auf false setzen Seite 13

14 Allgemeines Quellen Titelbild: FreeStock Foto - WCAG 2.0: Accessibility_Guidelines WCAG 2.0: Nachwort Ich hoffe Ihnen haben die Informationen und Tipps aus diesem Dokument geholfen. Ich bitte Sie diese Informationen weiterzuschicken oder an Menschen weiterzugeben wo Sie das Gefühl haben, dass auch diese sie brauchen können. Bei Fehlern, Hinweisen oder Fragen scheuen Sie nicht mich zu kontaktieren. Kevin Pretterhofer Häufigkeiten: Vortrag Browser Möglichkeiten von Herrn Diplom Ingenieur Gerhard Nussbaum und Analyse der Seite Geschichte der beiden Browser: Der praktische Teil: Vortrag Browser Möglichkeiten von Herrn Diplom Ingenieur Gerhard Nussbaum Und natürlich die eigene Erfahrung Impressum Kevin Pretterhofer für den steiermärkischen Blinden- und Sehbehindertenverband informationstechnik@stbsv.info Seite 14