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