Tillgängliga webbplatser är inte längre ett nischämne för personer med funktionsnedsättning. Det berör oss alla och hjälper även SEO-fansen bland er.

Tillgänglighet i det digitala rummet är faktiskt en integrerad del av internet och anges redan i dess standardiserade riktlinjer. Och naturligtvis spelar det också en viktig roll i WordPress Codex. Alla bör kunna använda WordPress, oavsett vilket språk de talar, vilken ekonomisk status de har eller vilka fysiska begränsningar de har. Ändå får ämnet vanligtvis ännu inte den uppmärksamhet det förtjänar. Särskilt med tanke på den demografiska utvecklingen och önskan om inkludering måste digital tillgänglighet beaktas i WordPress-projekt, säger Johannes Mairhofer. Eftersom tillgänglighet också blir viktigt ur ett affärs- och SEO-perspektiv.

Tillgängliga webbplatser är inte nya

För att standardisera teknikerna på World Wide Web grundades World Wide Web Consortium, W3C för kort, 1994. Särskilt viktiga standarder här är:

• HTML (fortfarande det grundläggande ramverket för nästan alla webbplatser)
• CSS (Övergripande formatmallar, t.B. används för WordPress-mallar)
• WCAG (Riktlinjer för webbinnehållstillgänglighet)

WCAG-riktlinjerna har tagits fram av Web Accessibility Initiative (WAI), som i sin tur är en grupp inom W3C. Det finns nu två versioner här.

WCAG 1.0

• Använda markerings- och formatmallar
• Enhetsoberoende design

WCAG 2.0

En tillgänglig webbplats bör uppfylla följande kriterier:

• Märkbara (e.B. textalternativ för bilder)
• Fungerar (t.B. kan styras med tangentbord)
• Förståeligt (t.B. genom enkelt språk)
• Robust (kompatibel)

Idén om den barriärfria webbplatsen är därför inte ny och har till och med förankrats i förordningen om barriärfri informationsteknik (BITV) sedan 2002. Till följd av detta är åtminstone offentliga myndigheters webbplatser skyldiga att erbjuda barriärfritt innehåll.

Skapa en tillgänglig webbplats

Hur ska en webbplats implementeras barriärfritt? Många punkter är inte så komplicerade som du kanske tror och kan genomföras utan mycket ansträngning. Speciellt för nya WordPress-projekt: En barriärfri webbplats kan implementeras med mycket liten ansträngning.

Det är naturligtvis enklast att göra detta med en webbplats som just håller på att skapas och utformas. Men även befintliga webbplatser kan optimeras i efterhand. Några enkla grundregler måste följas.

1) Använd sidtitlar, navigering och taggar korrekt

Sidans titel står faktiskt i titeln och rubriker är logiskt uppbyggda och dessutom formaterade som rubriker, inte bara fetstil. Punktlistor görs med punkt eller punkter, inte med ett enkelt minusstreck. I WordPress kan detta anges direkt i redigeraren. Beroende på vilken mall och vilken editor som används finns här flera klasser av rubriker. Genom att använda taggar (t.ex. H1 och H2 för rubriker) kan webbplatsen göras lättare att uppleva och navigera för blinda personer som använder en skärmläsare eller tangentbord.

2) Gör utan JavaScript och Flash när du designar

Det är bäst att använda HTML och CSS för designen. Javascript och Flash ska inte användas. Javascript är, som namnet antyder, ett skriptspråk. Oavsett det faktum att det är osäkert kan inte alla enheter och alla webbläsare bearbeta koden. Eftersom webbplatsen ska vara tillgänglig på så många enheter som möjligt rekommenderas inte Javascript.

3) Separat innehåll och design

Innehållet (texten) och designen (layouten) bör betraktas som helt skilda från varandra. Genom olika CSS-varianter kan till exempel kontrasten på webbplatsen justeras eller färgerna ändras med ett enkelt klick. Detta kan hjälpa personer med nedsatt syn eller färgblindhet. Stora företag som Pfizer gör också detta.

I princip är detta redan möjligt automatiskt med WordPress. Till exempel.B en mall kan ändras utan att behöva ändra innehållet. Om webbplatsen nås med en smartphone eller surfplatta justeras layouten också automatiskt.

4) Observera principen om två sinnen

I princip bör innehållet förberedas på ett sådant sätt att det kan uppfattas genom två olika sinnen. På detta sätt kan webbplatsen upplevas av så många människor som möjligt utan mycket ansträngning. Detta kan till exempel göras genom följande åtgärder:

