Prüfbericht zum abschließenden BITV-Test
|
|
- Helge Junge
- vor 6 Jahren
- Abrufe
Transkript
1 barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp Hamburg Telefon: (040) Fax: (040) Untersuchte Website: Prüfstelle: BIK Beratungsstelle Hamburg Prüfverfahren: abschließender BITV-Test Prüfer: Thomas Mayer Prüfdatum: Gesamtergebnis: 92,25 Punkte Gesamtbewertung: gut zugänglich Ein Webauftritt, der alle Anforderungen des BITV-Tests, erreicht ein Ergebnis von 100 Punkten. Anforderungen, die nicht oder nur teilweise sind, führen zu Punktabzügen. Die Summe der Punktabzüge für nicht oder nur teilweise e Anforderungen beträgt in diesem Test 7,75 Punkte. Dieser Prüfbericht wurde erstellt am: Vereinbart wurde: Die Prüfstelle legt die Anzahl der zu prüfenden Seiten fest und wählt eingehend zu prüfende Seiten aus. Das Ergebnis der Prüfung kann veröffentlicht werden. Die direkte Zugänglichkeit programmierter Objekte wird nicht geprüft. Das Prüfergebnis gilt also gegebenenfalls nicht für den gesamten Webauftritt. Geprüft wird die "Normalversion" des Webauftritts. Spezielle Textversionen für Behinderte werden nicht in die Prüfung einbezogen. Der BITV-Test basiert auf Teil 1 der Anlage der Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (Barrierefreie Informationstechnik-Verordnung - BITV 2.0) vom 12. September Ausführliche Informationen zum Prüfverfahren: BIK ist ein Gemeinschaftsprojekt des DBSV (Deutscher Blinden- und Sehbehindertenverband e.v.), des DVBS (Deutscher Verein der Blinden und Sehbehinderten in Studium und Beruf e.v.) und der DIAS GmbH. Das Projekt wird durch das Bundesministerium für Arbeit und Soziales gefördert. 1/7
2 Prüfgegenstand Folgende Seiten wurden vollständig geprüft: Seite 1 (Startseite) Titel: Die Krankenkasse für Ihre Gesundheit IKK - classik URL: Seite 2 (Akkordeon) Titel: Zahnersatz - IKK classik URL: Seite 3 (Tab-Panel) Titel: Zuzahlung und Zuzahlungsbefreiung - IKK classik URL: Seite 4 (Formular) Titel: Online-Mitgliedserklärung - IKK classik URL: Anmerkung zur Dokumentation des Prüfgegenstands: Die Seiten wurden soweit möglich zum angegebenen Zeitpunkt heruntergeladen (bzw. generiert). Spätere Änderungen der geprüften Seiten waren nicht Gegenstand der Prüfung. Prüfergebnis Insgesamt 50 Anforderungen werden im BITV-Test überprüft. Anforderungen, die nicht vollständig sind, führen zu Punktabzügen. Die Anforderungen sind unterschiedlich gewichtet. Je nach Gewichtung werden für nicht oder nicht vollständig e Anforderungen bis zu 3 Punkte abgezogen. Gewichtung hoch mittel niedrig Punktwert 3 Punkte 2 Punkte 1 Punkt Nicht e Anforderungen Keine Anforderung wurde als "nicht " bewertet. Eher nicht e Anforderungen Keine Anforderung wurde als "eher nicht " bewertet. Teilweise e Anforderungen 1 Anforderung wurde als "teilweise " bewertet. Für sie werden 50% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.4.3a - Kontraste von Texten ausreichend mittel 1 Eher e Anforderungen 12 Anforderungen wurden als "eher " bewertet. Für sie werden jeweils 25% des Punktwerts abgezogen. 2/7
3 Prüfschritt Gewichtung Punktabzug 1.1.1a - Alternativtexte für Bedienelemente hoch 0, b - HTML-Strukturelemente für Listen mittel 0, d - Inhalte gegliedert mittel 0, b - Kontraste von Grafiken ausreichend mittel 0, c - Inhalte bei benutzerdefinierten Farben erkennbar mittel 0, a - Ohne Maus nutzbar hoch 0, a - Schlüssige Reihenfolge bei der Tastaturbedienung mittel 0, a - Aktuelle Position des Fokus deutlich gering 0, a - Position im Webauftritt klar hoch 0, a - Fehlermeldungen hilfreich mittel 0, a - Formularfelder richtig beschriftet hoch 0, a - Name und Rolle von Bedienelementen verfügbar mittel 0,5 Erfüllte Anforderungen 24 Anforderungen wurden als "" bewertet. Nicht anwendbare Anforderungen 13 Anforderungen wurden als "" bewertet. Gesamtergebnis Die Summe der Punktabzüge beträgt 7,75 Punkte. Für die Website ergibt sich daraus ein Gesamtergebnis von 92,25 Punkten. Ergebnisse für einzelne Seiten Seite Punkte Seite 1 (Startseite) 96,75 Seite 2 (Akkordeon) 96,25 Seite 3 (Tab-Panel) 96,25 Seite 4 (Formular) 89,25 Hinweis: Im Gesamtergebnis für den Webauftritt können sich unterschiedliche Mängel einzelner geprüfter Seiten summieren. Das Gesamtergebnis kann daher schlechter sein als das durchschnittliche Ergebnis der geprüften Seiten. Anmerkungen zu einzelnen Prüfschritten Die folgende Tabelle zeigt Anmerkungen zu einzelnen Prüfschritten. Die Spalte "Bewertung" enthält die zusammenfassende Bewertung des Prüfschritts. Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente eher Seite 1: Seite 2: Seite 3: Seite 4: teilweise / Mitgliedserklärung, 3. Ansicht: Icons "Edit", "Save": keine Textalternative. 3/7
4 1.1.1b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme Videos 1.2.2a - Videos mit Untertiteln 1.2.3a - Audiodeskription für Videos 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1c - HTML-Strukturelemente für Zitate eher Seite 4: Betr. alle Seiten mit Breadcrumbnavigation: Auszeichnung mit aria-label ist gut. Allerdings wird dieses dann mit display: none unsichtbar gemacht. Das verstecken von ARIA-Elementen ist nicht notwendig da diese in der visuellen Ansicht nicht ausgeliefert werden. Seite 1: Seite 4: 1.3.1d - Inhalte gegliedert eher Seite 1: Seite 2: Seite 3: Seite 4: teilweise / Mitgliedserklärung: Die Gliederung des Formulars erfolgt nicht durchgängig mit fieldset. Das legend- Element wird gar nicht eingesetzt. Das wäre zur Kennzeichnung der unterschiedlichen Formularbereiche (z.b. Persönliche Angaben / Angaben zum Arbeitgeber) hier aber sehr sinnvoll e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.2a - Ton abschaltbar Seite 3: / Tabelle "Zuzahlung": Spalten- oder Reihenüberschriften (th) sind nicht vorhanden, bei dieser einfach aufgebauten Tabelle aber auch nicht zwingend notwendig. (Bei komplexeren Tabellen i.d.r. mehr als 3 Spalten müssen die Überschriftenzellen mit th ausgezeichnet werden). 4/7
5 1.4.3a - Kontraste von Texten ausreichend 1.4.3b - Kontraste von Grafiken ausreichend 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar teilweise eher eher Das "IKK-Blau" (0BA1E2) hat in Kombination mit Weiß oder Grau einen relativ schlechten Helligkeitskontrast (IST: 2,91:1, SOLL: 4,5:1). Das betrifft sehr viele Inhaltselemente. Textvorbelegung für Eingabefelder (z.b. Suchfunktion a8a8a8 auf fff, IST: 2,83:1, SOLL: 4,5:1) Navigation im Kopfbereich, nicht aktive Links ("IKK classic", "Firmenkunden" etc. 5e5e5d auf ccc, IST: 2,83:1, SOLL: 4,5:1) Siehe oben, "IKK-Blau" für diverse Icons und Buttons. Seite 1: Seite 2: Seite 3: Seite 4: teilweise / Mitgliedserklärung: Zustand von Checkboxen und Radio-Buttons ist nicht mehr erkennbar (Hintergrundgrafiken) 1.4.4a - Schriftgröße variabel Im IE ist keine Schriftvergrößerung möglich. Mit Firefox kommt es bei Schriftvergrößerung zu Darstellungsproblemen wie abgeschnittenen Inhalten oder Überlagerungen Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b: Im Zuge der Angleichung an die WCAG 2.0 werden die beiden im BITV-Test z.zt. noch getrennt vorhandenen Schriftvergrößerungs Prüfschritte zukünftig zusammen genommen bewertet werden. Diese Entscheidung ist noch nicht verbindlich im BITV-Test Prüfverbund gefallen, ist aber im Ergebnis sehr wahrscheinlich, weswegen dieser Ansatz bereits in diesem Test verfolgt wird. Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion ausreicht, zählt im BITV-Test in Zukunft für beide Prüfschritte 1.4.4a und 1.4.4b die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete Prüfschritt wird unabhängig von dem schlechteren Prüfergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt b - Bei Zoom auf 200% benutzbar Bei Nutzung der Zoom-Funktion wird am Desktop das Layout für mobile Geräte ausgeliefert. Probleme in dieser Ansicht werden bei den jew. relevanten Prüfschritten bewertet a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar eher Funktion "Copyright anzeigen": die Lightbox- Ansicht ist mit der Tastatur zu öffnen, der Schließen-Button innerhalb der Ansicht ist aber nicht fokussierbar (vgl. mit der Umsetzung bei "Geschäftsstellen" oder "Kontakt"). 5/7
6 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.4a - Aussagekräftige Linktexte 2.4.4b - Links informieren über Dateiformat 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich eher eher ESC funktioniert hier, ist aber nicht dokumentiert. Seite 1: Seite 2: Seite 3: Seite 4: eher nicht / Mitgliedserklärung: Datumseingabe funktioniert nicht verlässlich ohne Datepicker. 1. Ansicht: im ersten Durchgang klappt es - nachdem man den Radio- Button ausgewählt hat), wenn man rückwärts tabbt und direkt in das Feld springt, klappt es nicht. Es wäre sinnvoll, wenn man das Feld mit dem Datepicker nicht erreichen würde, wenn man nicht die entsprechende Auswahl getroffen hat. In der 2. Ansicht (Feld "Geburtsdatum") ist keine Eingabe ohne Maus möglich. Mobiles Layout, Menüs "Kontakt", "Suche": Nach dem Aufklappen gelangt man mit der Tab- Taste nicht direkt in den ausgeklappten Inhalt sondern muss erst weitere Links durchwandern. Seite 1: Seite 2: Seite 4: Seite 1: Seite 2: Seite 3: Seite 4: teilweise / Mitgliedserklärung: Bei Checkboxen und Radio-Buttons wird die Fokushervorhebung unterdrückt a - Position im Webauftritt klar eher Betr. Hier (und auf den anderen Übersichtsseiten dieser Ebene) fehlt die Breadcrumbnavigation b - Zweck der Alternativversion einleuchtend 3.1.1a - Hauptsprache angegeben 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 6/7
7 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe 3.2.3a - Navigation einheitlich Es werden keine anderssprachigen Wörter verwendet a - Fehlermeldungen hilfreich eher Seite 1: Seite 2: Seite 3: Seite 4: eher / Die Fehlermeldungen sind als Sprunglinks umgesetzt. Bei Aktivierung wird der Fokus jedoch nicht in das Feld versetzt, es wird nur der Viewport verschoben a - Formularfelder richtig beschriftet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar eher eher Seite 1: Seite 2: Seite 3: Seite 4: eher / label fehlt Die Beschriftungen der Selects sollten mit dem select verknüpft sein. Seite 1: Seite 2: Seite 3: Mobiles Layout: "Kontakt", "Suche", "Menü": Der Zustand (erweitert/reduziert) sollte über ariaexpanded vermittelt werden. Das aria-label, das den Zustand der Subnavigation vermitteln soll, wird nicht je nach Zustand umgeschrieben, es lautet jeweils "Subnavigation ausklappen" - auch wenn die Navigation mit dem Bedienelement eingeklappt wird. Seite 4: eher / Mitgliedserklärung: Für die Anzeige des aktuellen Prozesschritts (1,2,3 ) werden button-elemente verwendet. Wenn diese Schaltflächen nicht verfügbar sind sollten sie mit aria-disabled (bzw. einer vergleichbaren HTML-Technik) ausgezeichnet werden. Ansicht: "Prüfen und Abschicken": Das Bedienelement zum Bearbeiten einer Eingabe, blendet das ensprechende Formularfeld ein. Dieser Zustand wird jedoch nicht mit ariaexpanded vermittelt. 7/7
Prüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Sonja Weckenmann c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Sonja Weckenmann c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Sonja Weckenmann c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BITV-Consult c/o Conclusys Detlef Girke Accessibility-Beratung und Workshops Max-Brauer-Allee 45 22765 Hamburg Telefon:
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Sonja Weckenmann c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875
MehrPrüfbericht zum entwicklungsbegleitenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum entwicklungsbegleitenden BITV-Test BITV-Consult Detlef Girke Accessibility-Beratung und Workshops Max-Brauer-Allee 45 22765 Hamburg Telefon:
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Detlev Fischer c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875 25
MehrPrüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Detlev Fischer c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875 25
MehrEvaluation der Barrierefreiheit mit der Firefox Web Developer Toolbar
Evaluation der Barrierefreiheit mit der Firefox Web Developer Toolbar Viele Betreiber von Webseiten sind sich unsicher, wie sie die Barrierefreiheit ihrer Webseite evaluieren können. Der Vortrag soll praktikable
MehrDer BITV Test. SFK, Schulung Medienfachwirte. Prüfschritte, Beispiele, Übungen
Der BITV Test SFK, Schulung Medienfachwirte Prüfschritte, Beispiele, Übungen Dipl.-Ing. Detlef Girke BIK-Hamburg, Beratung und Schulung girke@bik-online.info SFK, Schulung Medienfachwirte 21. Februar 2007
Mehrbarrierefrei informieren und kommunizieren Barrierefreie Web-Auftritte
barrierefrei informieren und kommunizieren Barrierefreie Web-Auftritte "Die Anforderungen des Behindertengleichstellungsgesetzes (BGG) und der BITV an die Barrierefreiheit" an der Justus- 27. Januar 2005
MehrBedienhilfen für Menschen mit Behinderung
Bedienhilfen für Menschen mit Behinderung Inhalt 1. Erste Orientierungshilfen 1.1.Übersicht 1.2.Suchformulare 2. Bedienung per Tastatur 2.1.Nutzung der Seiten mit Tastatur 2.2.Tastaturkürzel 3. Größe ändern
MehrTesten der Barrierefreiheit
Testen der Barrierefreiheit Mehr Wert für @lle Referent: Jan Eric Hellbusch Grundlage Als Grundlage für die Bewertung der Barrierefreiheit wird der sogenannte BITV-Test des Projekts "Barrierefrei Informieren
MehrAnforderungen an ekiosk-systeme aus der Sicht von Menschen mit Behinderungen
29. Dialog ehealth Behörde für Soziales, Familie, Gesundheit und Verbraucherschutz Anforderungen an ekiosk-systeme aus der Sicht von Menschen mit Behinderungen Dipl-Soz. Karsten Warnke (BIK-Projektkoordinator)
MehrWarum Tables doof und Divs viel besser sind
Warum Tables doof und Divs viel besser sind Web Development Fulda 03.02.2010 Dr. med. Christine Trutt-Ibing www.barrierearm-im-netz.de Barrierefreier Zugang zu einem Internetauftritt bedeutet, dass Internetanwendungen
MehrTYPOlight-Usertreffen 2009. Barrierefreiheit?
Barrierefreiheit? Das ist doch nur für Blinde! Zu kompliziert. Zu teuer. Unsere Kunden sind nicht behindert. Müssen wir machen *seufz* sind verpflichtet Wir haben schon eine NurText-Version. Barrierefreiheit!
MehrArgumente für ein barrierefreies Webdesign
Argumente für ein barrierefreies Webdesign Musterpräsentation für die BKB-Öffentlichkeitsarbeit Kosten-Nutzen-Aspekte barrierefreien Webdesigns BKB-BIK-Teilprojekt 2010 1 Übersicht Konventionelles Webdesign
MehrBild, Spiegel, Tagesschau und Co.
Nachrichten barrierefrei / 17. September 2013 / Seite 1 * Bild, Spiegel, Tagesschau und Co. Wie barrierefrei sind Deutschlands wichtigste Online Nachrichtenportale? Ergebnisse einer qualitativen Analyse
MehrPDF testen und korrigieren
PDF testen und korrigieren Seminar BS 164 Barrierefrei publizieren mit Word und PDF Edith Vosta Wien, Juni 2015 edith.vosta@bka.gv.at Adobe Acrobat Professional XI vorbereiten: Werkzeuge einrichten und
MehrBarrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter
Barrierefreies Web Web-Sites so gestalten, dass jeder sie nutzen und lesen kann Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Dr. Armin Schulz Inhalte Was habe ich davon? Mythen Vorteile
MehrWAS IST BARRIEREFREIHEIT? EIN KURZTEST. Sylvia Egger sprungmarker.de brainbits.net
WAS IST BARRIEREFREIHEIT? EIN KURZTEST Sylvia Egger sprungmarker.de brainbits.net 2 Sylvia Egger Webentwicklerin in der Agentur brainbits 10 Jahre Agenturerfahrung, 7 Jahre Arbeit mit Barrierefreiheit
MehrAndreas Jeitler, Bakk.techn. Mark Wassermann. HTL Villach, 16.11. 2009. Andreas Jeitler, Mark Wassermann
Web Accessibility Grundlagen Andreas Jeitler, Bakk.techn. Mark Wassermann HTL Villach, 16.11. 2009 Barrierefrei, was soll das sein? Accessibility Access = Zugriff auf etwas haben (Informationen) Barrierefreiheit
MehrTECHNISCHE ASPEKTE EINER BARRIEREFREIEN GESUNDHEITSAKTE AM BEISPIEL DER LIFESENSOR PLATTFORM Friedrich S 1, Emmler O 2, Haag M 3
TECHNISCHE ASPEKTE EINER BARRIEREFREIEN GESUNDHEITSAKTE AM BEISPIEL DER LIFESENSOR PLATTFORM Friedrich S 1, Emmler O 2, Haag M 3 Kurzfassung Diese Arbeit befasst sich mit der Entwicklung von Richtlinien
MehrMit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
MehrInfoblatt BROWSER TIPSS. Mozilla Firefox & Internet Explorer. 2012, netzpepper
Infoblatt BROWSER TIPSS Mozilla Firefox & Internet Explorer 2012, netzpepper Alle Rechte vorbehalten. Nachdruck oder Vervielfältigung auch auszugsweise nur mit schriftlicher Genehmigung des Autors. Stand:
MehrEine eigene Website mit Jimdo erstellen
Eine eigene Website mit Jimdo erstellen Die schnellste und kostengünstigste Art, zu einem Internetauftritt zu gelangen, ist der Weg über vorkonfigurierte und oftmals kostenfreie Internetbaukästen. Diese
MehrSchülerzeitüng Spicker
Schülerzeitüng Spicker Bedienungsanleitung für das barrierefreie CMS «Fuman». Wir werden unsere Schülerzeitung auf dem speziell für «Medien für alle» entwickelte Content Management System (CMS) «Fuman»
MehrCMS und Barrierefreiheit am Beispiel Typo3 Stefan Parker, Sonja Strohmaier
CMS und Barrierefreiheit am Beispiel Typo3 Stefan Parker, Sonja Strohmaier Typo3 - Allgemeines Open-Source Content Management System Programmiert in PHP Konfigurierbar über Typoscript Voraussetzungen:
MehrOCG Web Accessibility
OCG Web Accessibility OCG Web Accessibility Syllabus Version 2.0 Professionelle Gestaltung von Websites Österreichische Computer Gesellschaft (OCG) Wollzeile 1-3 A-1010 Wien Tel: +43 1 512 02 35-0 Fax:
MehrBarrierefreies Internet mit Content-Management-Systemen am Beispiel des CMS Papoo. Carsten Euwens. Erstellung BITV konformer Internetseiten
Carsten Euwens Erstellung BITV konformer Internetseiten Welche Möglichkeiten bietet dabei das CMS Papoo Was kann Papoo ohne Benutzereingriff Wobei kann Papoo den Seitenersteller/Redakteur unterstützen
MehrRÖK Typo3 Dokumentation
2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...
MehrErklärung der einzelnen Punkten der Checkliste zur Gestaltung barrierefreier Webanwendungen
Erklärung der einzelnen Punkten der Checkliste zur Gestaltung barrierefreier Webanwendungen und Webauftritte (Version 1.6, Mai 2007) 1. Aufbau 1.1 Die vollständige Bedienbarkeit ist für das Ausgabemedium
Mehrwww.profamilia.de Anleitung zur Nutzung von Typo3, Version 6.2
www.profamilia.de Anleitung zur Nutzung von Typo3, Version 6.2 27.4.2015 Inhalt 1. Allgemeine Hinweise 2 2. Überblick über die Seite 3 3. Arbeiten im Einzelnen 5 3.1. Pflege der Beratungsstellendaten:
MehrCheckliste zur Gestaltung barrierefreier Webanwendungen und Webauftritte
Checkliste zur Gestaltung barrierefreier Webanwendungen und Webauftritte an der Friedrich-Alexander-Universität Erlangen-Nürnberg Die Vorteile barrierefreier Webauftritte haben sich zwischenzeitlich herumgesprochen
MehrWEBSITE STUDIE ZUR BARRIEREFREIHEIT. Accessibility ÜBER SITEIMPROVE
WEBSITE STUDIE ZUR BARRIEREFREIHEIT Accessibility ÜBER SITEIMPROVE Siteimprove stattet große und kleine Unternehmen mit intelligenten Tools aus, die Ihr Web-Management und die Wartung Ihrer Website einfacher
MehrCmsbox Kurzanleitung. Das Wichtigste in Kürze
Cmsbox Kurzanleitung Cmsbox Kurzanleitung Das Wichtigste in Kürze Die Benutzeroberfläche der cmsbox ist nahtlos in die Webseite integriert. Elemente wie Texte, Links oder Bilder werden direkt an Ort und
MehrHandbuch Website. Handbuch Redakteure Fakultät. Handbuch Website. CMS TYPO3 (Version 4.6) Dokument-Version: 1.0
Handbuch Website Handbuch Redakteure Fakultät CMS TYPO3 (Version 4.6) Dokument-Version: 1.0 Herausgeber: Kreativoli Mediendesign Altstadt 195 84028 Landshut Tel.: (0871) 9 66 41 33 Fax: (0871) 9 66 41
MehrTYPO3-Kurzreferenz für Redakteure
TYPO3-Kurzreferenz für Redakteure Die Kurzreferenz orientiert sich weitgehend an den TYPO3 v4 Schulungsvideos. Es kann jedoch geringfügige Abweichungen geben, da in den Videos auf didaktisch sinnvolles
MehrZweisprachige Webseite erstellen
Zweisprachige Webseite erstellen Die Webseiten von ICHWÜNSCHE.COM lassen sich jeder beliebigen Sprache anzeigen. Mit der Funktion Zweisprachige Webseite lassen sich die Webseiten gleichzeitig in zwei verschiedenen
MehrKurzanleitung für das CMS Joomla 3.x
Kurzanleitung für das CMS Joomla 3.x 1. Login ins Backend Die Anmeldung ins sogenannte Backend (die Verwaltungsebene) der Website erfolgt über folgenden Link: www.name-der-website.de/administrator. Das
MehrBarrierefreie Homepage
Barrierefreie Homepage Einführung in das Thema Barrierefreiheit 19. Oktober 2011 Barrierefreie Homepage 19.10.2011 3 24 Kurze Vorstellung Standardkonformität Bessere Erreichbarkeit Umsetzung Barrierefreie
MehrArbeiten mit Acrobat. Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit
Arbeiten mit Acrobat Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit Vollbildmodus Wählen Sie das Menü Fenster Vollbildmodus. Die aktuell angezeigte Seite verdeckt
MehrBarrierefreiheit von Websites und Dokumenten
Technisches Informationsblatt Nr. 9 / 1. Auflage Barrierefreiheit von Websites und Dokumenten Barrierefreiheit im Internet und bei digitalen Dokumenten bedeutet, dass alle Menschen davon profitieren, weil
MehrFraunhofer ITWM Typo3 Schulung für Webbeauftragte
Fraunhofer ITWM Typo3 Schulung für Webbeauftragte Die typo3 Schulung besteht aus zwei Blöcken: Einer Präsentation und einem Übungsteil. Während der Präsentation lernen Sie Anhand von konkreten Beispielen
MehrBarrierefreie Website der LNG Fulda
1 BLUEPAGE CMS - Success Stories Barrierefreie Website der LNG Fulda Ausgangslage Über die Website der Lokalen Nahverkehrsgesellschaft Fulda mbh finden Besucher aktuelle Informationen über gültige Liniennetzpläne,
MehrSchulung Open CMS Editor
Schulung Open CMS Editor Um Ihr Projekt im OpenCMS zu bearbeiten brauchen Sie lediglich einen Webbrowser, am besten Firefox. Vorgehensweise beim Einrichten Ihrer Site im OpenCMS Erste Schritte Wenn Sie
MehrCOMPUTER UND KOMMUNIKATION. Web-Seiten. Wie Web-Seiten gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind
1 COMPUTER UND KOMMUNIKATION Wie gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind COMPUTER UND KOMMUNIKATION 1 DAS INTERNET bietet blinden und sehbehinderten Menschen die
MehrInhalt. 2 RÖK Typo3 Dokumentation
2012 RÖK Typo3 Dokumentation Hauptadmin RÖK Eine Hilfe für den Einstieg in Typo3. innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...
MehrTYPO3 Einführung für Redakteure. Astrid Tessmer
TYPO3 Einführung für Redakteure Astrid Tessmer Ablauf Aufbau der Website Anlegen und Bearbeiten von Seiten Anlegen und Bearbeiten von Inhaltselementen Inhaltstyp Text, HTML-Area (Rich Text Editor) Inhaltstyp
MehrTYPO3 Einführung für Redakteure I. A. Tessmer typo3@rrzn.uni-hannover.de http://www.t3luh.rrzn.uni-hannover.de
TYPO3 Einführung für Redakteure I A. Tessmer typo3@rrzn.uni-hannover.de http://www.t3luh.rrzn.uni-hannover.de Ablauf! 1. Tag: Aufbau der Website nach dem Corporate Design der LUH Bearbeiten von Inhalten:
MehrHTL-Website. TYPO3- Skriptum II. Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig. Qualitätsmanagement
HTL-Website TYPO3- Skriptum II Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig Qualitätsmanagement Erstellt Geprüft Freigegeben Name RUK Datum 02.06.2010 Unterschrift Inhaltsverzeichnis
MehrWoran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat
Alle wissen, was Webstandards und Accessibility bedeuten, aber Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat Maria Putzhuber www.putzhuber.net Copyright
MehrEXT: Sicherheitsdatenblatt
EXT: Sicherheitsdatenblatt Extension Key: doc_sdatenblatt Copyright 2000-2004, Peter Förger, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml
MehrInhaltsverzeichnis. Einführung in Typo3 bei DIE LINKE. LV Hamburg
Einführung in Typo3 bei DIE LINKE. LV Hamburg Copyright 2008-2010, Dirk Prösdorf (dirk@proesdorf.de) Vervielfältigung nur mit ausdrücklicher Genehmigung. Diese gilt innerhalb der Partei DIE LINKE. LV Hamburg
MehrKurzanleitung Typo3 Radio MK V1.5 vom 18.07.2014
Kurzanleitung Typo3 V1.5 vom 18.07.2014 Typo3 Version 4.7.14 0 Inhalt Kurzanleitung Typo3 Login. 2 Seite anlegen.. 3 Inhaltselement anlegen...... 7 Dateien und Bilder verwalten... 14 Nachrichten / News
MehrErzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
MehrMerkblatt "Webtext für SEO optimieren"
Merkblatt "Webtext für SEO optimieren" Wann ist eine Seite für den Webauftritt vollständig getextet? Wann ist der Inhalt suchmaschinenfreundlich und auch möglichst barrierearm? Diese Checkliste soll Sie
MehrWCMS-Schulung A01-Barrierefreiheit Handout
WCMS-Schulung A01-Barrierefreiheit Handout Was bedeutet Barrierefreiheit und wo sollte diese in der modernen Welt vertreten sein? Barrierefreiheit bezeichnet im deutschen Sprachgebrauch eine Gestaltung
MehrBarrierefreie Webtechnologie
_Das Büro am_draht Software_Entwicklung_GmbH _Blücherstraße_22 +49_30_690_355-0 +49_30_690_355-33_Fax www.dasburo.com_ Reader zum BAD talk Barrierefreie Webtechnologie am 7. März 2003
MehrBarrierefreie Webseiten und das Corporate Design der HU im Web. 27. April 2005 Lányi, AG HU-WWW
Barrierefreie Webseiten und das Corporate Design der HU im Web 27. April 2005 Lányi, AG HU-WWW Fakten Integrationsvereinbarung der HU 3, Abs. 5: Die HU wirkt darauf hin, den Zugang zu Informationen so
MehrDreamweaver 8 Homepage erstellen Teil 2
Dreamweaver 8 Homepage erstellen Teil 2 Voraussetzungen Das vorliegende Skriptum knüpft an folgende Skripten an und setzt voraus, dass du diese bereits durchgearbeitet hast. Dreamweaver_Einführung.pdf
MehrBarrierefreies WebDesign
Barrierefreies WebDesign Eine Einführung Brigitte Bornemann-Jeske Präsentation beim Usability Roundtable Hamburg am 4. April 2005 Barrierefreies WebDesign Gesetzliche Grundlagen Zielgruppen Gestaltungsregeln
MehrBehindert im Internet? Werkstätten:Messe 2013, Nürnberg 14. März 2013
Behindert im Internet? Werkstätten:Messe 2013, Nürnberg 14. März 2013 Joachim Hellriegel Pfennigparade, München Agenda Themen: Behinderung, Internet??? Assoziationen, Erwartungen Videoclip Mit welchen
Mehrredax24.de t3-system
Grundlagenwissen redax24.de t3-system Copyright 2010 idee-produktion.de GmbH Inhaltsverzeichnis Die wichtigsten Begriffe Login Seiten erstellen Navigation Inhalt anlegen Text einfügen Text formatieren
MehrBarrierefreiheit im Internet
team-online-info@urz.uni-heidelberg.de 1 Was ist Barrierefreiheit? Barrierefreiheit meint: die uneingeschränkte Nutzung von Gegenständen, Gebrauchsgütern und Objekten durch alle Menschen über denselben
MehrRufen Sie im Internet Explorer die folgende Adresse auf: www.dskv.de/webedition
Diese Kurzanleitung soll Ihnen eine schnelle und einfache Bearbeitung Ihrer Seiten ermöglichen. Aus diesem Grunde kann hier nicht auf alle Möglichkeiten des eingesetzten Content-Management-Systems (CMS)
MehrKurzanleitung CMS. Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS. Inhaltsverzeichnis
Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS Verfasser: Michael Bogucki Erstellt: 24. September 2008 Letzte Änderung: 16. Juni 2009 Inhaltsverzeichnis
MehrCmsbox Kurzanleitung. Das Wichtigste in Kürze
Cmsbox Kurzanleitung Cmsbox Kurzanleitung Das Wichtigste in Kürze Die Benutzeroberfläche der cmsbox ist nahtlos in die Webseite integriert. Elemente wie Texte, Links oder Bilder werden direkt an Ort und
MehrUsability Engineering
Fakultät Informatik, Prof. Dr. rer. pol. Thomas Urban Usability Engineering Kapitel 6 Barrierefreiheit Gliederung 1 Usability Engineering - Einführung 2 Wahrnehmungspsychologie 3 Usability Engineering
MehrCMS für Institute der TUHH
CMS für Institute der TUHH CMS für Institute der TUHH Ein Ergebnis des Projekts Barrierefreier Webauftritt der Institute der TUHH Benno Kieselstein CMS für Institute der TUHH 2 Übersicht Features Benutzerkonzept
MehrInhaltsverzeichnis: P@geYourself 1.0 Benutzerhandbuch und Starthilfe
Inhaltsverzeichnis: 1. Einführung 1.1. Willkommen zu P@geYourself 1.2. Funktionen und Möglichkeiten von P@geYourself 2. Der Start mit P@geYourself 2.1. Anmelden 2.2. nach dem Anmelden 2.3. Ändern der persönlichen
MehrSeiten und Inhalte verlinken
Seiten und Inhalte verlinken 70 Seiten verlinken Erstellen Sie zwei HTML-Seiten und speichern Sie sie unter den Namen seite.html und seite.html. Fügen Sie in seite.html ein -tag ein, um auf Seite zu
MehrKonfigurieren einer Caritas- Startseite für Abteilungen
Konfigurieren einer Caritas- Startseite für Abteilungen Jürgen Eckert Domplatz 3 96049 Bamberg Tel (09 51) 5 02 2 75 Fax (09 51) 5 02 2 71 Mobil (01 79) 3 22 09 33 E-Mail eckert@erzbistum-bamberg.de Im
MehrEvaluation des Internetauftrittes der Virtuellen Fachbibliothek Biologie
Hamburg, 14.02.2008 Evaluation des Internetauftrittes der Virtuellen Fachbibliothek Biologie Untersuchungen zur Usability und Accessibility Bericht im Auftrag der Virtuellen Fachbibliothek Biologie (vifabio)
MehrUm etwas zu bearbeiten, fährt man einfach mit der Maus auf das betreffende Objekt.
Anleitung zum Bearbeiten der Jugendchor Website Anmelden Als erstes geht man auf www.jugendchor-sursee.ch und drückt auf den Anmelden -Knopf unten rechts. Dann erscheint das Passwortfeld unten und man
MehrTricks und Tipps der BIENE-Gewinner
Tricks und Tipps der BIENE-Gewinner Drei Preisträger und ihre besonderen Merkmale Referent: Jan Eric Hellbusch Der BIENE-Award "Barrierefreies Internet Eröffnet Neue Einsichten", oder kurz "BIENE" ist
MehrHerzlich willkommen zum Papoo Workshop: Barrierefreies Internet mit Papoo
Herzlich willkommen zum Papoo Workshop: Barrierefreies Internet mit Papoo Es begrüßt Sie: Dr. Carsten Euwens Anforderungen an barrierefreie Internetseiten? Sehr hohe technische Anforderungen Sehr hohe
MehrBarrierefreiheit im Web. Humboldt-Universität zu Berlin Computer- und Medienservice Katrin Lányi
Barrierefreiheit im Web Humboldt-Universität zu Berlin Computer- und Medienservice Katrin Lányi Warum das Thema so wichtig ist Statistisch gesehen sind Menschen mit Behinderungen überdurchschnittlich häufig
MehrInhalt. Benutzerhandbuch
- Benutzerhandbuch Inhalt Benutzeroberfläche... 2 Registerkarte Barrierefreiheit... 2 Präsentation überprüfen... 2 Zugängliches PDF erzeugen... 2 Auswahlbereich... 2 Einstellungen... 2 Hilfe... 2 Fenster
MehrDie YouTube-Anmeldung
Die YouTube-Anmeldung Schön, dass Sie sich anmelden wollen, um den Ortsverein Kirchrode-Bemerode-Wülferode zu abonnieren, d.h. regelmäßig Bescheid zu bekommen, wenn der Ortsverein etwas Neues an Videos
MehrInhaltsverzeichnis Seite
Inhaltsverzeichnis Seite 1. Email mit Anhang versenden 2 1.a Email vorbereiten und zweites Fenster (Tab) öffnen. 2 1. b. Bild im Internet suchen und speichern. 3 1.c. Bild als Anlage in Email einbinden
MehrHTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5
Linda York, Tina Wegener HTML5 Grundlagen der Erstellung von Webseiten 1. Ausgabe, Dezember 2011 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen In diesem
Mehrfortbildungen zum pc einsatz bei sehgeschädigten julian iriogbe - förderschul- und rehabilitationslehrer - e-mail: reha@iriogbe.de JAWS und Internet
1 Tipps und Hinweise: JAWS und Internet - JAWS-Taste = EINFG-Taste - viele wichtige Informationen gibt JAWS nur über die Sprache aus; deshalb sollte der Kopfhörer in diesem speziellen Fall immer eingesetzt
MehrDokumentation: Redaktion
Dokumentation: Redaktion Redaktionsdokumentation Seite 1 von 18 Index Übersicht... 3 Seitenverwaltung... 4 Seiten bearbeiten... 4 Seitentypen: Shortcut und Externe URL... 4 Neue Seite erstellen... 6 Seiten
MehrPraxisbeispiel: Kommunikation und Öffentlichkeitsarbeit im BKB Bundeskompetenzzentrum Barrierefreiheit e. V.
Praxisbeispiel: Kommunikation und Öffentlichkeitsarbeit im BKB Bundeskompetenzzentrum Barrierefreiheit e. V. Referentin: Uta Deiß Kurzvorstellung BKB Verband der Behindertenverbände (aktuell 15 bundesweit
MehrEinführung in die Typo3 Website vut.de
Struktur Website Öffentlicher Bereich: - Artikelseiten - andere Seiten - Kalender Mitgliederbereich: - Artikelseiten - Profilseiten Mitarbeiterbereich: - Dokumentenverwaltung 1. Dokumente Dokumente (Bilder,
MehrReferenz Frontend: Responsive Webdesign
Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite
MehrWie aus Nutzern Kunden werden Tipps zur Seitenoptimierung für gute Konversionsraten
Wie aus Nutzern Kunden werden Tipps zur Seitenoptimierung für gute Konversionsraten www.planet-ic.de Das Unternehmen In Kürze Firmensitz in Schwerin Aktiv seit 18 Jahren (1994) 50 Mitarbeiter Leistungen
MehrHTML / CSS. Hans Gell Schulungen & Dienstleistungen www.hans-gell.de. Übersicht der Schulungsinhalte
HTML / CSS Übersicht der Schulungsinhalte Grundlagen Einleitung HTML-Historie Java Script, XML, PHP, Flash Webstandards und Browser Werkzeuge und Tools UltraEdit und Dreamweaver TopStyle, Web Developer
MehrPrüfbericht t-systems MULtiMeDiA SOLUtiONS Barrierefreiheit von Greenshot version 1.1.6
Prüfbericht t-systems MULtiMeDiA SOLUtiONS Barrierefreiheit von Greenshot version 1.1.6 Projektnummer: 0025176 Version: 1.0 Stand: 24.06.2014 Dateiname: Prüfbericht_Barrierefreiheit_Greenshot_v1.1.6 Für:
MehrGestaltungsraster # Der Desktop-Version liegt ein dreispaltiges Raster mit 1230 px maximal-breite zugrunde.
Gestaltungsraster # Der Desktop-Version liegt ein dreispaltiges Raster mit 1230 px maximal-breite zugrunde. # Der Smartphone-Version liegt ein zweispaltiges Raster zugrunde. # Die Zwischengröße für Tablets
Mehr