Drempelvrij samenwerken Start ook met drempelvrij samenwerken. Door kennis en informatie te delen op een platform dat aan de webrichtlijnen voldoet kun je met heel Nederland samenwerken. In deze whitepaper lees je meer informatie over de webrichtlijnen en de invloed van de webrichtlijnen op jouw website en samenwerkingsplatform.
Over Mett Mett is het Nederlandse online samenwerkingsplatform. Het platform is het meest gebruiksvriendelijke systeem voor online samenwerken en kennis delen. Mett voldoet technisch aan de webrichtlijnen versie 2, level AA. Daarmee is het platform geschikt over overheidsinstanties en organisaties die willen communiceren en samenwerken met heel Nederland. Mett is samenwerken met collega’s, relaties, klanten, burgers en andere doelgroepen. Deel openbaar en besloten veilig informatie. Of je nu een intern samenwerkingsplatform, social intranet, projectwebsite of participatieplatform wilt starten, via Mett voldoet jouw website aan de webrichtlijnen.
10 februari 2015 Voor meer informatie over Mett, ga naar www.Mett.nl.
Inhoudsopgave 1. Webrichtlijnen versie 2, level AA ..........................................................................................3 2. Techniek eisen .....................................................................................................................4 3. Content eisen .......................................................................................................................6 4. Feiten en fabels ....................................................................................................................8 5. Voordelen van een toegankelijke website ..........................................................................10
2
1. Webrichtlijnen versie 2, level AA Al sinds 1999 zijn er internationale toegankelijkheidsstandaarden voor websites en samenwerkingsplatforms. Deze webrichtlijnen zijn onlangs aangescherpt tot de webrichtlijnen versie 2, level A, AA en AAA. Per 1 januari 2015 moeten alle overheidswebsites voldoen aan de webrichtlijnen versie 2, level AA. Met de webrichtlijnen versie 2, level AA worden websites toegankelijk voor blinden en slechtzienden. De richtlijnen verbeteren de toegankelijkheid en daarmee de kwaliteit van websites. Daarom zijn de webrichtlijnen niet alleen voor de overheid van belang, maar ook voor grote bedrijven en instellingen. Moet jouw website toegankelijk zijn voor heel Nederland? Zorg er dan voor dat jouw website voldoet aan de webrichtlijnen versie 2, level AA. Omdat Mett het platform is waar je niet alleen besloten maar ook open kunt samenwerken en communiceren, bieden wij de mogelijkheid om samen te werken in Mett volgens de webrichtlijnen versie 2, level AA. Hoe bekijken blinden en slechtzienden een website? Om te begrijpen waarom de eisen voor een drempelvrije website zo streng zijn moet je je eens verplaatsen in de schoenen van iemand die (kleuren) blind of slechtziend is. Hoe bekijken zij websites en hoe kun je hen helpen om gemakkelijk informatie te zoeken en vinden? Blinden en slechtzienden kunnen een website op een aantal manieren bekijken. Een veelgebruikte manier is een screenreader. Dit is een extern softwareprogramma dat de tekst van andere software voorleest. Zo kan een screenreader blinden en zeer slechtzienden mensen helpen om op het internet informatie te vinden. Ook gebruiken sommigen een extern softwareprogramma dat de tekst flink vergroot. Om informatie te zoeken gebruiken blinden en slechtzienden het toetsenbord. Websites die voldoen aan de webrichtlijnen versie 2, level AA zijn daarom beter doorzoekbaar via een toetsenbord.
3
2. Techniek eisen Een website of samenwerkingsplatform moet technisch aan een aantal eisen voldoen. Bij veel content management systemen (CMS) is het maatwerk om de techniek te laten voldoen aan de webrichtlijnen. De uren lopen zo al snel op. Bij Mett voldoet de techniek aan de webrichtlijnen. Zodra je een nieuwe (project)website of samenwerkingsplatform start, weet je zeker dat de techniek voldoet aan de webrichtlijnen versie 2, level AA. In dit hoofdstuk bespreken we wat er technisch is veranderd aan het platform, zodat het voldoet aan de webrichtlijnen. W3C en de webrichtlijnen Het World Wide Web Consortium (W3C) is een organisatie die de web standaarden ontwerpt. W3C is ontstaan uit de gedachte dat toegang tot het web voor iedereen vanzelfsprekend moet zijn, ook voor mensen met een beperking. De webrichtlijnen sluiten hier op aan. Echter richt W3C zich op het toegankelijk maken van websites voor mensen en richten de webrichtlijnen zich ook op het toegankelijk maken van websites voor zoekmachines, browsers en (mobiele) apparaten. De webrichtlijnen hebben ook betrekking op de bouwkwaliteit, doorzoekbaarheid en uitwisselbaarheid van webcontent. Een toegankelijke website voldoet dus aan de W3C standaarden en de webrichtlijnen. HTML en javascript De HTML code moet voldoen aan de W3C standaarden. De webrichtlijnen versie 2, level AA voegen hier een aantal vereisten aan toe met betrekking tot HTML en javascript. HTML en javascript mogen volgens de webrichtlijnen niet door elkaar staan. ALT-teksten Bij afbeeldingen moet het mogelijk zijn om een alternatieve tekst (ALT-tekst) toe te voegen. Een goede ALT-tekst is een alternatief voor de afbeelding; de tekst geeft dezelfde informatie als de afbeelding zelf. Hoog contrast Om slechtzienden te helpen, moet het mogelijk zijn om een website in hoog contrast te bekijken. In een Mett staat een knop ‘hoog contrast’ waardoor bezoekers eenvoudig de website in hoog contrast kunnen bekijken. Toetsenbord toegankelijk Een website moet toegankelijk zijn voor een toetsenbord. Dit houdt in dat een bezoeker
4
enkel met zijn of haar toetsenbord de website gemakkelijk moet kunnen bezoeken. Hiervoor wordt bijvoorbeeld de tab knop gebruikt. In een website die voldoet aan de webrichtlijnen versie 2, level AA moet het mogelijk zijn om via het toetsenbord direct door te gaan naar een deel van de website, zoals de zoekfunctie. Dit noemen we skiplinks. Naast skiplinks moeten ook interactieve elementen op een website toetsenbord toegankelijk zijn, zoals video’s en kaarten. Links naar e-mailadressen De tekst naar links moet de URL waarnaar wordt gelinkt omschrijven. Daarom moeten links naar e-mailadressen het e-mailadres bevatten. In Mett staat daarom het e-mailadres van gebruikers automatisch uitgeschreven in het smoelenboek. Formulieren Volgens de webrichtlijnen moeten formulieren opgebouwd zijn in fieldsets (delen van het formulier die bij elkaar horen) en legends (titels van fieldsets). Daarnaast moet het mogelijk zijn om formulieren een titel te geven, waardoor ze beter vindbaar zijn. Heeft de bezoeker het formulier niet juist ingevuld? Volgens de webrichtlijnen moet de bezoeker een foutindicatie krijgen die aangeeft hoe de fout verholpen kan worden. Ook moeten websites met een asterisk (*) aangeven wanneer een veld verplicht is. 404 pagina’s Wanneer een link niet meer werkt krijgt een bezoeker een 404-pagina te zien. Dit is een pagina die aangeeft dat de gevraagde pagina niet gevonden is. Deze pagina moet je kunnen aanpassen. In Mett is het daarnaast mogelijk om deze pagina automatisch door te linken naar de homepagina en een zoekfunctie toe te voegen aan de pagina. Zo belanden blinden en slechtzienden niet op een dood spoor in de website. Andere technische eisen Op de website over de nieuwe versie van de webrichtlijnen vind je een uitgebreide lijst van technische eisen waar een toegankelijke website aan moet voldoen. Mett voldoet technisch aan deze eisen. Bekijk op versie2.webrichtlijnen.nl/techniek alle technische eisen van een drempelvrije website.
5
3. Content eisen De content op een website of samenwerkingsplatform moet op de juiste manier in de website worden geplaatst. Dit is de taak van de community manager. Maar waar moet de content aan voldoen? In dit hoofdstuk bespreken we de belangrijkste punten waar de content (inhoud) van een website aan moet voldoen volgens de webrichtlijnen versie 2, level AA. Teksten en titels Teksten en titels moeten de bezoekers van de website helpen om snel de juiste informatie te vinden. Met het gebruik van titels en verschillende koppen in de tekst maar je informatie toegankelijker. Wil je een afbeelding gebruiken voor de titel van een pagina? Dat kan, maar zorg ervoor dat je de titel als tekst bij de pagina plaatst. Het is niet toegestaan om bijvoorbeeld een tekst in een afbeelding te plaatsen. Deze tekst kun je niet selecteren en daardoor kun je niet op deze tekst zoeken in de website. Contrast en kleurgebruik De webrichtlijnen versie 2, level AA maakt websites toegankelijk voor kleurenblinden. Daarom is het zeer belangrijk dat je de juiste kleurencombinaties gebruikt met hoog contrast. Wil je zeker weten of je een kleurencombinatie kunt gebruiken? Via contrastchecker.com kun je snel en eenvoudig nagaan of het contrast juist is.
Afbeeldingen Afbeeldingen in een website of samenwerkingsplatform moeten makkelijk vindbaar zijn. Vul bij een afbeelding een titel en ondertitel of alternatieve (ALT) tekst in. Je hoeft alleen een ALT-tekst in te vullen bij informatieve afbeeldingen. Een website heeft veel decoratieve afbeeldingen die niet relevant zijn voor blinden of slechtzienden. Vul hier dus geen ALT-tekst in.
6
Video’s Video’s kun je op verschillende manieren delen op een website: als download en als webplayer. Plaats je een video als bestand, dan is het van belang dat dit een ‘open standaard’ is. Dat houdt in dat het bestand door alle bezoekers van je website te openen is. Een voorbeeld van open standaarden voor video is ‘WebM’ en ‘Theora’. Plaats je een video als webplayer, dan moet je de video ook als download aanbieden. Je biedt het bestand dan bijvoorbeeld onder de webplayer als download aan. Documenten Bij het toevoegen van documenten is het van belang dat je gebruik maakt van open standaarden. Een open standaard houdt in dat het bestand in meerdere programma’s te openen is (en bijvoorbeeld niet alleen in Microsoft). Daarnaast moet je alle documenten een titel geven, zodat documenten gemakkelijk te vinden zijn.
7
4. Feiten en fabels “Het is onmogelijk om aan alle webrichtlijnen te voldoen.” Gelukkig is dit niet zo! Zo zijn er meer fabels die rondgaan over de webrichtlijnen. Bijvoorbeeld dat er geen 1 fout meer gemaakt mag worden. Dat is niet waar; het is niet erg als je een keer een foutje maakt (met bijvoorbeeld het plaatsen van een afbeelding). Mocht je een officiële toets laten doen op jouw platform dan wordt er gekeken of er structurele fouten worden gemaakt. Je vindt alle fabels en feiten op een rij op de website van de Webrichtlijnen, zie: www.webrichtlijnen.nl/wat-en-waarom/fabels-en-feiten. ‘”Het kost veel tijd om een website volgens de webrichtlijnen in te richten.” Het toegankelijk maken van alle content op een website kan inderdaad tijdrovend zijn. Daarom is het belangrijk om training te krijgen in het juist doorvoeren van de webrichtlijnen in een website. Na het volgen van de webrichtlijnen training weet je precies waar de content van de website aan moet voldoen en kun je efficiënt de content aanpassen. “Het is kostbaar om een website in te richten die aan de webrichtlijnen voldoet.” Gelukkig niet! Mett is een betaalbare oplossing. Daarnaast krijg je bij een abonnement van Mett niet alleen een openbare website die voldoet aan de webrichtlijnen, maar ook een besloten online samenwerkingsomgeving. Door deze combinatie zal online samenwerken volgens de webrichtlijnen je geen geld kosten, maar opleveren. “Projectwebsites hoeven niet aan de webrichtlijnen te voldoen” Dat is niet waar, ook projectwebsites van de overheid moeten aan de webrichtlijnen versie 2, level AA voldoen. Ben je niet bekend met het inrichten van een projectwebsite volgens de webrichtlijnen versie 2, level AA? Een praktische training biedt de uitkomst. “Een besloten samenwerkingsomgeving hoeft niet aan de webrichtlijnen te voldoen.” Werk je in een besloten omgeving met (kleuren)blinden of slechtzienden? Dan raden wij jou aan om ook de besloten omgeving geheel aan de webrichtlijnen te laten voldoen. Zorg ervoor dat alle content volgens de webrichtlijnen in de besloten omgeving wordt gezet. “Een website die voldoet aan de webrichtlijnen is beter vindbaar in Google.” Websites die voldoen aan de webrichtlijnen zijn niet alleen toegankelijker voor mensen, ook voor zoekmachines. Het omschrijven van de content, bijvoorbeeld door alt-teksten in te vullen, maakt content beter vindbaar. Loop geen bezoekers mis, zorg dat de website voldoet aan de webrichtlijnen.
8
“De webrichtlijnen zijn niet in de wet opgenomen dus volgen er geen sancties als mijn website niet voldoet aan de richtlijnen.” De webrichtlijnen zijn verplicht voor de overheid – hier zijn duidelijke afspraken over gemaakt. Ook al is het niet in de wet opgenomen, alle overheidsinstanties moeten zich aan deze afspraken houden. Daarnaast loop je door niet aan de webrichtlijnen te voldoen veel bezoekers mis, wat al een sanctie op zich is!
9
5. Voordelen van een toegankelijke website Er zitten veel voordelen aan de webrichtlijnen. Je maakt het niet alleen toegankelijk voor alle bezoekers, je bent bijvoorbeeld ook beter vindbaar in zoekmachines. Op www.webrichtlijnen.nl/wat-en-waarom/voordelen staan een aantal voordelen op een rijtje, zoals: Meer mensen bereiken Vindbaar zijn in zoekmachines Een website die werkt in alle browsers, en op alle apparaten en besturingssystemen Een duurzame en flexibele website die klaar is voor de toekomst Een prettige gebruikservaring voor bezoekers van de website
Voordelen van Mett Wil je online samenwerken volgens de webrichtlijnen versie 2, level AA? Wil je efficiënter samenwerken, tijd en geld besparen? Werk dan samen in Mett. Mett voldoet technisch aan de webrichtlijnen, versie 2, level AA. Daarnaast verzorgen wij een webrichtlijnen training en een webrichtlijnen scan, zodat je er zeker van bent dat je volgens de webrichtlijnen samenwerkt. Door de lage kosten, onbeperkt aantal gebruikers en onbeperkte opslagcapaciteit is Mett zowel interessant als corporate social intranet voor grote organisaties als projectwebsite voor projectteams. Benieuwd hoe voordelig samenwerken in Mett is voor jouw organisatie of project? Neem vrijblijvend contact met ons op, via (030) 292 07 01 of
[email protected].
10