verschillen tussen de huidige checklist en de versie uit 2006

Inleiding

• WCAG 2.0 is technologie-onafhankelijk geformuleerd en ingedeeld in vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust.
• Het AnySurferlabel stemt overeen met niveau A van WCAG 2.0.
• Hieronder volgt een vergelijking tussen de AnySurfer checklist van 11 februari 2010 en de vorige versie van 1 juli 2006.
• De eerste vier blokken van de AnySurfer checklist (navigatie, inhoud, vormgeving en interactiviteit) hebben betrekking op HTML, CSS et JavaScript.
• Daarna volgt een vijfde blok over plug-ins en downloadbare documenten. Deze zijn op dit moment nog ongewijzigd t.o.v. de checklist van juli 2006.

Nieuwe ijkpunten in de AnySurfer checklist

Volgende ijkpunten zijn nieuw in de AnySurfer checklist t.o.v. de vorige versie uit 2006:

• Broncode voldoet aan de specificatie
• Bijschrift is gemarkeerd met het caption-element
• Video en geluid zijn benoemd
• Video is ondertiteld
• Velden zonder zichtbaar label hebben een beschrijvende tooltip
• Het label bij datumvelden vermeldt de vereiste notatie en een voorbeeld
• Samenhorende formuliervelden zijn ingesloten door een <fieldset>
• Samenhorende onderdelen in een keuzelijst zijn ingesloten door een <optgroup>
• Bij het valideren wordt foutieve invoer gemarkeerd en tekstueel toegelicht
• Acties zijn niet strikt tijdsgebonden
• De automatische actualisatie van paginaonderdelen kan stopgezet worden
• Pop-up's verschijnen niet automatisch

Ijkpunten die niet langer tot niveau A behoren

Volgende ijkpunten maken geen deel meer uit van de AnySurfer checklist. In de meeste gevallen gaat het nog steeds om belangrijke aanbevelingen. We hebben ze enkel geschrapt omdat ze geen deel uitmaken van niveau A van WCAG2.0. De meeste ijkpunten zullen terugkomen in de strengere variant.

• Klikgebied is groot genoeg
• Bestandstype is aangegeven bij downloads
• Pop-ups zijn schaalbaar
• Pop-ups zijn aangekondigd
• Nieuwe vensters enkel voor externe links
• Grafische tekst is minstens 16 pixels hoog
• Tabelhoofdingen zijn goed geplaatst
• Taalwijzigingen op de homepage zijn aangegeven
• Tekengrootte is eenvoudig te wijzigen
• Geen overlappingen bij een vergroting tot 150%
• Pagina bevat hoogstens 5 frames
• Frames zijn schaalbaar en of hebben schuifbalken
• Links naar andere websites openen browservullend
• Lijst met links naar afzonderlijke pagina's is beschikbaar
• Kleurcontrast is voldoende

Ijkpunten die verplaatst zijn naar het blok "andere technologieën"

• PDF is vlot leesbaar na tekstconversie
• Office-document is naar tekst omzetbaar
• Alternatieven voor Flash en Java zijn beschikbaar

Vergelijking tussen de checklist uit 2006 en die van 2010

Voor elk ijkpunt uit de checklist van 2006 geven we aan waar het te vinden is in de versie uit 2010.

A. NAVIGATIE

A.1. Navigatie - Algemeen

1. Website is bruikbaar zonder muis: wordt 1.1 "Website is bruikbaar met het toetsenbord."

A2. Hyperlinks

2. Linkteksten zijn betekenisvol : wordt 1.2 "Linkteksten zijn betekenisvol binnen hun context"
3. Klikgebied is groot genoeg: behoort niet langer tot het basisniveau
4. Bestandstype is aangegeven bij downloads: behoort niet langer tot het basisniveau

A.3. Pop-ups en nieuwe vensters

5. Pop-ups zijn schaalbaar: behoort niet langer tot het basisniveau
6. Pop-ups zijn aangekondigd: behoort niet langer tot het basisniveau
7. Nieuwe vensters enkel voor externe links: behoort niet langer tot het basisniveau

B. INHOUD

B.1. Tekst

8. Pagina heeft een betekenisvolle titel : wordt 2.2.1 "Pagina's hebben een betekenisvolle titel"
9. Hypertekst is semantisch gestructureerd : wordt 2.2.2 "Pagina's zijn semantisch gestructureerd"

B.2. Afbeeldingen

Foto's en illustraties

10. Alt-tekst beschrijft de afbeelding: wordt 2.3.1 "Elke afbeelding heeft een alt-attribuut"

Grafische tekst

11. Alt-tekst is letterlijke weergave: wordt 2.3.1 "Elke afbeelding heeft een alt-attribuut"
12. Tekst is minstens 16 pixels hoog : behoort niet langer tot het basisniveau

