20090605 Anysurfer Bart Simons

1,265 views

Published on

Presentatie op de infonamiddag toegankelijke websites & anysurfer, 5 juni 2009 Faro, Brussel

Published in: Design, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,265
On SlideShare
0
From Embeds
0
Number of Embeds
125
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

20090605 Anysurfer Bart Simons

  1. 1. AnySurfer Infosessie webtoegankelijkheid Faro 5 juni 2009 Bart Simons (contactgegevens achteraan)
  2. 2. AnySurfer • AnySurfer = Belgisch kwaliteitslabel voor toegankelijke websites • Project van Blindenzorg Licht en Liefde • Tot 1 juli 2006: BlindSurfer • Naam benadrukt brede doelgroep • Als de richtlijnen gevolgd worden, is de site technisch toegankelijk (geen usability- oordeel) • www.anysurfer.be
  3. 3. Richtlijnen W3C • Web Content Accessibility Guidelines (WCAG) 2.0 van W3C gepubliceerd op 11 december 2008: http://www.w3.org/TR/WCAG20/ • Geen formele testprocedure zoals bvb. bij HTML en CSS validatie
  4. 4. AnySurferrichtlijnen • AnySurfer screent websites op toegankelijkheid volgens de AnySurferrichtlijnen • Gebaseerd op WCAG1.0 en WCAG2.0 draft • Begrijpelijk voor iedereen die aan de site werkt maar tegelijk voldoende gedetailleerd zodat iemand met kennis HTML/CSS ze vlot kan toepassen
  5. 5. Diensten AnySurfer • Template-advies • Audit, validatie, labeluitreiking • Workshop: knelpunten in de praktijk’ • Opleiding webwerkers • Sensibilisering • Maatwerk/consultancy
  6. 6. AnySurferlabel en pluslabel • AnySurferlabel: site is vlot toegankelijk voor alle bezoekers maar hier en daar moet men uitwijken naar een alternatieve oplossing • AnySurfer pluslabel: site is onvoorwaardelijk toegankelijk voor iedereen, site is gebouwd volgens webstandaarden
  7. 7. Enkele gelabelde sites • FOD Binnelandse Zaken: www.ibz.be • www.vdab.be, www.vlaanderen.be • www.provant.be, www.vlaams-brabant.be • www.ingelmunster.be, www.leuven.be, www. ocmw-meulebeke.be • Commercieel: www.2dehands.be, www.partena- ziekenfonds.be, Dexia Directnet
  8. 8. Wettelijk kader Federale wet van 10 mei 2007 ter bestrijding van discriminatie http://www.diversiteit.be/index.php?action=wetgeving _detail&id=26&select_page=12 “Het ontbreken van redelijke aanpassingen voor de persoon met een handicap vormt een discriminatie in de zin van deze wet.” Elke vorm van directe of indirecte discriminatie is verboden bij het leveren of het ter beschikking stellen van goederen en diensten aan het publiek.
  9. 9. Webtoegankelijkheid Alle bezoekers kunnen de website gemakkelijk gebruiken in uiteenlopende omstandigheden en met verschillende configuraties.
  10. 10. Alle bezoekers Bezoekers kunnen werken • zonder toetsenbord • zonder muis • zonder scherm • zonder luidsprekers • met een trage internetverbinding + combinaties
  11. 11. Zonder toetsenbord • motorische handicap Alternatieven: enkel muis of trackball, spraakherkenning • PDA of GSM met beperkt toetsenbord of minuscule toetsen • hand in het gips
  12. 12. Zonder muis • gebruikers van laptop/PDA/GSM • blinden Alternatief: sneltoetsen • mensen met motorische handicap Alternatief: pointing device dat met de voet of het hoofd bediend kan worden
  13. 13. Zonder scherm • blinden en slechtzienden (ouderen zijn vaak ook slechtziend) Alternatieven: spraakweergave, brailleleesregel, schermvergroting • mensen met dyslexie (verkiezen gesproken tekst boven zelf lezen)
  14. 14. Zonder luidsprekers • Doven en slechthorenden • Om zijn/haar collega's niet te storen in een rustige ruimte • In een lawaaierige ruimte
  15. 15. Mobiele surfers • Mobile Web best practices: http://www.w3.org/TR/mobile-bp/ • Gelijkaardige problematiek: lagere schermresolutie, beperkte kleurweergave, beperkte bandbreedte, geen of beperkte ondersteuning voor flash, scripts en multimedia etc. • http://www.w3.org/TR/mwbp-wcag/
  16. 16. Zoekmachines • Klein maar cruciaal percentage van bezoekersaantal • Hechten veel belang aan structureel gebruik van tags (zoals headings) en de inhoud van link- en altteksten • Toegankelijke sites scoren spectaculair hoger in de ranking (http://www.alistapart.com/articles/accessibil ityseo)
  17. 17. Met hoeveel zijn die bezoekers? • 13% van de Belgische bevolking heeft een of andere handicap • 17% is ouder dan 65 (snelst groeiende groep internetgebruikers) • Eén op 12 mannen heeft een vorm van kleurenblindheid • Eén op 100 mensen is ernstig slechtziend • Eén op 1000 is blind
  18. 18. Wat doen die mensen online? Zowat alles wat u en ik doen.
  19. 19. Met dit belangrijk verschil • Voor mensen met een functiebeperking schept het internet mogelijkheden die voordien ondenkbaar waren • Het verhoogt hun zelfstandigheid, de kans op werk en het bevordert sociale integratie
  20. 20. Eindeloze mogelijkheden • Bankieren • Productinformatie • De krant lezen opzoeken en prijzen • Naslagwerken vergelijken raadplegen • Vacatures uitpluizen • Online winkelen • Belastingsaangifte doen • Dienstregelingen • Communiceren zonder openbaar vervoer barrières (discussie- opzoeken groepen, chatrooms • Tickets bestellen etc.)
  21. 21. Besluit • Zeg niet: “we gaan onze site aanpassen voor blinde bezoekers” • Motivatie: niet louter om personen met een handicap een dienst te bewijzen, maar om een site te bouwen die voor iedereen beter bruikbaar is • Sommige sites voorzien een aparte ‘blindenversie’; dat is geen integrale toegankelijkheidsoplossing • Ook een bezoeker zonder beperking vindt sneller de informatie die hij zoekt
  22. 22. Manier van werken • Blijf vertrouwde editor gebruiken • Blijf bestaande HTML-tags gebruiken • Inbouwen van bij de start • CMS-gebruikers: juiste keuzes maken de site automatisch een stuk toegankelijker
  23. 23. Correct gebruik van tags • Richtlijnen voor webtoegankelijkheid verzinnen geen nieuwe HTML tags • Ze vragen wel de bestaande tags consequent te gebruiken en alleen waarvoor ze bedoeld zijn • Valide HTML4.01 transitional en correcte CSS syntax is uitgangspunt: http://validator.w3.org/ en http://jigsaw.w3.org/css-validator/
  24. 24. Contact AnySurfer = Belgisch kwaliteitslabel voor toegankelijke websites www.anysurfer.be (tweetalig NL/FR) http://blog.anysurfer.be www.anysurfer.be/nl/nieuwsbrief E-mail: info@anysurfer.be Telefoon: 016-73 52 40

×