Website Accessibility sao paulo_2010 10 22_presented_dl

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

 Accessibility =
Websites accessible to all users.
 Regardless of physical ability…
 Or the way they use the Internet.
Accessibility

 Disabilities
 Visually disabled users
 Hearing disabilities
 Physical disabilities
 Cognitive and Neurological
Disabilities
Reason why

 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

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

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

Design vs. Accessibility
Dilemma
Page 1030.01.2015
Items
Standards
Foto & Graphic
Java Scripts & Objects
Multimedia
Viewing Options
Color Contrast
Language

Dilemma
Page 1130.01.2015
Text Style Sheets JavaVideos
Pictures
Graphic
Flash
Accessible
Fancy, funky
multimedia, highly interactive

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

The Icons ! …?
Page 1330.01.2015
No!
Not accessible
to 20% of users

1.
2. CURRENT SITUATION



3.




4.
5.
6.
Agenda

 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

Dutch efforts
 Braille ruler
 Pre-internet: newspaper broadcast system
 Big letter books
30.01.2015 Page 17Created by: Boumans, Felsenberg,

Dutch info site

Accessibility for Gamer

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.

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

 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)

1.
2.



3. BEST PRACTICES: WSA & LOCAL




4.
5.
6.
Agenda

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

DEAF PLANET, Canada
Winner 2005: e-Inclusion
www.deafplanet.com

IBSAR – Vision for Blind, Kuwait
Winner 2007: e-Inclusion
Arabic Screen Reader

IMPAIRED AID, Sri Lanka
Winner 2009: e-Inclusion & Participation
Braille to text and text to Braille
Software

 Produced by: Adam Montandon, Neil
Harbisson, Mike Cobb
 University of Plymouth , Plymouth ,
United Kingdom
Bridging The Island Of The Colourblind

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

 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

Black Forrest National Park
Naturpark Südschwarzwald translation

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

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.

1.
2.



3.




4. Other online or digital initiatives
5.
6.
Agenda

Virtual gloves
Future
Brainball

Other online initiatives

VOXPlay

My Handicap
Germany translation

My Handicap

My Handicap
30.01.2015 Page 44
 Crowd sourced
 Donation Based
Avaliale
 Germany
 Austria
 Swiss

1.
2.



3.




4.
5. What the future holds
6.
Agenda

APPS / Mobile
 Braille
 ASL – American Sign Language
 Glucose Buddy
 Pillboxer by Nixwire

Social Media Sites
not realy accessible … yet

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

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!

Taining
 Free training Videos
Guidlines
 Software
 Websites
 PDF
 Adobe
Validation Service
 W3C
Resources

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

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

Website Accessibility sao paulo_2010 10 22_presented_dl

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Website Accessibility sao paulo_2010 10 22_presented_dl

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

Más de Alexander Felsenberg

Más de Alexander Felsenberg (6)

Último

Último (20)

Website Accessibility sao paulo_2010 10 22_presented_dl

Notas del editor