jQuery('#podlovewebplayer_7da4bde88187c912ead8e0ab4ecfad46f5ceceac').podlovewebplayer({"pluginPath":"http:\/\/webgeplapper.de\/wp-content\/plugins\/podlove-podcasting-plugin-for-wordpress\/lib\/modules\/podlove_web_player\/player\/podlove-web-player\/static\/","alwaysShowHours":true,"alwaysShowControls":true,"timecontrolsVisible":false,"summaryVisible":false,"hidetimebutton":false,"hidedownloadbutton":false,"hidesharebutton":false,"sharewholeepisode":false,"loop":false,"chapterlinks":"all","permalink":"http:\/\/webgeplapper.de\/02-barrierefreiheit\/","title":"WG 002: Barrierefreiheit","subtitle":"","summary":"Barrierefreiheit im Web ist ein wichtiges Thema mit dem jeder Webdesigner und Entwickler vertraut sein sollte, die wenigsten das aber wirklich sind.<br \/>\r\n<br \/>\r\nIn dieser Episode erkl\u00e4rt uns Jan Eric Hellbusch warum das Thema so wichtig ist, wie wir es angehen k\u00f6nnen und wie das Web f\u00fcr Menschen die einen Screenreader nutzen funktioniert.","publicationDate":"2015-01-22T00:00:22+00:00","poster":"http:\/\/webgeplapper.de\/pod\/02-barrierefreiheit.png","showTitle":"Webgeplapper","showSubtitle":"F\u00fcr Entwickler die \u00fcber den eigenen Tellerand hinausschauen wollen","showSummary":"In jeder Episode von Webgeplapper wird eine Technologie, ein Framework, oder eine Library f\u00fcr Webentwickler mit Erfahrung vorgestellt.","showPoster":"http:\/\/webgeplapper.de\/res\/cover.png","show":{"title":"Webgeplapper","subtitle":"F\u00fcr Entwickler die \u00fcber den eigenen Tellerand hinausschauen wollen","summary":"In jeder Episode von Webgeplapper wird eine Technologie, ein Framework, oder eine Library f\u00fcr Webentwickler mit Erfahrung vorgestellt.","poster":"http:\/\/webgeplapper.de\/res\/cover.png","url":"http:\/\/webgeplapper.de"},"license":{"name":"Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License","url":"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0"},"downloads":[{"assetTitle":"MPEG-4 AAC Audio (m4a)","downloadUrl":"http:\/\/webgeplapper.de\/podlove\/file\/54\/s\/webplayer\/c\/website\/02-barrierefreiheit.m4a","url":"http:\/\/webgeplapper.de\/pod\/02-barrierefreiheit.m4a"},{"assetTitle":"MP3 Audio (mp3)","downloadUrl":"http:\/\/webgeplapper.de\/podlove\/file\/51\/s\/webplayer\/c\/website\/02-barrierefreiheit.mp3","url":"http:\/\/webgeplapper.de\/pod\/02-barrierefreiheit.mp3"},{"assetTitle":"Opus Audio (opus)","downloadUrl":"http:\/\/webgeplapper.de\/podlove\/file\/53\/s\/webplayer\/c\/website\/02-barrierefreiheit.opus","url":"http:\/\/webgeplapper.de\/pod\/02-barrierefreiheit.opus"}],"duration":"00:00:00","chaptersVisible":false,"features":["current","progress","duration","tracks","fullscreen","volume"],"chapters":[{"start":"00:00:00.000","title":"Intro","href":"","image":""},{"start":"00:00:17.560","title":"Vorstellung","href":"","image":""},{"start":"00:02:17.432","title":"Was ist Barrierefreiheit?","href":"","image":""},{"start":"00:05:42.490","title":"Wer profitiert von Barrierefreiheit?","href":"","image":""},{"start":"00:08:31.928","title":"Bekommt Barrierefreiheit genug Aufmerksamkeit?","href":"","image":""},{"start":"00:11:42.821","title":"WCAG, WAI-ARIA und co","href":"","image":""},{"start":"00:15:48.118","title":"Gesetzliche Grundlage f\u00fcr Barrierefreiheit","href":"","image":""},{"start":"00:19:30.531","title":"Gibt es Universalrezepte beim Coding?","href":"","image":""},{"start":"00:24:03.046","title":"Responsive Webdesign als m\u00f6gliches Problem","href":"","image":""},{"start":"00:25:52.824","title":"Absolute vs relative Schriftgr\u00f6\u00dfen","href":"","image":""},{"start":"00:28:46.568","title":"Alternativtexte","href":"","image":""},{"start":"00:35:23.444","title":"Labels","href":"","image":""},{"start":"00:39:10.821","title":"ARIA-Hidden","href":"","image":""},{"start":"00:44:19.698","title":"Sprunghilfen \/ Unsichtbare Links","href":"","image":""},{"start":"00:53:22.709","title":"Die Bedeutung von semantischem Text","href":"","image":""},{"start":"00:55:14.828","title":"Barrierefreiheit und dynamische Inhalte","href":"","image":""},{"start":"01:00:43.047","title":"Tastaturbedienung von Webseiten","href":"","image":""},{"start":"01:06:48.667","title":"Verwendung von Kontrasten und Farben","href":"","image":""},{"start":"01:12:48.770","title":"Screenreader als Testtool?","href":"","image":""},{"start":"01:18:25.978","title":"Andere Tricks zum Accessability-Testen","href":"","image":""},{"start":"01:28:12.424","title":"Verabschiedung \/ Lesetipps","href":"","image":""}]});
Barrierefreiheit im Web ist ein wichtiges Thema mit dem jeder Webdesigner und Entwickler vertraut sein sollte, die wenigsten das aber wirklich sind.
In dieser Episode erklärt uns Jan Eric Hellbusch warum das Thema so wichtig ist, wie wir es angehen können und wie das Web für Menschen die einen Screenreader nutzen funktioniert.
Intro
00:00:00 Vorstellung
00:00:17Jan auf Twitter // Jans Agentur ;
Was ist Barrierefreiheit?
00:02:17"Wenn Inhalte aufgrund einer Behinderung nicht verfügbar sind, ist das eine Barriere" // "Barrierefreiheit setzt sich aus Zugänglichkeit und Nutzbarkeit zusammen" ;
Wer profitiert von Barrierefreiheit?
00:05:42"In Deutschland gibt es rund 550.000 Menschen mit starker Sehbehinderung" // Laut Microsoft-Studie profitieren ~57% von Barrierefreiheit ;
Bekommt Barrierefreiheit genug Aufmerksamkeit?
00:08:31Independent User Interface (Indie UI) Working Group ;
WCAG, WAI-ARIA und co
00:11:42Web Content Accessibility Guidelines (WCAG) 2.0 // Authoring Tool Accessibility Guidelines (ATAG) 2.0 // User Agent Accessibility Guidelines (UAAG) 2.0 // WAI-ARIA (Accessible Rich Internet Applications Suite) ;
Gesetzliche Grundlage für Barrierefreiheit
00:15:48:000 Gesetz zur Gleichstellung behinderter Menschen // §11 Barrierefreie Informationstechnik ;
Gibt es Universalrezepte beim Coding?
00:19:30Sreenreader // Braillezeiele // Leichte Sprache ;
Responsive Webdesign als mögliches Problem
00:24:03 Absolute vs relative Schriftgrößen
00:25:52Konformitätsstufen in der WCAG ;
Alternativtexte
00:28:46IMG-Referenz im MDN // "Die entscheidene Frage ist: Was entgeht einem wenn das Bild nicht da ist?" ;
Labels
00:35:23Label-Referenz im MDN ;
ARIA-Hidden
00:39:10aria-hidden in der WAI-Spez. // Gemeint war eigentlich text-indent und nicht tab-index ;
Sprunghilfen / Unsichtbare Links
00:44:19Platzieren von unsichtbaren Texten // Website des Westdeutschen Rundfunks (WDR) // Website des VRRs // Landmark Roles // Das nav-Element im MDN // aside // footer // aria-label ;
Die Bedeutung von semantischem Text
00:53:22 Barrierefreiheit und dynamische Inhalte
00:55:14"JavaScript ist nicht böse" // ARIA Live Regions im MDN // progress im MDN ;
Tastaturbedienung von Webseiten
01:00:43Barrierefreies-Webdesign.de ;
Verwendung von Kontrasten und Farben
01:06:48Colour Contrast Analyser (Win/OSX) // Kontrastmodus in Windows ;
Screenreader als Testtool?
01:12:48NVDA ;
Andere Tricks zum Accessability-Testen
01:18:25Webkrauts: Schnelltest zur Barrierefreiheit // Web Accessibility Toolbar (Win) < // Nu Validator // Nu Validator Favlet ;
Verabschiedung / Lesetipps
01:28:12Jans Artikel zum Thema Barrierefreiheit ;