Complexe afbeeldingen

13. Alt-tekst biedt beknopte omschrijving: wordt 2.3.1 "Elke afbeelding heeft een alt-attribuut"
14. Afbeelding is elders tekstueel beschreven : wordt 2.3.2 "Complexe afbeeldingen zijn tekstueel beschreven"

Decoratieve afbeeldingen

15. Alt-tekst is leeg: wordt 2.3.1 "Elke afbeelding heeft een alt-attribuut"
16. Achtergrond is louter decoratief : wordt 2.3.3 "Informatiedragende achtergrondafbeeldingen hebben een alternatief"

B.3. Eenvoudige gegevenstabellen

17. Tabel is bruikbaar na linearisatie : wordt 2.4.1 "Tabel is bruikbaar na linearisatie"
18. Tabelhoofdingen zijn goed geplaatst : behoort niet langer tot het basisniveau
19. Tabelhoofdingen zijn juist gemarkeerd (TH) : wordt 2.4.2 "Tabelhoofdingen zijn gemarkeerd met een th-element"

B.4. Complexe tabellen

20. Toegankelijk alternatief is beschikbaar: wordt 2.4.4 "Complexe tabellen zijn gemarkeerd met headers-attributen"

B.5. video en geluid

21. Gesproken tekst is als HTML beschikbaar: wordt 2.5.2 "Tekstversie is beschikbaar"
22. Video en geluid starten niet automatisch: wordt 2.5.4 "Geluid start niet automatisch"
23. Bedieningsknoppen zijn toegankelijk: maakt deel uit van 1.1 "Website is bruikbaar met het toetsenbord"

B.6. Downloadbare documenten

24. PDF is vlot leesbaar na tekstconversie: zie blok "Plug-ins en downloadbare documenten"
25. Office-document is naar tekst omzetbaar: zie blok "Plug-ins en downloadbare documenten"

B.7. Taal

26. Basistaal van elke pagina is aangegeven: wordt 2.2.3 "Basistaal van iedere pagina is aangegeven"
27. Taalwijzigingen op de homepage zijn aangegeven: behoort niet langer tot het basisniveau

C. VORMGEVING

C.1. Tekstopmaak

28. Tekengrootte is eenvoudig te wijzigen: behoort niet langer tot het basisniveau
29. Letters zijn niet gescheiden door spaties of andere tekens : wordt 3.1.2 "Spaties en andere tekens worden niet gebruikt voor vormgeving"
30. Links zijn zichtbaar te onderscheiden : wordt 3.1.1 "Links zijn zichtbaar te onderscheiden"

C.2. Paginaopmaak met CSS-positionering

31. Geen overlappingen bij een vergroting tot 150% : behoort niet langer tot het basisniveau
32. Broncode is logisch opgebouwd: wordt 3.2.1 "Pagina-inhoud heeft betekenisvolle volgorde"

C.3. Opmaaktabellen

33. Pagina blijft overzichtelijk na linearisatie: wordt 3.2.1 "Pagina-inhoud heeft betekenisvolle volgorde"

C.4. Frames

34. Pagina bevat hoogstens 5 frames : behoort niet langer tot het basisniveau
35. Frames hebben beschrijvende naam en titel : wordt 3.2.2 "(i)Frames hebben beschrijvende naam en titel"
36. Frames zijn schaalbaar en of hebben schuifbalken: behoort niet langer tot het basisniveau
37. Links naar andere websites openen browservullend : behoort niet langer tot het basisniveau
38. Lijst met links naar afzonderlijke pagina's is beschikbaar: behoort niet langer tot het basisniveau

C.5. Beweging

39. Beweging start uitsluitend op verzoek : wordt 3.3.2 "Beweging kan gestopt worden"
40. Beweging kan stopgezet worden : wordt 3.3.2 "Beweging kan gestopt worden"
41. Tekst en afbeeldingen knipperen niet: wordt 3.3.1 "Tekst en afbeeldingen knipperen niet meer dan 3 keer per seconde"

C.6. Kleur

42. Inhoud is begrijpelijk voor wie geen kleuren kan onderscheiden : wordt 3.4.1 "Inhoud is begrijpelijk voor wie geen kleuren kan onderscheiden"
43. Kleurcontrast is voldoende : behoort niet langer tot het basisniveau

D. INTERACTIVITEIT

D.1. Formulieren

44. Labels en formuliervelden zijn verbonden: wordt 4.1.1 "Labels en formuliervelden zijn verbonden"
45. Verplichte velden zijn binnen het label aangekondigd : wordt 4.1.2 "Verplichte velden zijn binnen het label aangekondigd"
46. Tabvolgorde stemt overeen met de zichtbare structuur : wordt "Pagina-inhoud heeft betekenisvolle volgorde" en "Website is bruikbaar met het toetsenbord"
47. Knoppen hebben informatieve opschriften: wordt 4.1.7 "Ieder formulier heeft een zichtbare verzendknop"

