Voor diegenen die het nog niet wisten; Altimeter is een club die je ‘moet’ volgen. Charlene Li (ex-Forrester) heeft een club voormalige collega’s om zich heen verzameld die zich als social media consultants verhuren. Ongetwijfeld voor Forresteriaanse bedragen, dus onbetaalbaar.
Maar ze delen ook met regelmaat webinars en presentaties met de minder gefortuneerden. Heel erg social dus. Maar deze club social media ‘goeroes’ mist een andere boot op gruwelijke wijze. Met hun website.
Brunel is een uitzender. Brunel heeft dus een site met vacatures. En wat voor een site! Dit is waarschijnlijk de meest krankzinnige site die ik ooit ben tegen gekomen.
Zo’n statement moet ik natuurlijk wel waarmaken. En dat is een opgave. Niet vanwege het gebrek aan lachwekkende voorbeelden dat ik kan geven; maar vanwege de afgrijselijk ervaring die dit met zich mee brengt. Maar ja, dan had ik maar een vak moeten leren. Dus wees gewaarschuwd; deze posting bevat gruwelijke beelden!
Ras, leeftijd, geslacht en levensovertuiging mogen geen van allen als argument voor het afwijzen van een sollicitant worden gebruikt. Maar werkzoekers met een bepaalde beperking mogen zonder pardon worden geweerd.
Althans, van de vacature- of wervingssite. Want de meeste sites houden amper rekening met deze groep werkzoekers. Met als gevolg een (mogelijk) onbedoelde selectie aan de voordeur.
Ekudos vraagt om hulp. Omdat ze zelf niet uit een Google-vraagstuk komen, schakelen ze the ‘crowd’ in. Reacties wisselen van “Als je me zou vragen help me bij het maken van kippensoep, maar dit..?” (van Grootmoeder) tot hele plan de campagnes ( van o.a. Ikke_dan).
Met uitzondering van Herensokken.nl voldeed geen van de sites aan het door hen ontvangen waarmerk. Wat buitengewoon vreemd is, gezien de wijze waarop verstrekking van het waarmerk is georganiseerd.
Overigens zijn de geconstateerde Priority 1 fouten niet bepaald schokkend te noemen; in vrijwel alle gevallen ging het om ontbrekende Alt teksten bij spacers. Maar het blijft natuurlijk een feit dat een waarmerk een bepaalde verwachting geeft; en dat drie van de vier sites hier niet aan voldoet is op zijn zachst gezegd merkwaardig.
Ondanks het buitengewoon saaie onderwerp is Herensokken.nl een site om van te leren. En niet alleen op het gebied van accessibility. Want ook op het gebied van usability heeft deze site niet achteraan gestaan bij het uitdelen. Allen qua design zou er wel eens een ferme kwast over de site moeten worden gehaald.
Met de ervaringen van deze vier sites in het achterhoofd is het nu wel eens tijd om de ‘usual suspect’ eens met een bezoek te gaan vereren. Oftwewel, de negen vacaturesites die al de nodige onderzoekjes hebben ondergaan.
Vandaag dan de laatste van de vier bedrijven die een website hebben met het Drempelvrij waarmerk. En het is Wehkamp die deze miniserie sluit. Een retailer dus. En net als SNS bank lijken ze niet al te trots op dit waarmerk; want het is niet op de homepage te vinden.
Maar we gaan eens kijken hoe het met de accessibility van Wehkamp staat.
De homepage De homepage van Wehkamp ziet er zo uit:
En er valt heel veel te zien op deze homepage. Een retailer probeert natuurlijk zoveel mogelijk informatie above the fold te tonen.
Door het terughoudende kleurgebruik oogt de site ondanks de veelheid aan items nog redelijk rustig. Maar is de site ook accessible? Dat gaan we nu uitvinden.
De resultaten En hier zijn dan de resultaten van de twee tools.
Total Validator
Een spacer zonder een alt text. En dus een Priority 1 (A) fout.
Wave Ook Wave vindt dezelfde fout:
Conclusie Net als bij SNS bank is er toch een Priority 1 (A) fout op deze homepage aangetroffen; wat feitelijk het Drempelvrij waarmerk teniet doet.
Maar net als bij SNS bank is het een minimale afwijking. Waardoor de site toch bijna drempelvrij is.
Een drempelvrije bank; dat is weer eens wat nieuws. Maar het is echt zo, want SNSbbank heeft het Drempelvrij waarmerk gekregen. Ook al lijken ze er niet zo trots op, want het is niet op de homepage te vinden.
En vandaag brengen we dus een bezoek aan deze site, om te zien wat we kunnen leren van SNSbank.nl op het gebied van accessibility.
De homepage De homepage van SNSbank.nl ziet er zo uit:
Een lekker groot lettertype en een zeer overzichtelijke site. Rechts bovenin een luidsprekertje en de tekst voorlezen. Als je daarop klikt kan de tekst van de homepage waarschijnlijk worden voorgelezen; maar dan moet Windows Media Player 11 als plugin installeren. En daar heb ik dus even geen zin in.
De resultaten En hier zijn dan de resultaten van de twee tools.
Total Validator
SNS bank gebruikt grafische kopjes; en eeen van die kopjes heeft geen alt text. Tja, en dat mag natuurlijk niet.
Wave Ook Wave ontdekt dezelfde fout:
Conclusie Net als bij Werk.nl is er toch een Priority 1 (A) fout op deze homepage aangetroffen; wat feitelijk het Drempelvrij waarmerk teniet doet.
Overigens is de site van SNS bank een uitstekend vorm gegeven site. Overzichtelijk en tegelijkertijd rustig. En bijna drempelvrij…
Herensokken.nl. Laten we eerlijk zijn, het is niet bepaald een inspirerende naam. Maar wel verdomde duidelijk! Vooral omdat de site inderdaad over herensokken gaat. Zoals ook de subtitel duidelijk maakt: Sokkenvakhandel op internet.
We hebben hier niet te maken met eeen of andere flashy Web 2.0 social media site. Maar een degelijke sokkensite. En we zijn hier ook niet voor flashy gedoe; maar om te leren over accessibility. Omdat Herensokken.nl het waarmerk Drempelvrij mag dragen.
De Homepage En zo ziet de homepage van Herensokken.nl er uit:
Zoals ik al zei: geen flitsende site. Maar wel buitengewoon overzichtelijk! En Herensokken.nl is duidelijk trots op het waarmerk Drempelvrij.
Maar laten we eens kijken wat er met deze homepage gebeurt als we onze tools er op los laten.
De resultaten En hier zijn dan de resultaten van de twee tools.
Total Validator
Volgens Total Validator zijn er alleen maar HTML issues en is er geen enkele Priority 1 (A) fout te bekennen op deze site
Wave Wave ontdekt maar 1 accessibility issue:
En dat is geen Priority 1 (A) fout.
Het is overigens wel vreemd dat Herensokken.nl in alle andere gevallen wel een form label heeft geplaatst bij een combobox. Alleen voor de schoenmaat zijn ze dat blijkbaar vergeten.
Conclusie Herensokken.nl heeft haar zaakjes op accessibility gebied dus helemaal voor elkaar!
En ook vanuit usability perspectief zit deze site prima in elkaar. Het mag er misschien allemaal wat saai uitzien; maar dit is een site om van te leren. Ook voor online recruitment!
Overigens baal ik er wel van dat ze ook damessokken voeren. Het zou verboden moeten worden!
Vandaag wil ik de eerste van in totaal vier sites met dit waarmerk eens nader bekijken op hun toegankelijkheid. En Werk.nl komt de eer toe als eerste te worden bekeken.
Gebruikte tools Ik gebruik een tweetal tools om de toegankelijkheid van de website te beoordelen:
Wave. Een visuele tool, beschikbaar gesteld door WebAIM
Drempelvrij.nl biedt een toolbar voor een vergelijkbare controle. Maar helaas… alleen voor Internet Explorer. Dat is toch een beperkte accessibility zou ik zeggen…. Zeker voor mij, aangezien ik geen Internet Explorer gebruik.
Total Validator Zo ziet de homepage van Total Validator eruit. Ik test uitsluitend op Priority 1 (A) toegankelijkheid:
Wave Zo ziet de homepage van Wave eruit:
De homepage van Werk.nl De homepage van Werk.nl ziet er zo uit:
Links in de benedenhoek staat overigens het Drempelvrij waarmerk.
Resultaten Total Validator en Wave laten verschillende resultaten zien.
Total Validator Total Validator geeft aan in totaal 359 fouten te hebben gevonden; waarvan er 3 als Priority 1 (A) worden gekenmerkt:
En die drie fouten betreffen:
Twee images (beiden een transparante pixel) zonder alt tekst.
Een frame zonder titel.
Wave Wave geeft aan in totaal 22 fouten te hebben gevonden; een deel hiervan is in de afbeelding hieronder weergegeven:
Zoals gezegd; Wave geeft een grafische weergave van de pagina en waar fouten zijn geconstateerd. Dat wordt gedaan met allerlei gekleurde iconen. Rode iconen geven echte fouten (volgens Wave) weer.
Ook Wave vindt de twee transparante pixel fouten:
Maar is blijkbaar niet in staat de frame zonder titel te identificeren.
Daarnaast rapporteert Wave nog een aantal andere fouten:
Alleen zijn dit geen Priority 1 (A) fouten.
Conclusies Op basis van deze resultaten is het vreemd dat Werk.nl het Waarmerk Drempelvrij mag dragen. Tenslotte zijn er een paar toegankelijkheidsproblemen gevonden die als Priority 1 (A) worden gekenmerkt; ook door de Stichting Drempelvrij.nl.
Toegegeven, de fouten zijn bepaald niet schokkend, maar als er regels worden gesteld is het wel prettig als die ook worden nageleefd. En dat is hier dus niet het geval. Werk.nl voldoet niet aan twee richtlijnen:
Lever een tekstequivalent voor elk niet-tekstueel element. (1.1)
Geef elk frame een titel, zodat je de identificatie en navigatie van een frame vergemakkelijkt. (12.1)
Volgens W3C’s Web Accessibility Initiativemoet een website aan de Priority 1 richtlijnen voldoen omdat het anders voor gebruikers met bepaalde beperkingen onmogelijk is de website te gebruiken.
Wanneer een website voldoet aan de eisen van de Stichting Waarmerk drempelvrij.nl mag een site het waarmerk (het groene logo hierboven) dragen.
Hiervoor dient een website eerst getoetst te worden aan de hand van de 16 richtlijnen. En dat gebeurt dan weer door een keuringsinstelling die door de Stichting bevoegd word geacht.
Het is overigens opvallend dat het aantal commerciele sites met een waarmerk schril afsteekt bij het grote aantal sites van stichtingen zonder winstoogmerk en overheidsinstellingen. Blijkbaar is accessibility nog geen (al te hoge) prioriteit bij bedrijven.
Ik wil de 4 sites gaan bekijken vanuit de 16 richtlijnen; op basis van een aantal geautomatiseerde controle programma’s. Om zo een soort referentie te hebben voordat we eens gaan kijken naar online recruitment sites; waaronder onze stamgasten natuurlijk!
Marc Drees
Baudi Heidanus
Marc Drees
Marc Drees
David