Website Accessibility
Best Practice
...and how to get there!
Excellence in Innovation – Nuevos Paradigmas
Internacionales de Accesibilidad y Usabilidad
II International Meeting on Technology and Innovation
for Persons with Disabilities
Jak Boumans – The Netherlands
Alexander Felsenberg - Germany
Luis German Lopez - Colombia
SAO PAULO, 22. OCTOBER 2010
Play Video
http://www.youtube.com/watch?v=Oe3St1GgoHQ
Opening
30.01.2015 Page 2Created by: Boumans, Felsenberg, Lopez
1. ACCESSIBILITY & REASON WHY
Web design and Accessibility
2. CURRENT SITUATION
 Holland
 Germany
 Colombia
3. BEST PRACTICES: WSA & LOCAL
 Introduction to WSA
 Cases - Holland
 Cases – Germany
 Cases - Colombia
4. Other online or digital initiatives
5. What the future holds
6. Conclusions
Agenda
30.01.2015 Page 3Created by: Boumans, Felsenberg, Lopez
 Accessibility =
Websites accessible to all users.
 Regardless of physical ability…
 Or the way they use the Internet.
Accessibility
30.01.2015 Page 4Created by: Boumans, Felsenberg, Lopez
 Disabilities
 Visually disabled users
 Hearing disabilities
 Physical disabilities
 Cognitive and Neurological
Disabilities
Reason why
30.01.2015 Page 5Created by: Boumans, Felsenberg, Lopez
 Beyond Disabilities
 Mobile users
 Low bandwidth users
 Users who are driving
 Users in a noisy environment
 Users with "screen glare"
 Users with low literacy level
 Second-language access
Reason why
30.01.2015 Page 6Created by: Boumans, Felsenberg, Lopez
Barrierefrei
 Barrierefrei sind bauliche und
sonstige Anlagen, Verkehrsmittel,
technische Gebrauchs-
gegenstände, Systeme der
Informationsverarbeitung,
akustische und visuelle
Informationsquellen und
Kommunikationseinrichtungen
sowie andere gestaltete
Lebensbereiche, wenn sie für
behinderte Menschen in der
allgemein üblichen Weise, ohne
besondere Erschwernis und
grundsätzlich ohne fremde Hilfe
zugänglich und nutzbar sind.
Acessibilidade
 Acessibilidade, estruturais e
outras instalações, transporte,
bens de consumo técnicos,
sistemas de processamento de
informação, acústico e fontes
visuais de informação e meios de
comunicação e outras áreas de
decoração de vida, quando as
pessoas com deficiência na forma
habitual, sem muita carga e estar
sempre acessível e utilizável sem
ajuda
Definition
by German Government
30.01.2015 Page 7Created by: Boumans, Felsenberg, Lopez
Purpose of Design
Page 830.01.2015
Emotion
Information
Orientation / Structure
Navigation
Positioning
Knowledge transfer
Created by: Boumans, Felsenberg, Lopez
Development pass
Page 930.01.2015
Barrier free
Accessibility
Nearly barrier free
Near Accessibility
“No-Thoughts” - Design
Created by: Boumans, Felsenberg, Lopez
Design vs. Accessibility
Dilemma
Page 1030.01.2015
Items
Standards
Foto & Graphic
Java Scripts & Objects
Multimedia
Viewing Options
Color Contrast
Language
Created by: Boumans, Felsenberg, Lopez
Design vs. Accessibility
Dilemma
Page 1130.01.2015
Text Style Sheets JavaVideos
Pictures
Graphic
Flash
Accessible
Fancy, funky
multimedia, highly interactive
Created by: Boumans, Felsenberg, Lopez
Design vs. Accessibility
Dilemma
Page 1230.01.2015
Items
 Standards
 Foto & Graphic
 Java Scripts & Objects
 Multimedia
 Viewing Options
 Color Contrast
 Language
Cost
 20 % plus for enhancing Flash
and Java
So actually, it depends on
how much flash and Java is
being used
Created by: Boumans, Felsenberg, Lopez
The Icons ! …?
Page 1330.01.2015
No!
Not accessible
to 20% of users
Created by: Boumans, Felsenberg, Lopez
1.
2. CURRENT SITUATION



3.




4.
5.
6.
Agenda
30.01.2015 Page 14Created by: Boumans, Felsenberg, Lopez
 Est. 10 – 20% disabled users
in most countries 1
 With the additional
categories (before), this
jumps up to around 30% ! ! !
 Aging population
 W3C recommendations
Current situation
1. Source: http://articles.sitepoint.com/article/accessible-web-design30.01.2015 Page 15Created by: Boumans, Felsenberg, Lopez
El Tiempo
Not accessible … yet
30.01.2015 Page 16Created by: Boumans, Felsenberg, Lopez
Dutch efforts
 Braille ruler
 Pre-internet: newspaper broadcast system
 Big letter books
30.01.2015 Page 17Created by: Boumans, Felsenberg,
Dutch info site
30.01.2015 Page 18Created by: Boumans, Felsenberg, Lopez
Accessibility for Gamer
30.01.2015 Page 19Created by: Boumans, Felsenberg,
European Disability Policy Framework
 Traditional approach: the belief that disability is a deviation from normality
 The policy orientation adopted by society was one of rehabilitation:
compensate for the deviation and to encourage the disabled person to
function as near as possible to the social norm
 New approach: human difference should be embraced as a phenomena