D.2. JavaScript

48. Gebruik botst niet met overige ijkpunten: zit vervat in andere ijkpunten zoals 1.1 "Website is bruikbaar met het toetsenbord" en 4.3 "De automatische actualisatie van paginaonderdelen kan stopgezet worden"
49. Dynamische updates kunnen aangekondigd worden: wordt 4.4 "Verwittig bezoekers bij paginawijzigingen"

D.3. Flash en Java

50. Alternatieven in HTML zijn beschikbaar: zie blok "Plug-ins en downloadbare documenten"

Vergelijking tussen de checklist van 2010 en die van 2006

1 Navigatie

1.1 Website is bruikbaar met het toetsenbord (strenger)

Identiek aan "Website is bruikbaar zonder muis". Toevoeging: het is niet toegestaan de focus van een element te onderdrukken. We raden integendeel aan deze juist te benadrukken. Dit ijkpunt bevat ook gedeeltes uit de oude richtlijnen over JavaScript.

1.2 Linkteksten zijn betekenisvol binnen hun context (versoepeld)

Komt gedeeltelijk overeen met "Linkteksten zijn betekenisvol". Dit ijkpunt is wat minder streng geworden. Het volstaat dat een linktekst betekenisvol is binnen zijn context. Bij het beoordelen van dit ijkpunt respecteert AnySurfer deze versoepeling in WCAG 2.0. Toch blijven we aanraden uw linkteksten zo te kiezen dat ze ook betekenisvol zijn buiten hun context.

2 Inhoud

2.1 Broncode voldoet aan de specificatie (nieuw)

Dit ijkpunt vraagt dat de HTML-code aan deze voorwaarden voldoet:

• elementen hebben een start- en eindtag,
• elementen zijn correct genest,
• elementen bevatten geen dubbele attributen,
• id-waarden zijn uniek.

2.2 Tekst

2.2.1 Pagina's hebben een betekenisvolle titel (onveranderd)

Identiek aan "Pagina heeft een betekenisvolle titel".

2.2.2 Pagina's zijn semantisch gestructureerd (strenger)

Identiek aan "Hypertekst is semantisch gestructureerd" met een kleine toevoeging: alle lijsten moeten opgemaakt zijn met ul/ol en niet alleen de lijsten met meerdere niveaus.

2.2.3 Basistaal van iedere pagina is aangegeven (onveranderd)

Identiek aan "Basistaal van elke pagina is aangegeven".

2.3 Afbeeldingen

2.3.1 Elke afbeelding heeft een alt-attribuut (onveranderd - samenvoeging van verschillende ijkpunten)

Identiek aan:

• Grafische tekst: Alt-tekst is letterlijke weergave
• Foto's en illustraties: Alt-tekst beschrijft de afbeelding
• Complexe afbeeldingen: Alt-tekst biedt beknopte omschrijving
• Decoratieve afbeeldingen: Alt-tekst is leeg

Er is ook een paragraaf toegevoegd over captcha's.

2.3.2 Complexe afbeeldingen zijn tekstueel beschreven (onveranderd)

Identiek aan "Afbeelding is elders tekstueel beschreven".

2.3.3 Informatiedragende achtergrondafbeeldingen hebben een alternatief (versoepeld)

Komt grotendeels overeen met "Achtergrond is louter decoratief".

Lichtjes versoepeld: informatiedragende achtergrondafbeeldingen zijn toegestaan op voorwaarde dat er een alternatief beschikbaar is.

2.4 Gegevenstabellen

2.4.1 Tabel is bruikbaar na linearisatie (onveranderd)

Identiek aan "Tabel is bruikbaar na linearisatie".

2.4.2 Tabelhoofdingen zijn gemarkeerd met een th-element (onveranderd)

Identiek aan "Tabelhoofdingen zijn juist gemarkeerd (TH)".

2.4.3 Bijschrift is gemarkeerd met het caption-element (nieuw)

Als een gegevenstabel een bijschrift heeft, markeert u dit met het caption-element. Dit ijkpunt is een toepassing van het principe van het semantisch structureren. Dit ijkpunt maakte voorheen deel uit van het pluslabel en vervangt gedeeltelijk het geschrapte ijkpunt "tabelhoofdingen zijn goed geplaatst".

2.4.4 Complexe tabellen zijn gemarkeerd met headers-attributen (strenger)

Strengere versie van "Toegankelijk alternatief is beschikbaar". We raden complexe tabellen nog steeds af. Gebruik liever meerdere eenvoudige tabellen. Als dit niet mogelijk is, vraagt dit ijkpunt om headers- en id-attributen toe te voegen.