• Bilder med bildbeskrivning (går direkt via WordPress-redigeraren)
• Videor med undertexter (gör e.B. Youtube delvis automatiskt)
• Strukturera text med struktur och rubriker (kan göras i redigeraren)

Barriärfri webbplats: få erfarenhet

I teorin är ämnet inte alltid så lätt att förstå. Jag talade med Heiko Kunert, verkställande direktör för Association of the Blind and Visually Impaired, om barriärfria webbplatser. Heiko är blind själv och surfar på nätet med en skärmläsare. Heiko berättar om sina erfarenheter av webbplatser och sociala nätverk och rapporterar om hur han är på nätet med sin smartphone och en punktskriftsskärm.

Mycket av det som behandlas teoretiskt här kan du också prova själv utan större ansträngning. På så sätt kan du få en känsla av hur din webbplats faktiskt uppfattas.

Så här hjälper skärmläsare och punktskriftsvisning

En skärmläsare är en programvara som känner igen text och läser den högt. För att navigera genom webbplatser och dokument är det därför viktigt att taggar används för rubriker och bilder. Detta gör det möjligt för användare att navigera genom webbplatsen med en skärmläsare och tangentbord eller punktskriftsskärm.

En variant av en skärmläsare är e.B. NVDA. Denna variant är fri programvara och gratis. Jag rekommenderar att du testar det en gång och ringer upp din egen webbplats med skärmen avstängd och försöker navigera genom menyerna.

En punktskriftsdisplay översätter den aktuella linjen på skärmen till punktskrift. Den här linjen är riktig hårdvara som är ansluten till datorn. Punktskriftsdisplayen fungerar i kombination med en skärmläsare.

Responsivitet för tillgängliga webbplatser

Datorer, laptops, smartphones, surfplattor, smarta klockor och textläsare. Antalet enheter med vilka en webbplats kan nås är enormt. En av de viktigaste punkterna i WCAG 2.0 är att webbplatsen ska vara tillgänglig på så många enheter som möjligt.

De flesta WordPress-mallar är nu mer eller mindre lyhörda och ger tillgång till webbplatsen åtminstone på datorer och smartphones. Beroende på mallen justeras e.B menyer, sidofält visas och döljs, men även mönster är helt anpassade. Detta kallas responsiv webbdesign. Att gå till din webbplats på en annan enhet är enkelt och insiktsfullt.

Slutsats: Webben är för alla!

Nätet och den ständiga tillgängligheten är inte längre ny mark, men ur en generations synvinkel är det fortfarande nytt. Generationen av dagens 30-åringar, men senast de efterföljande generationerna, är vana vid att veta att nätet alltid och överallt är tillgängligt. Vi vill inte vara utan de möjligheter till information och kommunikation som nätet för med sig, inte ens på äldre dagar.

Behovet av tillgängliga webbplatser ökar därför och ökar från år till år. Med hjälp av tillgängliga möjligheter och verktyg integrerade i WordPress (e.B bildbeskrivning, rubriker, CSS) är det möjligt att göra webbplatser åtminstone barriärfria utan mycket ansträngning.

Att detta blir allt viktigare framgår också av att allt fler storföretag fäster allt större vikt vid digital delaktighet. Förutom det ovan nämnda exemplet med Pfizer erbjuder till exempel Twitter sedan en tid tillbaka möjligheten att lägga till en bildbeskrivning till bilder, Microsoft arbetar mycket med ämnet och många andra följer gradvis efter.

En tillgänglig webbplats är också bättre för Google

Tyvärr ser jag alltför ofta att man lägger större vikt vid SEO än vid bra innehåll, så jag är inget stort fan av SEO-argument. Men om webbplatser kan läsas och tolkas bättre av skärmläsare, är det också lättare för Google Bot att korrekt klassificera den besökta webbplatsen.

Skapa en tillgänglig webbplats med WordPress

Det är fortfarande en lång väg att gå innan 100 procent tillgänglighet uppnås. Och detta är förmodligen inte genomförbart för många små företag och privata bloggar.  På grund av de möjligheter som erbjuds av WordPress är det dock lätt att uppnå cirka 80 procent tillgänglighet.

Genom att använda taggar för rubriker och bilder och framför allt beskrivningen av bilder har mycket redan uppnåtts med liten nytta. Att surfa på din egen webbplats med en textbläddrare ger dig en känsla av vilka skruvar som ska och fortfarande kan vridas.

Den som ansvarar för ett företags webbplats gör alltid klokt i att låta blinda testa den en gång för att få professionell feedback och tips.