which is both natural and beneficial to human society: to provide equality of
opportunity to all citizens and provide equality of opportunity to all
citizens.
 This new approach is based on the notion of right rather than charity and
an accommodation for difference rather than a compulsory adjustment to
an artificial norm.
 General shift in approach from disability as a medical issue to one of
disability as human rights issue; the replacement of an ethos of
compensation for perceived abnormalities by one of the removal by society
of barriers to inclusion of all its members.
30.01.2015 Page 20Created by: Boumans, Felsenberg,
Basic (Groundwork)
 Web Content Accessibility Guidelines (dt.)
by the Web Accessibility Initiative (WAI) 5. Mai 1999
LAW
 Gesetz zur Gleichstellung behinderter Menschen
(Bedinderten Geichstellungsgesetz BGG, 1. May 2002
 Barrierefreie Informationstechnik-Verordnung (BITV), 31. Dez 2005
 Making accessibility mandatory for all German public sector websites
Realization (Incentive)
 Biene Award translate Winners list pg.
Initiative by Lottery Aktion Mensch and Foundation Digitale Chancen since
 Started 2003
 1.800 participants
 Ca. 77 Winner
Current Situation, Background
30.01.2015 Page 21Created by: Boumans, Felsenberg, Lopez
 Bundeskompetenzzentrum Barrierefreiheit e. V
Supports everybody in making accessible in the means of Universal Design
including websites, founded 2008 by 15 Gov.- & self-support organisation
 Guidelines translate
 BIK - Barrierefrei Informieren und Kommunizieren tslt
Project by the Minstery of Work to support realization of accessible internet
& intranet content
 Consulting
 Test
 Examples: Top 90 List Top 95 List
 BarriereKompass
 Agency-Giude
 Best-of-Accessibility
 Conference
Current Situation
Realization (Information, Guide, Update)
30.01.2015 Page 22Created by: Boumans, Felsenberg, Lopez
1.
2.



3. BEST PRACTICES: WSA & LOCAL




4.
5.
6.
Agenda
30.01.2015 Page 23Created by: Boumans, Felsenberg, Lopez
WSA - World Summit Award
WSIS-Award.org
Page 2430.01.2015Created by: Boumans, Felsenberg, Lopez
WORLD SUMMIT AWARD
 WSA is a global activity to select and promote the world's best e-
Content and most innovative ICT applications. It offers a
worldwide platform for all who value the creative use of ICTs and
who are committed to making today’s information society more
inclusive.
 Started in 2003 with the UN World Summit on the Information
Society (UN WSIS)
 Three streams:
 WSA Multimedia (bi-annual)
 WSYA = World Summit Youth Award (annual)
 WSA mm = World Summit Award mobile media (annual)
 168 countries participating
Key issues WSIS
United Nations World Summit on
Information Society – Review 2015
Key WSIS issues
addressed by WSA:
 Digital Divide
 Content Gap
 Local Content
 ICTs penetrating all
sectors of social life
30.01.2015 Page 26Created by: Boumans, Felsenberg, Lopez
DEAF PLANET, Canada
Winner 2005: e-Inclusion
www.deafplanet.com
30.01.2015 Page 27Created by: Boumans, Felsenberg, Lopez
IBSAR – Vision for Blind, Kuwait
Winner 2007: e-Inclusion
Arabic Screen Reader
30.01.2015 Page 28Created by: Boumans, Felsenberg, Lopez
IMPAIRED AID, Sri Lanka
Winner 2009: e-Inclusion & Participation
Braille to text and text to Braille
Software
30.01.2015 Page 29Created by: Boumans, Felsenberg, Lopez
 Produced by: Adam Montandon, Neil
Harbisson, Mike Cobb
 University of Plymouth , Plymouth ,
United Kingdom
Bridging The Island Of The Colourblind
30.01.2015 Page 30Created by: Boumans, Felsenberg, Lopez
Public Sector
 http://www.bundestag.de/
http://www.landtag.nrw.de
 http://www.ble.de
Tourism
 http://www.naturpark-
suedschwarzwald.de/
Insurances
 http://www.barmer-gek.de
Health
 http://www.pfizer.de/
 http://www.darmkrebs.at/
 http://www.ahg.de/
Accessibility Benchmarks
from Germany from Biene Award and Top 95 List
30.01.2015 Page 31Copyright: Created by Alexander Felsenberg
Public Television
 http://www.zdf.de/ ZDF, biggest EU-Broadcaster
 http://www.tagesschau.de/ ARD
Public Transportation
 http://www.vrr.de/de/index.html
Bio / Health - & Environmental cautions
Companies
 http://www.manufactum.de/home.html
 http://www.tom-garten.de/
Banks
 https://www.credit-suisse.com/global/de
 https://banking.postbank.de/app/welcome.do
Transparency for democracy
 More than 100.000 HTML-Pages
 80.000 PDF-files
 8.000 hours of video
 Same-day minutes and proceedings
 Online-petition procedures
 Discussion groups
 Online reservation for visits
 In depth analysis of current topics and
sophisticated search
 About 100 editors keep background
information about members
 Structure and organization, committees,
lobby groups
 A history section offers a virtual tour through
the famous Reichstag building
 Sub-sites for youth address the future
Deutscher Bundestag translation pg.
E-Gov. Category Winner: WSA 2009 play video
Video
30.01.2015 Page 32Created by: Boumans, Felsenberg, Lopez
 Scalable
 Accessible Table using id headers and
scope attributes
 Jump-marks to access keys
 Unobtrusive JavaScript
 Using Link lists for Navigation
 No Layout table
 Valid XHTML
 Structured Setup
 Accessible Forms, using label-tags,
file sets and legends
 All pictures and videos use Alt Text
special training for the editors
 Transcription of video is in process
Zweites Deutsches Fernsehen
ZDF, biggest European Broadcaster
30.01.2015 Page 33Created by: Boumans, Felsenberg, Lopez
Black Forrest National Park
Naturpark Südschwarzwald translation
Page 3430.01.2015Created by: Boumans, Felsenberg, Lopez
Black Forrest National Park
Naturpark Südschwarzwald translation
Page 3530.01.2015
 Information on natural, human, Tourism
& Education
 Keyboard navigation for Blind and
visually impaired users,
 Possibility to leave comments and user
ratings
 Main navigation with a mega-drop-
down menu
 static sub-navigation for assistive
technologies
Created by: Boumans, Felsenberg, Lopez
Colombian efforts
 Non-state armed groups: FARC
 3 casualties/day 2005
 Mine BAN treaty 1997
 Became law in 2002
 Mine BAN Treaty in Zagreb,Croatia
2005
 Many survivors don’t know about
benefits & services.
 The Internet can help disseminate
information.
30.01.2015 Page 36Created by: Boumans, Felsenberg,
1.
2.



3.




4. Other online or digital initiatives
5.
6.
Agenda
30.01.2015 Page 37Created by: Boumans, Felsenberg, Lopez
Virtual gloves
Future
Brainball
30.01.2015 Page 38Created by: Boumans, Felsenberg, Lopez
Other online initiatives
30.01.2015 Page 39Created by: Boumans, Felsenberg, Lopez
VOXPlay
30.01.2015 Page 40Created by: Boumans, Felsenberg, Lopez
My Handicap
Germany translation
Page 4130.01.2015Created by: Boumans, Felsenberg, Lopez
My Handicap
Page 4230.01.2015Created by: Boumans, Felsenberg, Lopez
My Handicap
Page 4330.01.2015Created by: Boumans, Felsenberg, Lopez
My Handicap
30.01.2015 Page 44
 Crowd sourced
 Donation Based
Avaliale
 Germany
 Austria
 Swiss
Created by: Boumans, Felsenberg, Lopez
1.
2.



3.




4.
5. What the future holds
6.
Agenda
30.01.2015 Page 45Created by: Boumans, Felsenberg, Lopez
APPS / Mobile
 Braille
 ASL – American Sign Language
 Glucose Buddy
 Pillboxer by Nixwire
30.01.2015 Page 46Created by: Boumans, Felsenberg, Lopez
Social Media Sites
not realy accessible … yet
30.01.2015 Page 47Created by: Boumans, Felsenberg, Lopez
Near Accessibility
Nearly barrier free
 Beginning to be realized even
outside of the public sector
 Awareness & training is rising
 Development Software
imperative
 improvement toward accessibility
 Flash
 Java
 Design dominance for website
development is breaking up
Accessibility
Barrier free
 Still a wish in most cases
 Aim for 2020
 Takes another 10 years
…but we are getting there
Reality Check
30.01.2015 Page 48Created by: Boumans, Felsenberg, Lopez
LAST BUT NOT LEAST…
Page 4930.01.2015
ACCESSIBILITY
NOT ONLY IMPLIES :
ACCESSIBILITY FOR PERSONS
WITH DISABILITY
ACCESSIBILITY
ALSO MEANS:
BEING ACCESSIBLE FOR PEOPLE
FROM…
Automatic translation applications run best on accessible websites!
Like Google Translate
Making your content and your business accessible to the rest of the world!
THANK YOU!
Taining
 Free training Videos
Guidlines
 Software
 Websites
 PDF
 Adobe
Validation Service
 W3C
Resources
30.01.2015 Page 54Created by: Boumans, Felsenberg, Lopez
Contact
 Jak Boumans
e-mail: jak@euronet.nl
 Alexander Felsenberg
e-mail: felsenberg@gmail.com
 Luis G. Lopez
e-mail: luisg@lgldigital.com
twitter: @luisger
30.01.2015 Page 55Created by: Boumans, Felsenberg, Lopez
FOUNDER &
HONORY
MEMBER
FOUNDING MEMBER
FOUNDING MEMBER
BOARD MEMBER
JURY MEMBER
INTERACTIVE EMMY AWARD
FOUNDER
GRÜNDUNGS- &
VORSTANDSMITGLIED
MEMBER
MEMBER
DÜSSELDORF
A l e x a n d e r F e l s e n b e r g
Creator & Communicator
Felsenberg Consulting
History
Advertising & Media Craftsman
Media & Marketing Research
Trend Scout
Agency developer
Association CEO
Marketing & Sales Director
Chief Marketing Executive
Supervisory Board Member
Intenet-Expertise
1983 - BTX Applications
1988 - Database Searches (Telnet)
1994 - First Website for customers
2004 - Xing and first blog
2006 - First viral campaign in the solar industry (national)
2007 - Social Media Agency Development (international)
2008 - Exhibition & Conference Organizer (international)
2009 - Golden Caravan, Luxury Shopping Event (international)
Goethe Institut (international)
Swiss TV / TPC AG TV producer / transmitter (national)
Car Trading (National)
2010 - Live Expert, Automotive Service (national)
Retail (international)
Content & Social Media
Corporate Development Services
Introduction, Board presentation, etc..
Organizational Development
Installation & Training of teams
Guidelines, Policies, KPI
Implementation
Moderation & Coaching
Trend-Scouting, Agency Search
Social Media
Content & Services
Analyse, Monitoring
Strategie & Concept
Planing & Budgeting
Development
Betrieb
(Text, Grafic, Video,
Seeding, Syndication)
Reporting
Services
Marketing & Sales
Strategy & approach
Print
Online & Mobile
Direct Marketing
Film & TV
Fairs & Congresses
Sales
Award DGVM Award 2000 for Marketing Communication, Lobbying
Kontakt Alexander Felsenberg, felsenberg@gmail.com, www.felsenberg.de, Tel. 0177 852 8618
30.01.2015 Page 56Created by: Boumans, Felsenberg, Lopez

More Related Content

PPT
090318 Online Reputation Management
PDF
Participation Presentation Mitchell VSO 091009
PDF
Open, Connected Education (NZ Tertiary Education Symposium, Wellington July 2...
PPT
2010: MyDisplay - Accessibility Preferences Aren't for Sissies
PDF
Open for Reuse: Library data and mashups
PDF
eLearning mLearning and User Assistance
PPT
eAccessibility: Compliance towards Innovation
ODP
We The Media Lab Thailand
090318 Online Reputation Management
Participation Presentation Mitchell VSO 091009
Open, Connected Education (NZ Tertiary Education Symposium, Wellington July 2...
2010: MyDisplay - Accessibility Preferences Aren't for Sissies
Open for Reuse: Library data and mashups
eLearning mLearning and User Assistance
eAccessibility: Compliance towards Innovation
We The Media Lab Thailand

What's hot (20)

PPTX
Content for Everyone
PPT
We The Media Lab Thailand
PPT
We The Media Lab Thailand
KEY
PDF
Online Reputation Management Etourism forum
DOCX
SVT OPEN ARCHIVE | Irene TOSTAR, Eva-Lis GREEN, Sveriges Television AB
PDF
2010 06-communication has changed
PPT
Central Bucks School District Engaging Digital Natives in the Study of Social...
PPT
The knowledge management
PPTX
Teaching with technology
PPT
Speed of Technology Change - www.leebow.com
PPTX
Creating and adapting teaching materials for sharing workshop 11_march2013_up...
PDF
Dissemination nl
DOCX
E learning
PPTX
Innovative Technologies and Student Success
PPT
University of Cape Town OpenContent - Open Educational Resources Directory La...
PPT
Welcome to IWMW 2011
PPTX
Collaborative Economy: A possible bridge from the old to the new economy?
PPT
Emergingtech04282009
PPT
B3: The Economical way to Amplify Your Event: How and When?
Content for Everyone
We The Media Lab Thailand
We The Media Lab Thailand
Online Reputation Management Etourism forum
SVT OPEN ARCHIVE | Irene TOSTAR, Eva-Lis GREEN, Sveriges Television AB
2010 06-communication has changed
Central Bucks School District Engaging Digital Natives in the Study of Social...
The knowledge management
Teaching with technology
Speed of Technology Change - www.leebow.com
Creating and adapting teaching materials for sharing workshop 11_march2013_up...
Dissemination nl
E learning
Innovative Technologies and Student Success
University of Cape Town OpenContent - Open Educational Resources Directory La...
Welcome to IWMW 2011
Collaborative Economy: A possible bridge from the old to the new economy?
Emergingtech04282009
B3: The Economical way to Amplify Your Event: How and When?
Ad

Similar to Website Accessibility sao paulo_2010 10 22_presented_dl (20)

PPTX
Web accessibility workshop 1
PPTX
Web accessibility workshop 1
PPTX
Building Accessible Websites in WordPress - Birmingham WordCamp 2014
PDF
Demystifying Accessible Websites - WCUS 2015
PDF
Access Not Denied: Accessible Websites for All
PPTX
Accessibility, Usability and User Centred Design (Accessibility)
PDF
Icaweb402 a jenninecarlin
PDF
Accessible Websites: What are they and why should I care?
PPTX
Web_Accessibility
PPTX
Checking Our Footing: 16 Modern Accessibility Myths Debunked
PPTX
Web Design Coursse ITECH2003-Lecture10.pptx
PPTX
Web Accessibility
PPTX
Best Practices for Building Accessible Websites in Wordpress
PDF
2018 - CertiFUNcation - Marc Haunschild: Economic aspects of web accessibility
ODP
Digital Divide And Accessibility
PDF
The Impact of Accessibility
ODP
Digital Divide And Accessibility
PDF
What is accessibility?
PPT
Wordcamp Toronto 2013
PPTX
Make Your Website Accessible to Everyone
Web accessibility workshop 1
Web accessibility workshop 1
Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Demystifying Accessible Websites - WCUS 2015
Access Not Denied: Accessible Websites for All
Accessibility, Usability and User Centred Design (Accessibility)
Icaweb402 a jenninecarlin
Accessible Websites: What are they and why should I care?
Web_Accessibility
Checking Our Footing: 16 Modern Accessibility Myths Debunked
Web Design Coursse ITECH2003-Lecture10.pptx
Web Accessibility
Best Practices for Building Accessible Websites in Wordpress
2018 - CertiFUNcation - Marc Haunschild: Economic aspects of web accessibility
Digital Divide And Accessibility
The Impact of Accessibility
Digital Divide And Accessibility
What is accessibility?
Wordcamp Toronto 2013
Make Your Website Accessible to Everyone
Ad

More from Alexander Felsenberg (6)

PDF
Trendscouting toolkit 2ndedition
PDF
Finding sustainable investments 2020 01 17 af linke in
PDF
Digitalisierung kompakt inkl hr 2020 11 12 v05 AF
PDF
Industriefilm corporate tv branded entertainment medientage münchen 2010 ale...
PDF
Social media im Unternehmen Vortrag Alexander Felsenberg 2010 09 01 final dl
PDF
Social Media Universe 090710 Dl Version
Trendscouting toolkit 2ndedition
Finding sustainable investments 2020 01 17 af linke in
Digitalisierung kompakt inkl hr 2020 11 12 v05 AF
Industriefilm corporate tv branded entertainment medientage münchen 2010 ale...
Social media im Unternehmen Vortrag Alexander Felsenberg 2010 09 01 final dl
Social Media Universe 090710 Dl Version

Recently uploaded (20)

PPTX
a group casestudy on architectural aesthetic and beauty
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PDF
How Animation is Used by Sports Teams and Leagues
PPTX
Introduction to Building Information Modeling
PDF
2025CategoryRanking of technology university
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
Project_Presentation Bitcoin Price Prediction
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
2. Competency Based Interviewing - September'16.pptx
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PDF
Test slideshare presentation for blog post
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
Govind singh Corporate office interior Portfolio
PDF
The Basics of Presentation Design eBook by VerdanaBold
a group casestudy on architectural aesthetic and beauty
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
1 Introduction to Networking (06).pdfbsbsbsb
How Animation is Used by Sports Teams and Leagues
Introduction to Building Information Modeling
2025CategoryRanking of technology university
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
Chalkpiece Annual Report from 2019 To 2025
Architecture Design Portfolio- VICTOR OKUTU
Project_Presentation Bitcoin Price Prediction
ACL English Introductionadsfsfadf 20200612.pptx
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
2. Competency Based Interviewing - September'16.pptx
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Test slideshare presentation for blog post
321 LIBRARY DESIGN.pdf43354445t6556t5656
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
robotS AND ROBOTICSOF HUMANS AND MACHINES
Govind singh Corporate office interior Portfolio
The Basics of Presentation Design eBook by VerdanaBold

Website Accessibility sao paulo_2010 10 22_presented_dl

  • 1. Website Accessibility Best Practice ...and how to get there! Excellence in Innovation – Nuevos Paradigmas Internacionales de Accesibilidad y Usabilidad II International Meeting on Technology and Innovation for Persons with Disabilities Jak Boumans – The Netherlands Alexander Felsenberg - Germany Luis German Lopez - Colombia SAO PAULO, 22. OCTOBER 2010
  • 3. 1. ACCESSIBILITY & REASON WHY Web design and Accessibility 2. CURRENT SITUATION  Holland  Germany  Colombia 3. BEST PRACTICES: WSA & LOCAL  Introduction to WSA  Cases - Holland  Cases – Germany  Cases - Colombia 4. Other online or digital initiatives 5. What the future holds 6. Conclusions Agenda 30.01.2015 Page 3Created by: Boumans, Felsenberg, Lopez
  • 4.  Accessibility = Websites accessible to all users.  Regardless of physical ability…  Or the way they use the Internet. Accessibility 30.01.2015 Page 4Created by: Boumans, Felsenberg, Lopez
  • 5.  Disabilities  Visually disabled users  Hearing disabilities  Physical disabilities  Cognitive and Neurological Disabilities Reason why 30.01.2015 Page 5Created by: Boumans, Felsenberg, Lopez
  • 6.  Beyond Disabilities  Mobile users  Low bandwidth users  Users who are driving  Users in a noisy environment  Users with "screen glare"  Users with low literacy level  Second-language access Reason why 30.01.2015 Page 6Created by: Boumans, Felsenberg, Lopez
  • 7. Barrierefrei  Barrierefrei sind bauliche und sonstige Anlagen, Verkehrsmittel, technische Gebrauchs- gegenstände, Systeme der Informationsverarbeitung, akustische und visuelle Informationsquellen und Kommunikationseinrichtungen sowie andere gestaltete Lebensbereiche, wenn sie für behinderte Menschen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar sind. Acessibilidade  Acessibilidade, estruturais e outras instalações, transporte, bens de consumo técnicos, sistemas de processamento de informação, acústico e fontes visuais de informação e meios de comunicação e outras áreas de decoração de vida, quando as pessoas com deficiência na forma habitual, sem muita carga e estar sempre acessível e utilizável sem ajuda Definition by German Government 30.01.2015 Page 7Created by: Boumans, Felsenberg, Lopez
  • 8. Purpose of Design Page 830.01.2015 Emotion Information Orientation / Structure Navigation Positioning Knowledge transfer Created by: Boumans, Felsenberg, Lopez
  • 9. Development pass Page 930.01.2015 Barrier free Accessibility Nearly barrier free Near Accessibility “No-Thoughts” - Design Created by: Boumans, Felsenberg, Lopez
  • 10. Design vs. Accessibility Dilemma Page 1030.01.2015 Items Standards Foto & Graphic Java Scripts & Objects Multimedia Viewing Options Color Contrast Language Created by: Boumans, Felsenberg, Lopez
  • 11. Design vs. Accessibility Dilemma Page 1130.01.2015 Text Style Sheets JavaVideos Pictures Graphic Flash Accessible Fancy, funky multimedia, highly interactive Created by: Boumans, Felsenberg, Lopez
  • 12. Design vs. Accessibility Dilemma Page 1230.01.2015 Items  Standards  Foto & Graphic  Java Scripts & Objects  Multimedia  Viewing Options  Color Contrast  Language Cost  20 % plus for enhancing Flash and Java So actually, it depends on how much flash and Java is being used Created by: Boumans, Felsenberg, Lopez
  • 13. The Icons ! …? Page 1330.01.2015 No! Not accessible to 20% of users Created by: Boumans, Felsenberg, Lopez
  • 15.  Est. 10 – 20% disabled users in most countries 1  With the additional categories (before), this jumps up to around 30% ! ! !  Aging population  W3C recommendations Current situation 1. Source: http://articles.sitepoint.com/article/accessible-web-design30.01.2015 Page 15Created by: Boumans, Felsenberg, Lopez
  • 16. El Tiempo Not accessible … yet 30.01.2015 Page 16Created by: Boumans, Felsenberg, Lopez
  • 17. Dutch efforts  Braille ruler  Pre-internet: newspaper broadcast system  Big letter books 30.01.2015 Page 17Created by: Boumans, Felsenberg,
  • 18. Dutch info site 30.01.2015 Page 18Created by: Boumans, Felsenberg, Lopez
  • 19. Accessibility for Gamer 30.01.2015 Page 19Created by: Boumans, Felsenberg,
  • 20. European Disability Policy Framework  Traditional approach: the belief that disability is a deviation from normality  The policy orientation adopted by society was one of rehabilitation: compensate for the deviation and to encourage the disabled person to function as near as possible to the social norm  New approach: human difference should be embraced as a phenomena which is both natural and beneficial to human society: to provide equality of opportunity to all citizens and provide equality of opportunity to all citizens.  This new approach is based on the notion of right rather than charity and an accommodation for difference rather than a compulsory adjustment to an artificial norm.  General shift in approach from disability as a medical issue to one of disability as human rights issue; the replacement of an ethos of compensation for perceived abnormalities by one of the removal by society of barriers to inclusion of all its members. 30.01.2015 Page 20Created by: Boumans, Felsenberg,
  • 21. Basic (Groundwork)  Web Content Accessibility Guidelines (dt.) by the Web Accessibility Initiative (WAI) 5. Mai 1999 LAW  Gesetz zur Gleichstellung behinderter Menschen (Bedinderten Geichstellungsgesetz BGG, 1. May 2002  Barrierefreie Informationstechnik-Verordnung (BITV), 31. Dez 2005  Making accessibility mandatory for all German public sector websites Realization (Incentive)  Biene Award translate Winners list pg. Initiative by Lottery Aktion Mensch and Foundation Digitale Chancen since  Started 2003  1.800 participants  Ca. 77 Winner Current Situation, Background 30.01.2015 Page 21Created by: Boumans, Felsenberg, Lopez
  • 22.  Bundeskompetenzzentrum Barrierefreiheit e. V Supports everybody in making accessible in the means of Universal Design including websites, founded 2008 by 15 Gov.- & self-support organisation  Guidelines translate  BIK - Barrierefrei Informieren und Kommunizieren tslt Project by the Minstery of Work to support realization of accessible internet & intranet content  Consulting  Test  Examples: Top 90 List Top 95 List  BarriereKompass  Agency-Giude  Best-of-Accessibility  Conference Current Situation Realization (Information, Guide, Update) 30.01.2015 Page 22Created by: Boumans, Felsenberg, Lopez
  • 23. 1. 2.    3. BEST PRACTICES: WSA & LOCAL     4. 5. 6. Agenda 30.01.2015 Page 23Created by: Boumans, Felsenberg, Lopez
  • 24. WSA - World Summit Award WSIS-Award.org Page 2430.01.2015Created by: Boumans, Felsenberg, Lopez
  • 25. WORLD SUMMIT AWARD  WSA is a global activity to select and promote the world's best e- Content and most innovative ICT applications. It offers a worldwide platform for all who value the creative use of ICTs and who are committed to making today’s information society more inclusive.  Started in 2003 with the UN World Summit on the Information Society (UN WSIS)  Three streams:  WSA Multimedia (bi-annual)  WSYA = World Summit Youth Award (annual)  WSA mm = World Summit Award mobile media (annual)  168 countries participating
  • 26. Key issues WSIS United Nations World Summit on Information Society – Review 2015 Key WSIS issues addressed by WSA:  Digital Divide  Content Gap  Local Content  ICTs penetrating all sectors of social life 30.01.2015 Page 26Created by: Boumans, Felsenberg, Lopez
  • 27. DEAF PLANET, Canada Winner 2005: e-Inclusion www.deafplanet.com 30.01.2015 Page 27Created by: Boumans, Felsenberg, Lopez
  • 28. IBSAR – Vision for Blind, Kuwait Winner 2007: e-Inclusion Arabic Screen Reader 30.01.2015 Page 28Created by: Boumans, Felsenberg, Lopez
  • 29. IMPAIRED AID, Sri Lanka Winner 2009: e-Inclusion & Participation Braille to text and text to Braille Software 30.01.2015 Page 29Created by: Boumans, Felsenberg, Lopez
  • 30.  Produced by: Adam Montandon, Neil Harbisson, Mike Cobb  University of Plymouth , Plymouth , United Kingdom Bridging The Island Of The Colourblind 30.01.2015 Page 30Created by: Boumans, Felsenberg, Lopez
  • 31. Public Sector  http://www.bundestag.de/ http://www.landtag.nrw.de  http://www.ble.de Tourism  http://www.naturpark- suedschwarzwald.de/ Insurances  http://www.barmer-gek.de Health  http://www.pfizer.de/  http://www.darmkrebs.at/  http://www.ahg.de/ Accessibility Benchmarks from Germany from Biene Award and Top 95 List 30.01.2015 Page 31Copyright: Created by Alexander Felsenberg Public Television  http://www.zdf.de/ ZDF, biggest EU-Broadcaster  http://www.tagesschau.de/ ARD Public Transportation  http://www.vrr.de/de/index.html Bio / Health - & Environmental cautions Companies  http://www.manufactum.de/home.html  http://www.tom-garten.de/ Banks  https://www.credit-suisse.com/global/de  https://banking.postbank.de/app/welcome.do
  • 32. Transparency for democracy  More than 100.000 HTML-Pages  80.000 PDF-files  8.000 hours of video  Same-day minutes and proceedings  Online-petition procedures  Discussion groups  Online reservation for visits  In depth analysis of current topics and sophisticated search  About 100 editors keep background information about members  Structure and organization, committees, lobby groups  A history section offers a virtual tour through the famous Reichstag building  Sub-sites for youth address the future Deutscher Bundestag translation pg. E-Gov. Category Winner: WSA 2009 play video Video 30.01.2015 Page 32Created by: Boumans, Felsenberg, Lopez
  • 33.  Scalable  Accessible Table using id headers and scope attributes  Jump-marks to access keys  Unobtrusive JavaScript  Using Link lists for Navigation  No Layout table  Valid XHTML  Structured Setup  Accessible Forms, using label-tags, file sets and legends  All pictures and videos use Alt Text special training for the editors  Transcription of video is in process Zweites Deutsches Fernsehen ZDF, biggest European Broadcaster 30.01.2015 Page 33Created by: Boumans, Felsenberg, Lopez
  • 34. Black Forrest National Park Naturpark Südschwarzwald translation Page 3430.01.2015Created by: Boumans, Felsenberg, Lopez
  • 35. Black Forrest National Park Naturpark Südschwarzwald translation Page 3530.01.2015  Information on natural, human, Tourism & Education  Keyboard navigation for Blind and visually impaired users,  Possibility to leave comments and user ratings  Main navigation with a mega-drop- down menu  static sub-navigation for assistive technologies Created by: Boumans, Felsenberg, Lopez
  • 36. Colombian efforts  Non-state armed groups: FARC  3 casualties/day 2005  Mine BAN treaty 1997  Became law in 2002  Mine BAN Treaty in Zagreb,Croatia 2005  Many survivors don’t know about benefits & services.  The Internet can help disseminate information. 30.01.2015 Page 36Created by: Boumans, Felsenberg,
  • 37. 1. 2.    3.     4. Other online or digital initiatives 5. 6. Agenda 30.01.2015 Page 37Created by: Boumans, Felsenberg, Lopez
  • 38. Virtual gloves Future Brainball 30.01.2015 Page 38Created by: Boumans, Felsenberg, Lopez
  • 39. Other online initiatives 30.01.2015 Page 39Created by: Boumans, Felsenberg, Lopez
  • 40. VOXPlay 30.01.2015 Page 40Created by: Boumans, Felsenberg, Lopez
  • 41. My Handicap Germany translation Page 4130.01.2015Created by: Boumans, Felsenberg, Lopez
  • 42. My Handicap Page 4230.01.2015Created by: Boumans, Felsenberg, Lopez
  • 43. My Handicap Page 4330.01.2015Created by: Boumans, Felsenberg, Lopez
  • 44. My Handicap 30.01.2015 Page 44  Crowd sourced  Donation Based Avaliale  Germany  Austria  Swiss Created by: Boumans, Felsenberg, Lopez
  • 45. 1. 2.    3.     4. 5. What the future holds 6. Agenda 30.01.2015 Page 45Created by: Boumans, Felsenberg, Lopez
  • 46. APPS / Mobile  Braille  ASL – American Sign Language  Glucose Buddy  Pillboxer by Nixwire 30.01.2015 Page 46Created by: Boumans, Felsenberg, Lopez
  • 47. Social Media Sites not realy accessible … yet 30.01.2015 Page 47Created by: Boumans, Felsenberg, Lopez
  • 48. Near Accessibility Nearly barrier free  Beginning to be realized even outside of the public sector  Awareness & training is rising  Development Software imperative  improvement toward accessibility  Flash  Java  Design dominance for website development is breaking up Accessibility Barrier free  Still a wish in most cases  Aim for 2020  Takes another 10 years …but we are getting there Reality Check 30.01.2015 Page 48Created by: Boumans, Felsenberg, Lopez
  • 49. LAST BUT NOT LEAST… Page 4930.01.2015
  • 50. ACCESSIBILITY NOT ONLY IMPLIES : ACCESSIBILITY FOR PERSONS WITH DISABILITY
  • 52. Automatic translation applications run best on accessible websites! Like Google Translate Making your content and your business accessible to the rest of the world!
  • 54. Taining  Free training Videos Guidlines  Software  Websites  PDF  Adobe Validation Service  W3C Resources 30.01.2015 Page 54Created by: Boumans, Felsenberg, Lopez
  • 55. Contact  Jak Boumans e-mail: jak@euronet.nl  Alexander Felsenberg e-mail: felsenberg@gmail.com  Luis G. Lopez e-mail: luisg@lgldigital.com twitter: @luisger 30.01.2015 Page 55Created by: Boumans, Felsenberg, Lopez
  • 56. FOUNDER & HONORY MEMBER FOUNDING MEMBER FOUNDING MEMBER BOARD MEMBER JURY MEMBER INTERACTIVE EMMY AWARD FOUNDER GRÜNDUNGS- & VORSTANDSMITGLIED MEMBER MEMBER DÜSSELDORF A l e x a n d e r F e l s e n b e r g Creator & Communicator Felsenberg Consulting History Advertising & Media Craftsman Media & Marketing Research Trend Scout Agency developer Association CEO Marketing & Sales Director Chief Marketing Executive Supervisory Board Member Intenet-Expertise 1983 - BTX Applications 1988 - Database Searches (Telnet) 1994 - First Website for customers 2004 - Xing and first blog 2006 - First viral campaign in the solar industry (national) 2007 - Social Media Agency Development (international) 2008 - Exhibition & Conference Organizer (international) 2009 - Golden Caravan, Luxury Shopping Event (international) Goethe Institut (international) Swiss TV / TPC AG TV producer / transmitter (national) Car Trading (National) 2010 - Live Expert, Automotive Service (national) Retail (international) Content & Social Media Corporate Development Services Introduction, Board presentation, etc.. Organizational Development Installation & Training of teams Guidelines, Policies, KPI Implementation Moderation & Coaching Trend-Scouting, Agency Search Social Media Content & Services Analyse, Monitoring Strategie & Concept Planing & Budgeting Development Betrieb (Text, Grafic, Video, Seeding, Syndication) Reporting Services Marketing & Sales Strategy & approach Print Online & Mobile Direct Marketing Film & TV Fairs & Congresses Sales Award DGVM Award 2000 for Marketing Communication, Lobbying Kontakt Alexander Felsenberg, felsenberg@gmail.com, www.felsenberg.de, Tel. 0177 852 8618 30.01.2015 Page 56Created by: Boumans, Felsenberg, Lopez

Editor's Notes

  • #21: The traditional approach to disability policy has been based on the belief that disability is a deviation from normality. In this context, the policy orientation adopted by society is one of rehabilitation; the aim of which is to help compensate for the deviation and to encourage the disabled person to function as near as possible to the social norm. Currently this relationship between disability and "normality" is undergoing a revolution; a revolution instigated primarily by disabled people themselves. In this respect, it is increasingly being recognised on a global scale that human difference should be embraced as a phenomena which is both natural and beneficial to human society. A society, therefore, which is truly concerned with human rights is believed to be one which defends the right of its minorities to be different and does not compel those minorities to adjust to an artificial "norm" constructed by a perceived majority. Given these beliefs, the limitations faced by disabled individuals are no longer linked to their disabilities as such, but to society’s inability to adjust to the difference posed by disability and to provide equality of opportunity to all citizens and provide equality of opportunity to all citizens. This new approach is based on the notion of right rather than charity and an accommodation for difference rather than a compulsory adjustment to an artificial norm. The new approach, therefore, advocates a full notion of equal citizenship and inclusion rather than segregation and exclusion; an approach reflected in 1993, when the United National General Assembly, including all EU members states, adopted a resolution entitled Standard Rules for the Equalisation of Opportunities for Persons with Disability. The main principles of disability policy emerging from the Standard Rules might be summarised as a general shift in approach from disability as a medical issue to one of disability as as human rights issue, the replacement of an ethos of compensation for perceived abnormalities by one of the removal by society of barriers to inclusion of all its members and a by new emphasis on the need to mainstream actions, that is, including a disability dimension in policy recommendations covering a wide spectrum of social and economic concerns. Although non-compulsory, the Standard rules offer a strong moral and political impetus to take specific action at all level of government.
  • #31: In 2004, Neil Harbisson became the first person to be officially recognised as a cyborg by a world government. Neil was born with a condition called Achromatopsia. Achromatopsia is a condition that only allows a person to see in black and white. According to fountain of knowledge that is Wikipedia, 1 in 33’000 people are born with the condition. In October 2003, Mr Harbisson was attending a lecture on cybernetics. Neil found the topic particularly interesting and at the end of the lecture, he walked up to presenter and explained his condition. From that moment on; both Neil and the presenter, Adam Montandon, began working on the “Eyeborg project”. The eyeborg works with a head-mounted camera that picks up colours in front of the person wearing it. The eyeborg then turns those colours into sound waves. Each colour is given a distinct sound frequency. Neil had to memorize what colours each sound frequency represented. In 2004, in Vienna, Harbisson and Montandon co-presented their Eyeborg project and won the Europrix Award in Content Tools and Interface Design. Cyborg Status In 2004, Harbisson went to renew his British passport. However, his photo was rejected on the grounds that he was wearing electronic equipment on his head. Neil wrote back, saying that his Eyeborg should be considered apart of his body as he had technically become a cyborg. Backed up by letters from his doctor, college and friends, Neil was eventually allowed to renew his passport using the pictures of himself wearing the Eyeborg. Thus, Neil Harbisson became the first officially recognised human cyborg.