2.5 Video en geluid

2.5.1 Video en geluid zijn benoemd (nieuw)

Dit nieuwe ijkpunt volgt de principes van de voorspelbaarheid.

2.5.2 Tekstversie is beschikbaar (onveranderd)

Identiek aan "Gesproken tekst is als HTML beschikbaar".

2.5.3 Video is ondertiteld (nieuw)

Dit ijkpunt is nieuw op het hoogste niveau van de checklist. Voordien behoorde het tot het pluslabel.

2.5.4 Geluid start niet automatisch (versoepeld)

Gelijkaardig aan "Video en geluid starten niet automatisch" maar met een versoepeling: geluid mag automatisch starten als het niet langer dan drie seconden duurt of als het eenvoudig gestopt kan worden.

3 Vormgeving

3.1 Tekstopmaak

3.1.1 Links zijn zichtbaar te onderscheiden (onveranderd)

Identiek aan "Links zijn zichtbaar te onderscheiden".

3.1.2 Spaties en andere tekens worden niet gebruikt voor vormgeving (onveranderd - uitgebreidere toepassingen)

Identiek aan "Letters zijn niet gescheiden door spaties of andere tekens". Er zijn enkele toepassingen toegevoegd in het geval van ASCII-art en vreemde alfabetten.

3.2 Paginaopmaak

3.2.1 Pagina-inhoud heeft betekenisvolle volgorde (onveranderd - samenvoeging van ijkpunten)

Komt overeen met:

• Broncode is logisch opgebouwd
• Pagina blijft overzichtelijk na linearisatie

3.2.2 (i)Frames hebben beschrijvende naam en titel (onveranderd)

Identiek aan "Frames hebben beschrijvende naam en titel".

3.3 Beweging

3.3.1 Tekst en afbeeldingen knipperen niet meer dan 3 keer per seconde (onveranderd - specifiekere criteria)

Komt gedeeltelijk overeen met "Tekst en afbeeldingen knipperen niet". Het ijkpunt is specifieker en objectiever geworden.

3.3.2 Beweging kan gestopt worden (onveranderd)

Komt overeen met "Beweging kan stopgezet worden".

3.4 Kleur en andere visuele informatie

3.4.1 Inhoud is begrijpelijk voor wie geen kleuren kan onderscheiden (uitgebreidere toepassingen)

Komt overeen met "Inhoud is begrijpelijk voor wie geen kleuren kan onderscheiden". Het ijkpunt is uitgebreid naar andere toepassingen zoals vorm, positie en geluid.

Interactiviteit

4.1 Formulieren

4.1.1 Labels en formuliervelden zijn verbonden (onveranderd)

Identiek aan "Labels en formuliervelden zijn verbonden".

4.1.2 Velden zonder zichtbaar label hebben een beschrijvende tooltip (nieuw)

Dit ijkpunt is nieuw op het hoogste niveau van de checklist. Voordien was er voor het pluslabel een gelijkaardige richtlijn.

4.1.3 Het label bij datumvelden vermeldt de vereiste notatie (nieuw)

Dit ijkpunt is nieuw.

4.1.4 Samenhorende formuliervelden zijn ingesloten door een fieldset (nieuw)

Dit ijkpunt maakte voorheen deel uit van het pluslabel. AnySurfer vraagt niet om formuliervelden altijd te groeperen, maar als er een groepering is, gebruik dan het fieldset-element.

4.1.5 Samenhorende onderdelen in een keuzelijst zijn ingesloten door een optgroup (nieuw)

Dit ijkpunt is nieuw. AnySurfer vraagt niet om de onderdelen in een keuzelijst altijd te groeperen, maar als er een groepering is, gebruik dan het optgroup-element.

4.1.6 Verplichte velden zijn binnen het label aangekondigd (onveranderd)

4.1.7 Ieder formulier heeft een zichtbare verzendknop (strenger)

Strengere versie van "Knoppen hebben informatieve opschriften".

4.1.8 Bij het valideren wordt foutieve invoer gemarkeerd en tekstueel toegelicht (nieuw)

Dit ijkpunt is nieuw.

4.2 Sessies en tijdslimieten

4.2.1 Acties zijn niet strikt tijdsgebonden (nieuw)

Dit ijkpunt is nieuw.

4.3 De automatische actualisatie van paginaonderdelen kan stopgezet worden (nieuw)

Dit ijkpunt is nieuw.

4.4 Verwittig bezoekers bij paginawijzigingen (onveranderd)

Herformulering van "Dynamische updates kunnen aangekondigd worden".

4.5 Pop-ups verschijnen niet automatisch (nieuw)

Voorheen vroeg AnySurfer om pop-ups aan te kondigen. Het nieuwe ijkpunt verbiedt het openen van een pop-up bij het laden van de pagina.