Tillgänglig webbplats

Tillgängliga webbplatser gynnar oss alla: Tips för tillgänglighet

Tillgängliga webbplatser är inte längre ett förmodat nischämne för personer med funktionshinder. Det berör oss alla och hjälper till och med SEO-fansen bland dig - en översikt med praktiska tips från Johannes Mairhofer.

Tillgänglighet i det digitala rummet är faktiskt en integrerad del av Internet och är redan fastställd i dess standardiserade riktlinjer. Och naturligtvis spelar det också en viktig roll i WordPress codex. Alla användare bör kunna använda WordPress, oavsett vilket språk de talar, vilken ekonomisk status de har eller vilka fysiska begränsningar de är föremål för. Ändå får ämnet vanligtvis ännu inte den uppmärksamhet det förtjänar. Särskilt när det gäller demografisk utveckling och viljan till inkludering måste digital tillgänglighet beaktas i WordPress-projekt, säger Johannes Mairhofer. För: Tillgänglighet blir också viktigt ur ett entreprenö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:s riktlinjer är utvecklade av Web Accessibility Initiative (WAI), som i sin tur är en grupp av 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

Tillgängliga webbplatser gynnar oss alla: Tips för tillgänglighet
När du utformar en tillgänglig webbplats optimerar du användarupplevelsen för alla.

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.

Naturligtvis är detta enklast med en sida som bara återskapas och designas. Men även befintliga webbplatser kan senare optimeras. Det finns några enkla grundläggande regler att följa.

1) Använd sidtitlar, navigering och taggar korrekt

Sidans rubrik finns också i titeln och rubrikerna är logiskt strukturerade och även formaterade som en rubrik, inte bara fetstil. Punkter realiseras med punkter eller punkter, inte med ett enkelt minusstreck. Med WordPress kan detta anges direkt i redigeraren. Beroende på vilken mall och redigerare som används finns flera klasser av rubriker här. Genom att använda taggar (t.B. H1 och H2 för rubriker) kan sidan göras mer påtaglig och farbar för blinda med en skärmläsare eller tangentbordet.

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 helt separat från varandra. Genom olika CSS-varianter kan sidans kontrast justeras eller färgerna ändras, t.B. med ett enkelt klick på användaren. Således kan personer med synnedsättning eller färgblindhet hjälpas. Detta görs också av stora företag som Pfizer.

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) Iaktta tvåsinnesprincipen

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)

WordPress-hjälpmedel: Hur man skapar en tillgänglig webbplats (+ plugins för det)

Tillgänglighet (eller tillgänglighet) i WordPress är en viktig komponent när du bygger webbplatser. Varför är tillgänglighet så viktigt? Och hur blir din webbplats tillgänglig för alla? Vi berättar detta och mer i vår artikel om WordPress Accessibility.

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.

Många saker som teoretiskt behandlas här kan också prövas utan mycket ansträngning. Detta gör att du kan få en känsla för 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.

Lyhördhet för tillgängliga webbplatser

Datorer, bärbara datorer, smartphones, surfplattor, smarta klockor och textwebbläsare. Antalet enheter som en webbplats kan nås med är enormt. En av de viktiga punkterna i WCAG 2.0 är webbplatsens tillgänglighet 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.

Samtycke*
Det här fältet är avsett för validering och bör inte ändras.

Slutsats: Webben är för alla!

Även om nätverket och den permanenta tillgängligheten inte längre är nytt territorium är de fortfarande nya ur en generations synvinkel. Generationen av dagens 30-åringar, men senast följande generationer, är vana vid att veta att nätverket alltid finns och överallt. Vi vill inte klara oss utan de möjligheter till information och kommunikation som nätverket för med sig, även på ålderdomen.

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 kan också ses i det faktum att allt fler stora företag lägger allt större vikt vid digitalt deltagande. Förutom det ovan nämnda exemplet från Pfizer har Twitter e.B. erbjudit möjligheten att lägga till en bildbeskrivning till bilder under en tid, Microsoft behandlar ämnet i stor utsträckning och många fler rör sig gradvis med det. En detaljerad översikt över positiva barriärfria webbplatser kan ses här.B.

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

Tyvärr upplever jag alldeles för ofta att mer tonvikt läggs på SEO än på bra innehåll, så jag är inte ett stort av SEO-argument. Men om webbplatser kan läsas bättre och tolkas av skärmläsare är det också lättare för Google-boten att korrekt klassificera den besökta sidan.

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.

Alla som driver webbplatsen för ett företag rekommenderas alltid att få den testad av blinda för att få professionell feedback och tips .

Dina frågor om tillgängliga webbplatser

Vilka frågor har du till Johannes om tillgänglighet? Använd gärna kommentarsfunktionen. Vill du bli informerad om nya inlägg om onlinemarknadsföring? Följ oss sedan på Twitter, Facebook,LinkedIneller via vårt nyhetsbrev.

Tyckte du om artikeln?

Med din recension hjälper du oss att förbättra vårt innehåll ytterligare.

Skriva en kommentar

Din e-postadress kommer inte att publiceras.