AnySurfer
Infosessie webtoegankelijkheid
Faro
5 juni 2009
Bart Simons
(contactgegevens achteraan)

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

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

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

Diensten AnySurfer
• Template-advies
• Audit, validatie, labeluitreiking
• Workshop: knelpunten in de praktijk’
• Opleiding webwerkers
• Sensibilisering
• Maatwerk/consultancy

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

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

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.

Webtoegankelijkheid
Alle bezoekers kunnen de website gemakkelijk
gebruiken in uiteenlopende omstandigheden
en met verschillende configuraties.

Alle bezoekers
Bezoekers kunnen werken
• zonder toetsenbord
• zonder muis
• zonder scherm
• zonder luidsprekers
• met een trage internetverbinding
+ combinaties

Zonder toetsenbord
• motorische handicap
Alternatieven: enkel muis of trackball, spraakherkenning
• PDA of GSM met beperkt toetsenbord of
minuscule toetsen
• hand in het gips

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

Zonder scherm
• blinden en slechtzienden (ouderen zijn vaak ook
slechtziend)
Alternatieven:
spraakweergave, brailleleesregel, schermvergroting
• mensen met dyslexie (verkiezen gesproken tekst
boven zelf lezen)

Zonder luidsprekers
• Doven en slechthorenden
• Om zijn/haar collega's niet te storen in een
rustige ruimte
• In een lawaaierige ruimte

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/

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)

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

Wat doen die mensen online?
Zowat alles wat u en ik doen.

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

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

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

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

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/

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