Barrierefreiheit - Handwerkszeug und technisches Verständnis: Handwerkszeug und technisches Verständnis
By Timm Bremus
()
About this ebook
Read more from Timm Bremus
Single Page Applications: Webapplikationen auf Steroiden Rating: 0 out of 5 stars0 ratingsBarrierefreiheit: Webanwendungen ohne Hindernisse Rating: 0 out of 5 stars0 ratings
Related to Barrierefreiheit - Handwerkszeug und technisches Verständnis
Titles in the series (100)
Skalierbare Softwaresysteme: Design, Betrieb und Optimierungspotenziale Rating: 0 out of 5 stars0 ratingsUX Design für Tablet-Websites: Ein Überblick Rating: 0 out of 5 stars0 ratingsIT Wissensmanagement: Theorie und Praxis Rating: 0 out of 5 stars0 ratingsHTML5 Security Rating: 0 out of 5 stars0 ratingsEinstieg in Google Go Rating: 0 out of 5 stars0 ratingsJava 7: Fork-Join-Framework und Phaser Rating: 0 out of 5 stars0 ratingsJava EE Security Rating: 0 out of 5 stars0 ratingsTitanium Mobile: Multi Platform Apps mit JavaScript Rating: 0 out of 5 stars0 ratingsServiceorientierte Architektur: Anforderungen, Konzeption und Praxiserfahrungen Rating: 0 out of 5 stars0 ratingsHTML5 für Mobile Web Rating: 0 out of 5 stars0 ratingsJavaScript für Eclipse-Entwickler: Orion, RAP und GWT Rating: 0 out of 5 stars0 ratingsErfolgreiche Spieleentwicklung: OpenCL Rating: 0 out of 5 stars0 ratingsErfolgreiche Spieleentwicklung: OpenGL, OpenAL und KI Rating: 0 out of 5 stars0 ratingsÜberzeugende Präsentationen: Konzeption, Technik und Design Rating: 0 out of 5 stars0 ratingsAlgorithmen: Grundlagen und Implementierung Rating: 0 out of 5 stars0 ratingsJavaScript auf dem Server Rating: 0 out of 5 stars0 ratingsGeolocation mit PHP: Foursquare-API, Google Places & Qype Rating: 0 out of 5 stars0 ratingsTFS 2012 Versionskontrolle: Grundlagen, Check-In Policies und Branch-Modelle Rating: 0 out of 5 stars0 ratingsQualität in IT-Architekturen: Strategie und Planung Rating: 0 out of 5 stars0 ratingsAmazon Web Services für .NET Entwickler Rating: 0 out of 5 stars0 ratingsOAuth 2.0: Client & Server Rating: 0 out of 5 stars0 ratingsVaadin mit Eclipse, Clojure und OSGi Rating: 0 out of 5 stars0 ratingsBPM: Strategien und Anwendungsfälle Rating: 0 out of 5 stars0 ratingsNFC: Near Field Communication für Android-Entwickler Rating: 5 out of 5 stars5/5Qualitätssicherung mit JavaScript und PHP Rating: 0 out of 5 stars0 ratingsNintex Workflow: Konzepte und Strategien für leistungsfähige SharePoint-Workflows Rating: 0 out of 5 stars0 ratingsSoftwareentwicklungsprozess: Von der ersten Idee bis zur Installation Rating: 0 out of 5 stars0 ratingsADF - Mobile Apps entwickeln und Swing ablösen: Mobile Apps entwickeln und Swing ablösen Rating: 0 out of 5 stars0 ratingsUser Experience Testing 3.0: Status Quo, Entwicklung und Trends Rating: 0 out of 5 stars0 ratingsSpring: Vier Perspektiven auf Framework und Ökosystem Rating: 0 out of 5 stars0 ratings
Related ebooks
Structr: Quelloffenes Daten-CMS auf Neo4j-Basis Rating: 0 out of 5 stars0 ratingsBarrierefreiheit - greifbar und verständlich: Greifbar und verständlich Rating: 0 out of 5 stars0 ratingsApache Tapestry: Einstieg in die komponentenorientierte Webentwicklung Rating: 0 out of 5 stars0 ratingsWebseiten-Layout mit CSS: Der perfekte Einstieg in Cascading Style Sheets Rating: 0 out of 5 stars0 ratingsCSS – kurz & gut Rating: 0 out of 5 stars0 ratingsEinstieg in HTML und Javascript: Mit vielen Beispielen und einfachen Browsergames Rating: 0 out of 5 stars0 ratingsCSS: Best Practices und Wartbarkeit Rating: 0 out of 5 stars0 ratingsWebtechnologien - All in One: Eine praxisorientierte Einführung in moderne Webtechnologien Rating: 0 out of 5 stars0 ratingsAufsetzen, Testen und Betrieb einer Android-App Rating: 0 out of 5 stars0 ratingsCSS: Grundlagen und Best Practices Rating: 0 out of 5 stars0 ratingsGrundlagen für eine erfolgreiche Homepage: Kurzhandbuch Rating: 0 out of 5 stars0 ratingsTesting mit Visual Studio 2012: Testing mit Visual Studio 2012 Rating: 0 out of 5 stars0 ratingsHTML & CSS Schnellkurs: Am praktischen Beispiel HTML und CSS lernen! Rating: 0 out of 5 stars0 ratingsDSL mit Xtext/Xtend. Luecken(x)text Rating: 0 out of 5 stars0 ratingsLogging: Schnelleinstieg Rating: 0 out of 5 stars0 ratingsHTML5 kurz & gut Rating: 0 out of 5 stars0 ratingsPerformante Webanwendungen: Client- und serverseitige Techniken zur Performance-Optimierung Rating: 0 out of 5 stars0 ratingsBootstrap kurz & gut Rating: 0 out of 5 stars0 ratingsJavaScript und Ajax: Das Praxisbuch für Web-Entwickler Rating: 0 out of 5 stars0 ratingsCSS3: Die Referenz für Webentwickler Rating: 0 out of 5 stars0 ratingsGWT Best Practices II Rating: 0 out of 5 stars0 ratingsREST und HTTP: Entwicklung und Integration nach dem Architekturstil des Web Rating: 5 out of 5 stars5/5Spring: Vier Perspektiven auf Framework und Ökosystem Rating: 0 out of 5 stars0 ratingsJavaScript Performance Rating: 0 out of 5 stars0 ratingsDurchstarten mit React: Web-Apps einfach und modular entwickeln Rating: 0 out of 5 stars0 ratingsSEO / SEM: Suchmaschinenoptimierung - Google / Yahoo / MSN Rating: 0 out of 5 stars0 ratingsSuchmaschinenoptimierung - Die Grundlagen (seo) Rating: 0 out of 5 stars0 ratingsMagento Entwicklung: Themes, Widgets und Eigene Entitäten Rating: 0 out of 5 stars0 ratings
Internet & Web For You
Ich Hacker – Du Script-Kiddy: Hacking und Cracking Rating: 0 out of 5 stars0 ratingsChatGPT Plus: Durchstarten in eine neue Welt: Entdecken Sie Künstliche Intelligenz mit ChatGPT Plus und GPT-4 Rating: 0 out of 5 stars0 ratingsJoomla 4.0 logisch!: Einfache Webseitenerstellung ohne Programmierkenntnisse Rating: 0 out of 5 stars0 ratingsGoogle Platz 1: Lernen Sie von einem der führenden Suchmaschinenoptimierer Deutschlands Rating: 0 out of 5 stars0 ratingsDas Facebook-Marketing-Buch Rating: 4 out of 5 stars4/5React lernen und verstehen Rating: 0 out of 5 stars0 ratingsSECURITY AWARENESS: Leitfaden zur IT-Sicherheit für Anwender Rating: 0 out of 5 stars0 ratingsChatGPT: Wie du die Technik für deinen Alltag nutzen kannst Rating: 0 out of 5 stars0 ratingsSEO mit Google Search Console: Webseiten mit kostenlosen Tools optimieren Rating: 0 out of 5 stars0 ratingsDer Content Faktor: Schreiben Sie Texte, die gefunden und gelesen werden Rating: 0 out of 5 stars0 ratingsEinfach Verschlüsseln Rating: 0 out of 5 stars0 ratingsDas kleine Hypnose Einmaleins - Alles was Sie schon immer über die Hypnose wissen wollten von Ewald Pipper vom Hypnoseinstitut Rating: 0 out of 5 stars0 ratingsEinführung ins Darknet: Darknet ABC Rating: 0 out of 5 stars0 ratingsSo findest du den Einstieg in WordPress: Die technischen Grundlagen zu Installation, Konfiguration, Optimierung, Sicherheit, SEO Rating: 0 out of 5 stars0 ratings30 Minuten Metaverse Rating: 0 out of 5 stars0 ratingsUX Design - Definition und Grundlagen: Definition und Grundlagen Rating: 4 out of 5 stars4/5Einstieg in WordPress Rating: 0 out of 5 stars0 ratingsSchnelleinstieg WordPress SEO: Einstellungen, Keywords, Plug-ins und Strategien für optimales SEO Rating: 0 out of 5 stars0 ratingsWas kommt. Was geht. Was bleibt.: Kluge Texte über die wichtigsten Fragen unserer Zeit Rating: 0 out of 5 stars0 ratingsUX-Missverständnisse: Was sich User wirklich wünschen Rating: 0 out of 5 stars0 ratingsProgrammieren lernen mit Python 3: Schnelleinstieg für Beginner Rating: 0 out of 5 stars0 ratingsSEO & WordPress Schnelleinstieg: Plugins, Keywords-entscheidend für die SEO Optimierung Rating: 0 out of 5 stars0 ratingsPHP für WordPress: Themes und Templates selbst entwickeln Rating: 0 out of 5 stars0 ratingsMQTT im IoT: Einstieg in die M2M-Kommunikation Rating: 0 out of 5 stars0 ratings55 Artikelideen für Ihr Blog (Tipps für attraktive Blogposts und erfolgreiches Bloggen) Rating: 0 out of 5 stars0 ratingsVerschlüsselt! Rating: 0 out of 5 stars0 ratingsWir machen dieses Social Media Rating: 0 out of 5 stars0 ratingsShopware 6 Handbuch Rating: 0 out of 5 stars0 ratingsPraxisbuch WordPress Themes Rating: 0 out of 5 stars0 ratings
Reviews for Barrierefreiheit - Handwerkszeug und technisches Verständnis
0 ratings0 reviews
Book preview
Barrierefreiheit - Handwerkszeug und technisches Verständnis - Timm Bremus
Timm Bremus
Barrierefreiheit
Handwerkszeug und technisches Verständnis
ISBN: 978-3-86802-482-1
© 2013 entwickler.press
Ein Imprint der Software & Support Media GmbH
1 HTML und CSS
1.1 Gute Planung erspart viel Arbeit
Bevor wir nun die Ärmel hochkrempeln und uns endlich mit der Technik und den Möglichkeiten beschäftigen, Barrierefreiheit in die Tat umzusetzen, will ich noch einige Worte über gute Planung verlieren.
Meist gilt in Projekten der Grundsatz: Je besser die Planung, desto effizienter der Weg zu einem guten Ergebnis. Gerade in Bezug auf Barrierefreiheit ist es wichtig, sich bereits im Vorfeld der Umsetzung einer Webanwendung Gedanken über mögliche Hürden und Barrieren zu machen. Sicherlich gehören hierzu erst einmal ein Grundverständnis von Barrierefreiheit und eine gewisse Erfahrung in der Umsetzung der hierfür nötigen Optimierungen. Hat man aber die ersten Webanwendungen auf Barrierefreiheit optimiert, fällt es dem dann geübten Entwickler oder Designer immer leichter, bereits in der Planungsphase Barrieren zu erkennen und elegant zu umschiffen.
Oftmals werden Webanwendungen entwickelt, ohne im Vorfeld die Barrierefreiheit in die Planung oder Umsetzung mit einfließen zu lassen. Die hierfür vorgetragenen Gründe sind meist ein knappes Zeit- oder Finanzbudget. Nach Abschluss eines Projekts und der Freigabe der Anwendung an den Endbenutzer kommen meist nachgelagerte Barrierefreiheitsmaßnahmen auf die Entwickler zu. Diese Welle an zusätzlicher Entwicklungsarbeit übersteigt meist den Rahmen, der hätte aufgewendet werden müssen, wenn man seine Software direkt von Beginn an barrierefrei geplant und umgesetzt hätte. Es ist nicht selten, dass im Nachgang das Layout, die Art der Informationsanordnung oder die Benutzerführung komplett überarbeitet oder gar neu umgesetzt werden müssen. Überlegen Sie sich deshalb gut, ob es nicht sinnvoll ist, die Barrierefreiheit als feste Konstante mit in Ihrer Konzeptionsphase zu verankern und diesen Punkt auch bei Ihrem Kunden sattelfest und als notwendig argumentieren zu können.
1.2 Technologien
In diesem Kapitel möchte ich kurz darauf eingehen, welche Technologien uns als Webentwickler zur Verfügung stehen, welche von diesen Werkzeugen bevorzugt für barrierefreie Webanwendungen eingesetzt werden können und auf welche Kandidaten man besser verzichtet.
HTML, CSS und JavaScript sind sicher die am weitesten verbreiteten Technologien im Webumfeld und lassen sich zweifelsfrei als Standardwerkzeuge definieren. Wer sich rein auf diese drei Technologien beschränkt, setzt im Hinblick auf Barrierefreiheit auf das richtige Pferd, um moderne und komfortable Rich Internet Applications (RIA) zu entwickeln.
Prinzipiell ist auch die Verwendung weiterer Technologien wie z. B. Silverlight, Java Applets oder Flash nicht ausgeschlossen, wenn bestimmte Grundsätze eingehalten werden. Es ist darauf zu achten, dass alle zur Bedienung notwendigen Informationen mittels HTML dargestellt werden. Zudem sollte man sich stets vor Augen führen, dass CSS nur für das optische Layout einer Seite verantwortlich ist und ausschließlich die Darstellung von Elementen für sehende Benutzer steuert. Ein Screen Reader könnte die Anwendung akustisch durchaus in einer anderen Struktur an den Anwender zurückmelden als das bei einem Monitor der Fall ist. Der Einsatz von JavaScript und anderen Plug-ins darf sich nur rein auf die Verbesserung der Usability beschränken. Wird die Darstellung von Informationen jedoch so integriert, dass die Funktionalität von JavaScript, Java, Flash, CSS usw. zwingend notwendig ist, ist das Angebot nicht barrierefrei. Viele der erweiternden Technologien bieten eigenständige Funktionalitäten zur Verbesserung der Zugänglichkeit (Java, Flash), die jedoch oft nicht genutzt bzw. nicht vom Ausgabeprogramm unterstützt werden.
1.3 Hypertext Markup Language
Die Hypertext Markup Language (HTML) ist die Grundlage einer jeden Webanwendung. HTML bietet eine Vielzahl an Elementen und dazugehörigen Attributen, die es möglich machen, kreative und mächtige Anwendungen zu realisieren. Die vielfältigen Einsatzmöglichkeiten des Markups und die Möglichkeit, diese mit CSS in Bezug auf ihre optische Darstellung anzupassen, ist Fluch und Segen zugleich. Viele Entwickler und Designer beschränken sich meist auf ein begrenztes Repertoire an HTML-Elementen, die sie immer wieder beim Implementieren von Websoftware einsetzen. Erfüllt ein Tag nicht ganz die Anforderungen des Entwicklers, wird er mit CSS passend gemacht. Oftmals werden so Tags zur Darstellung von Informationen missbraucht, die eigentlich einem ganz anderen Anwendungszweck dienen. Mit CSS lassen sich diese Elemente zwar optisch so anpassen, dass sie die Informationen im richtigen Kontext darstellen, doch wird hierbei oft vergessen, dass Screen Reader CSS nur sehr bedingt zur Interpretation einsetzen und sich vielmehr darauf verlassen, dass Informationen im hierfür vorgesehen HTML-Element untergebracht sind. Es ist deshalb lohnenswert, immer zu hinterfragen, ob die jeweilige Information auch vom dafür vorgesehenen Tag umschlossen wird. Für Inhaltstypen wie z. B. Überschriften, Absätze, Listen, Tabellen, Zitate, Formulare u. v. m. gibt es separate Tags. Gerade im Hinblick auf Barrierefreiheit ist darauf zu achten, HTML-Elemente so bestimmungsnah wie irgend möglich einzusetzen, der blinde Anwender wird es Ihnen danken.
1.3.1 Dokumententitel
Der Titel eines HTML-Dokuments wird im Kopfbereich, innerhalb des -Elements, mittels des
Hinweis: Gut gepflegte Metatags auf jeder einzelnen Seite einer Webanwendung tragen zum Suchmaschinenmarketing bei und helfen den Crawlern einer Suchmaschine, die Inhalte der Seite