Webgeplapper   /     WG 002: Barrierefreiheit

Description

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.

Summary

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.

Subtitle
Duration
00:00:00
Publishing date
2015-01-22 00:00
Link
http://webgeplapper.de/02-barrierefreiheit/
Deep link
http://webgeplapper.de/02-barrierefreiheit/#
Contributors
  Sven Lückenbach
author  
  Jan Eric Hellbusch
contributor  
Enclosures
http://webgeplapper.de/podlove/file/54/s/feed/c/mp4/02-barrierefreiheit.m4a
audio/mp4

Shownotes

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":""}]});
Sven Flattr Sven@WG 002: Barrierefreiheit
Jan Eric Hellbusch

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:17

Jan 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:31

Independent User Interface (Indie UI) Working Group ;

WCAG, WAI-ARIA und co

00:11:42

Web 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:30

Sreenreader // Braillezeiele // Leichte Sprache ;

Responsive Webdesign als mögliches Problem

00:24:03

Absolute vs relative Schriftgrößen

00:25:52

Konformitätsstufen in der WCAG ;

Alternativtexte

00:28:46

IMG-Referenz im MDN // "Die entscheidene Frage ist: Was entgeht einem wenn das Bild nicht da ist?" ;

Labels

00:35:23

Label-Referenz im MDN ;

ARIA-Hidden

00:39:10

aria-hidden in der WAI-Spez. // Gemeint war eigentlich text-indent und nicht tab-index ;

Sprunghilfen / Unsichtbare Links

00:44:19

Platzieren 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:43

Barrierefreies-Webdesign.de ;

Verwendung von Kontrasten und Farben

01:06:48

Colour Contrast Analyser (Win/OSX) // Kontrastmodus in Windows ;

Screenreader als Testtool?

01:12:48

NVDA ;

Andere Tricks zum Accessability-Testen

01:18:25

Webkrauts: Schnelltest zur Barrierefreiheit // Web Accessibility Toolbar (Win) < // Nu Validator // Nu Validator Favlet ;

Verabschiedung / Lesetipps

01:28:12

Jans Artikel zum Thema Barrierefreiheit ;

Deeplinks to Chapters

00:00:00.000 Intro
255
00:00:17.560 Vorstellung
255
00:02:17.432 Was ist Barrierefreiheit?
255
00:05:42.490 Wer profitiert von Barrierefreiheit?
255
00:08:31.928 Bekommt Barrierefreiheit genug Aufmerksamkeit?
255
00:11:42.821 WCAG, WAI-ARIA und co
255
00:15:48.118 Gesetzliche Grundlage f¼Ãr Barrierefreiheit
255
00:19:30.531 Gibt es Universalrezepte beim Coding?
255
00:24:03.046 Responsive Webdesign als m¶Ãgliches Problem
255
00:25:52.824 Absolute vs relative Schriftgr¶ÃŸÃen
255
00:28:46.568 Alternativtexte
255
00:35:23.444 Labels
255
00:39:10.821 ARIA-Hidden
255
00:44:19.698 Sprunghilfen / Unsichtbare Links
255
00:53:22.709 Die Bedeutung von semantischem Text
255
00:55:14.828 Barrierefreiheit und dynamische Inhalte
255
01:00:43.047 Tastaturbedienung von Webseiten
255
01:06:48.667 Verwendung von Kontrasten und Farben
255
01:12:48.770 Screenreader als Testtool?
255
01:18:25.978 Andere Tricks zum Accessability-Testen
255
01:28:12.424 Verabschiedung / Lesetipps
255