Tillgänglighet är mycket mer än validering

23 februari 2009

Den senaste tiden har vi märkt ett allt större intresse för validering av gränssnittskod, särskilt HTML. Det är väldigt positivt att fler ser på validering som en kvalitetsparamater. Däremot är det lite olyckligt att validering ibland likställs med tillgänglighet.

Validering

Validering av HTML eller CSS innebär att man kontrollerar att koden rent tekniskt följer de regler som finns i den W3C-rekommendation som ett webbdokument säger sig använda. Det handlar oftast om HTML 4.01 eller XHTML 1.0, och CSS Level 2 Revision 1.

Det är självklart bra att se till att all kod man använder på sin webbplats validerar. Genom att använda korrekt kod förenklar man underhåll och vidareutveckling, minskar risken att webbläsare beter sig olika, och gör vad man kan för att framtidssäkra sin webbplats. För oss är det fullständigt självklart att alla webbplatser vi levererar ska använda kod som validerar.

Tillgänglighet

Tillgänglighet handlar om att alla ska kunna ta del av information och använda tjänster på webben, oavsett eventuella funktionshinder.

Vi utökar gärna begreppet till att även omfatta den mängd olika plattformar som man kan använda för att komma åt webben - man ska inte bli utestängd eller diskriminerad beroende på vilken webbläsare, operativsystem eller teknisk plattform man använder. Tillgänglighetsbegreppet omfattar då indirekt även personer med tillfälliga skador, musarm eller som arbetar i dåligt ljus eller med små skärmar.

De riktlinjer som ger stöd vid utveckling av tillgängliga webbplatser är främst Vägledningen 24-timmarswebben och Web Content Accessibility Guidelines (WCAG) 2.0.

Sambandet mellan validering och tillgänglighet

Validering är ett kriterium i både Vägledningen 24-timmarswebben och WCAG 2.0, och är alltså ett krav. Men det är viktigt att vara medveten om följande:

  • En webbplats som validerar till 100 procent kan ha massor av tillgänglighets- och användbarhetsproblem
  • En webbplats som har mängder av valideringsfel kan - beroende på vilken typ av valideringsfel det gäller - vara fullt tillgänglig och användbar för alla besökare

För att visa att validering inte är lika med tillgänglighet kan vi titta på ett exempel i form av en länkad bild.

För att skärmläsare, besökare med bildvisning avstängd i sin webbläsare och sökmotorer ska få någon information om innehållet i en bild måste den ha en alternativtext. I HTML använder man alt-attributet till detta. För img-element, som används för att visa bilder, är alt-attributet obligatoriskt.

Följande kodsnutt visar hur XHTML-koden för en länkad bild (som vi antar innehåller text som förklarar länkens syfte) skulle kunna se ut:

<a href="/katalog/underkatalog/dokument-23.html">
<img src="/bilder/bilder-200902/bild-1234.jpg" alt="" />
</a>

Detta ger inga valideringsfel på sidor som använder XHTML eftersom img-elementet har ett alt-attribut. Att det är tomt och alltså inte ger någon alternativtext bryr sig inte validatorn om. Men vad händer när någon som inte ser bilden besöker sidan? Det beror på. En del skärmläsare ignorerar både bilden och länken helt, andra läser upp bildens eller länkens sökväg. Inget av alternativen är särskilt tillgängligt.

För att vända på steken antar vi att sidan som kodsnutten i stället ser ut så här:

<A href="/katalog/underkatalog/dokument-23.html">
<IMG src="/bilder/bilder-200902/bild-1234.jpg" alt="Anmäl dig till seminariet!">
</A>

I det här fallet skulle man få flera valideringsfel. Dels är inte versaler för elementnamn tillåtna i XHTML, dels avslutas inte img-elementet korrekt. Det är självklart fel som ska rättas till, men eftersom bilden nu har en beskrivande alternativtext kommer den som inte ser bilden att förstå länkens syfte.

Bortom validering

Som avrundning vill jag återigen betona att validering är ett mycket viktigt verktyg, men validering är inte lika med tillgänglighet. Arbetet med tillgänglighet gäller alla delar av en webbplats - gränssnittskod, grafisk form, innehåll och informationsstruktur.

Skriven av: Roger Johansson
Postad i: Webbstandarder

Kommentarer

  1. Lars Karlsson kommenterade 9 mars 2010 01:19

    Bra genomgång, jag kommer att länka till sidan från mitt inlägg "Är tillgänglighet bara validerad kod?" på min blogg.

    Jag tycker också bra att en ledande aktör visar att skillnaden är viktig.

Använd detta formulär om du vill skicka ett meddelande:

Skriv en kommentar:

Dela ut sidan på sociala nätverk:

EPiServer Microsoft