View
1.175
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Accessibiltiy and Design considerations, Examples from Germany Netherlands, Columbia Presentation by Alexander Felsenberg, Jak, Boumans, Luis G. Lopes
Citation preview
Website Accessibility Best Practice...and how to get there! Excellence in Innovation – Nuevos Paradigmas Internacionales de Accesibilidad y UsabilidadII International Meeting on Technology and Innovation for Persons with DisabilitiesJak Boumans – The NetherlandsAlexander Felsenberg - GermanyLuis German Lopez - Colombia
SAO PAULO, 22. OCTOBER 2010
Play Videohttp://www.youtube.com/watch?v=Oe3St1GgoHQ
Opening
07.04.2023 Page 2Created by: Boumans, Felsenberg, Lopez
1. ACCESSIBILITY & REASON WHYWeb 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 initiatives5. What the future holds6. Conclusions
Agenda
07.04.2023 Page 3Created by: Boumans, Felsenberg, Lopez
Accessibility = Websites accessible to all users.
Regardless of physical ability…
Or the way they use the Internet.
Accessibility
07.04.2023 Page 4Created by: Boumans, Felsenberg, Lopez
DisabilitiesVisually disabled usersHearing disabilitiesPhysical disabilitiesCognitive and Neurological
Disabilities
Reason why
07.04.2023 Page 5Created by: Boumans, Felsenberg, Lopez
Beyond DisabilitiesMobile usersLow bandwidth usersUsers who are drivingUsers in a noisy environmentUsers with "screen glare"Users with low literacy levelSecond-language access
Reason why
07.04.2023 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
Definitionby German Government
07.04.2023 Page 7Created by: Boumans, Felsenberg, Lopez
Purpose of Design
Page 807.04.2023
Emotion
Information
Orientation / Structure
Navigation
Positioning
Knowledge transfer
Created by: Boumans, Felsenberg, Lopez
Development pass
Page 907.04.2023
Barrier freeAccessibility
Nearly barrier freeNear Accessibility
“No-Thoughts” - Design
Created by: Boumans, Felsenberg, Lopez
Design vs. AccessibilityDilemma
Page 1007.04.2023
ItemsStandardsFoto & Graphic Java Scripts & ObjectsMultimediaViewing OptionsColor ContrastLanguage
Created by: Boumans, Felsenberg, Lopez
Design vs. AccessibilityDilemma
Page 1107.04.2023
Text Style Sheets JavaVideosPicturesGraphic Flash
Accessible
Fancy, funkymultimedia, highly interactive
Created by: Boumans, Felsenberg, Lopez
Design vs. AccessibilityDilemma
Page 1207.04.2023
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 1307.04.2023
No!Not accessible to 20% of users
Created by: Boumans, Felsenberg, Lopez
1. ACCESSIBILITY & REASON WHY2. CURRENT SITUATION
Colombia Holland Germany
3. BEST PRACTICES: WSA & LOCAL Introduction to WSA Cases - Holland Cases – Germany Cases - Colombia
4. Other online or digital initiatives5. What the future holds6. Conclusions
Agenda
07.04.2023 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-design07.04.2023 Page 15Created by: Boumans, Felsenberg, Lopez
El TiempoNot accessible … yet
07.04.2023 Page 16Created by: Boumans, Felsenberg, Lopez
Dutch efforts
Braille ruler Pre-internet: newspaper broadcast system Big letter books
07.04.2023 Page 17Created by: Boumans, Felsenberg, Lopez
Accessibility for Gamer
07.04.2023 Page 19Created by: Boumans, Felsenberg, Lopez
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.
07.04.2023 Page 20Created by: Boumans, Felsenberg, Lopez
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
07.04.2023 Page 21Created by: Boumans, Felsenberg, Lopez
Bundeskompetenzzentrum Barrierefreiheit e. VSupports 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 SituationRealization (Information, Guide, Update)
07.04.2023 Page 22Created by: Boumans, Felsenberg, Lopez
1. ACCESSIBILITY & REASON WHY 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 initiatives5. What the future holds6. Conclusions
Agenda
07.04.2023 Page 23Created by: Boumans, Felsenberg, Lopez
WSA - World Summit Award WSIS-Award.org
Page 2407.04.2023Created 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 onInformation Society – Review 2015
Key WSIS issues
addressed by WSA:
Digital Divide
Content Gap
Local Content
ICTs penetrating all
sectors of social life
07.04.2023 Page 26Created by: Boumans, Felsenberg, Lopez
DEAF PLANET, Canada
Winner 2005: e-Inclusionwww.deafplanet.com
07.04.2023 Page 27Created by: Boumans, Felsenberg, Lopez
IBSAR – Vision for Blind, Kuwait
Winner 2007: e-InclusionArabic Screen Reader
07.04.2023 Page 28Created by: Boumans, Felsenberg, Lopez
IMPAIRED AID, Sri Lanka
Winner 2009: e-Inclusion & ParticipationBraille to text and text to Braille Software
07.04.2023 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
07.04.2023 Page 30Created by: Boumans, Felsenberg, Lopez
Public Sector http://www.bundestag.de/ http://www.lan
dtag.nrw.de http://www.ble.de
Tourism http://www.naturpark-suedschwarzwald.d
e/
Insurances http://www.barmer-gek.de
Health http://www.pfizer.de/ http://www.darmkrebs.at/ http://www.ahg.de/
Accessibility Benchmarksfrom Germany from Biene Award and Top 95 List
07.04.2023 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 democracyMore than 100.000 HTML-Pages80.000 PDF-files8.000 hours of videoSame-day minutes and proceedingsOnline-petition proceduresDiscussion groupsOnline reservation for visitsIn depth analysis of current topics and
sophisticated search About 100 editors keep background
information about membersStructure and organization, committees,
lobby groupsA history section offers a virtual tour through
the famous Reichstag buildingSub-sites for youth address the future
Deutscher Bundestag translation pg.
E-Gov. Category Winner: WSA 2009 play video
Video
07.04.2023 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
07.04.2023 Page 33Created by: Boumans, Felsenberg, Lopez
Black Forrest National ParkNaturpark Südschwarzwald translation
Page 3407.04.2023Created by: Boumans, Felsenberg, Lopez
Black Forrest National ParkNaturpark Südschwarzwald translation
Page 3507.04.2023
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.
07.04.2023 Page 36Created by: Boumans, Felsenberg, Lopez
1. ACCESSIBILITY & REASON WHY 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 initiatives5. What the future holds6. Conclusions
Agenda
07.04.2023 Page 37Created by: Boumans, Felsenberg, Lopez
Virtual gloves
Future
Brainball
07.04.2023 Page 38Created by: Boumans, Felsenberg, Lopez
Other online initiatives
07.04.2023 Page 39Created by: Boumans, Felsenberg, Lopez
VOXPlay
07.04.2023 Page 40Created by: Boumans, Felsenberg, Lopez
My HandicapGermany translation
Page 4107.04.2023Created by: Boumans, Felsenberg, Lopez
My Handicap
07.04.2023 Page 44
Crowd sourced Donation Based
Avaliale Germany Austria Swiss
Created by: Boumans, Felsenberg, Lopez
1. REASON WHY 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 initiatives5. What the future holds6. Conclusions
Agenda
07.04.2023 Page 45Created by: Boumans, Felsenberg, Lopez
APPS / Mobile
Braille
ASL – American Sign Language
Glucose Buddy
Pillboxer by Nixwire
07.04.2023 Page 46Created by: Boumans, Felsenberg, Lopez
Social Media Sitesnot realy accessible … yet
07.04.2023 Page 47Created by: Boumans, Felsenberg, Lopez
Near AccessibilityNearly 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
AccessibilityBarrier free Still a wish in most cases Aim for 2020 Takes another 10 years
…but we are getting there
Reality Check
07.04.2023 Page 48Created by: Boumans, Felsenberg, Lopez
ACCESSIBILITY NOT ONLY IMPLIES :
ACCESSIBILITY FOR PERSONS WITH DISABILITY
ACCESSIBILITYALSO 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
07.04.2023 Page 54Created by: Boumans, Felsenberg, Lopez
Contact
Jak Boumanse-mail: [email protected]
Alexander Felsenberge-mail: [email protected]
Luis G. Lopeze-mail: [email protected]: @luisger
07.04.2023 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 gCreator & CommunicatorFelsenberg Consulting
HistoryAdvertising & Media CraftsmanMedia & Marketing ResearchTrend ScoutAgency developerAssociation CEOMarketing & Sales DirectorChief Marketing ExecutiveSupervisory Board Member
Intenet-Expertise1983 - BTX Applications1988 - Database Searches (Telnet)1994 - First Website for customers2004 - Xing and first blog2006 - 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 MediaCorporate Development Services Introduction, Board presentation, etc..Organizational Development
Installation & Training of teamsGuidelines, Policies, KPI
ImplementationModeration & CoachingTrend-Scouting, Agency Search
Social Media Content & ServicesAnalyse, MonitoringStrategie & ConceptPlaning & BudgetingDevelopmentBetrieb
(Text, Grafic, Video, Seeding, Syndication)
Reporting
ServicesMarketing & Sales
Strategy & approachPrintOnline & MobileDirect MarketingFilm & TVFairs & CongressesSales
Award DGVM Award 2000 for Marketing Communication, LobbyingKontakt Alexander Felsenberg, [email protected], www.felsenberg.de, Tel. 0177 852
8618
07.04.2023 Page 56Created by: Boumans, Felsenberg, Lopez