Tillgängliga webbplatser använder oss alla - översikt med praktiska tips

Johannes Mairhofer Senast uppdaterad den 22 mars 2021
6 Min.
Tillgänglig webbplats

Tillgängliga webbplatser är inte längre en förmodad nischfråga för personer med funktionshinder. Det berör oss alla och hjälper till och med SEO-fans bland er – en översikt med praktiska tips från Johannes Mairhofer, det är jag.

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å i WordPress Codex är en viktig roll. Alla användare bör WordPress oavsett vilket språk de talar, vilken ekonomisk status de har eller vilka fysiska begränsningar de är föremål för. Ämnet får dock vanligtvis ännu inte den uppmärksamhet det förtjänar. Särskilt när det gäller den demografiska utvecklingen och viljan till inkludering måste den digitala tillgängligheten WordPress projekt säger dock att Johannes Mairhofer, det är jag. För: Tillgänglighet är också viktigt ur ett entreprenörssäkert och SEO-perspektiv.

Idén om en barriärfri webbplats är inte ny

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

  • HTML (fortfarande det grundläggande ramverket för nästan varje webbsida)
  • CSS (Övergripande formatmallar, e.B. WordPress mallar som används)
  • Riktlinjer för hjälpmedel för webbinnehåll (WCAG)

WCAG-riktlinjerna är utvecklade av Web Accessibility Initiative (WAI), som i sin tur är en w3C-grupp. Det finns nu två versioner här.

WCAG 1,0

  • Använda markerings- och formatmallar
  • Enhetsoberoende design

WCAG 2,0

Webbsidor ska

  • Märkbara (e.B. textalternativ för bilder)
  • Kontrollerbar (e.B. kontrollerbar med tangentbord)
  • Förståeligt (e.B. av ljust språk)
  • Robust (kompatibel)

Bve.

Idén om en barriärfri webbplats är därför inte ny och har till och med förankrats i förordningen om tillgänglighetsinformationsteknik (BITV) sedan 2002. Till följd av detta är åtminstone de offentliga myndigheternas webbplatser skyldiga att erbjuda tillgängligt innehåll.

Särskilt för nya WordPress Projekt gäller: En barriärfri webbplats kan genomföras med mycket liten ansträngning

Hur ska en webbplats implementeras barriärfritt? Många punkter är inte så komplicerade som man kan tro och kan genomföras utan mycket ansträngning.

Naturligtvis är det enklaste sättet att göra detta för en sida som bara återskapas och omformas. Men befintliga webbplatser kan också optimeras retroaktivt. Det finns några enkla grundläggande regler att följa.

1) Använd sidrubrik, navigering och taggar korrekt

Sidans rubrik finns faktiskt i titeln och rubrikerna är logiskt strukturerade och formateras också som en rubrik, inte bara fetstilt. Punkter realiseras med punkter eller punkter, inte med ett enkelt minusslag. På WordPress Detta kan anges direkt i redigeraren. Beroende på vilken mall och redigerare som används finns det flera rubrikklasser här. Genom att använda taggar (e.B H1 och H2 för rubriker) kan sidan göras mer konkret och farbar för blinda personer med skärmläsare eller tangentbord.

Tillgänglig webbplats: Listtaggen
Tillgänglig webbplatschef
Utdrag från textredigeraren för den här artikeln: Ovan kan du se att uppräkningen har definierats som sådan. Mellanrubrikerna definieras också som H3.

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

För design, bäst använda HTML och CSS. Javascript och Flash ska inte användas. Javascript, som namnet antyder, är ett skriptspråk. Oavsett det faktum att det är osäkert kan inte alla enheter och webbläsare bearbeta koden. Eftersom webbsidan 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 separata. Olika CSS-varianter .B justera sidans kontrast eller ändra färgerna med ett enkelt klick på användaren. På så sätt kan personer med synnedsättning eller färgblindhet få hjälp. Så här gör stora företag som Pfizer.

I princip är detta WordPress Automatiskt. Till exempel .B en mall också ändras utan att behöva ändra innehållet. När webbsidan nås med en smartphone eller surfplatta justeras layouten också automatiskt.

4) Följ principen om två sinnen

Innehållet bör i princip förberedas på ett sådant sätt att det kan uppfattas av två olika sinnen. På detta sätt kan webbplatsen upplevas utan mycket ansträngning för så många människor som möjligt. Till exempel följande mått:

  • bilder med bildbeskrivning (går direkt via WordPress Redaktör)
  • Sämre videor med undertexter (gör e.B. Youtube delvis automatiskt)
  • Ordna text med struktur och rubriker (går till redigeraren)

Mitt tips för en bättre förståelse av en tillgänglig webbplats: få erfarenhet själv

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

Många saker som hanteras här teoretiskt kan provas utan mycket ansträngning. Så du kan få en känsla av hur din sida faktiskt uppfattas.

barriärfri punktskriftslinje
En Braillle fodrar - Källa: Wikimedia allmänningar. Licens: https://creativecommons.org/licenses/by-sa/3.0/

Screenreader och Punktskrift linje är de två vanligaste surfhjälpmedel

En skärmläsare är en programvara som känner igen text och läser den högt. För navigering via webbsidor 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 hjälp av en skärmläsare och tangentbord eller punktskriftslinje.

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

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

Responsivitiät är allt och alla för en tillgänglig webbplats

Datorer, bärbara datorer, smartphones, surfplattor, smartklocka och textwebbläsare. Antalet enheter med vilka en webbsida kan nås är enormt. En av de viktiga punkterna i WCAG 2.0 är tillgängligheten av webbplatsen på så många enheter som möjligt.

Mest WordPress Mallar är nu mer eller mindre lyhörda och ger tillgång till webbplatsen åtminstone på datorer och smartphones. Beroende på mallen anpassas .B, sidofält visas och döljs, men även mönster är helt anpassade. Detta kallas responsiv webbdesign. Att komma åt din egen webbplats på en annan enhet är enkelt och avslöjande.

Nätet är toppen. Och nätet är för alla!

Nätverket och den permanenta tillgängligheten är inte längre ett nytt territorium, men ur en generations synvinkel är det fortfarande nytt. Generationen av dagens 30-åringar, men senast följande generationer, är vana vid att känna till nätet tillgängligt när som helst och var som helst. Vi vill inte göra utan de möjligheter till information och kommunikation som nätverket innebär, inte ens på ålderdomen.

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

Att detta blir allt viktigare märks också i att allt fler stora företag lägger allt större vikt vid digitalt deltagande. Förutom Pfizers exempel ovan har Twitter erbjudit .B. möjligheten att lägga till en bildbeskrivning till bilder under en tid, Microsoft undersöker ämnet i detalj och många fler rör sig gradvis. En detaljerad översikt över positiva tillgängliga webbplatser kan ses här .B.

I slutändan är en tillgänglig webbplats också bättre för Google

Tyvärr upplever jag alldeles för ofta att SEO är viktigare än bra innehåll, så jag är inte ett stort 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-roboten att korrekt klassificera den besökta sidan.

Bara WordPress redan tillåter att skapa en 80% barriärfri webbplats mycket snabbt och enkelt

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

Genom att använda taggar för rubriker och bilder och särskilt beskrivningen av bilder har mycket redan uppnåtts med liten användning. När du använder en textwebbläsare för att surfa på din egen webbplats ger det dig en känsla för vilka skruvar som ska sättas på och kan vändas.

Om du driver webbplatsen för ett företag rekommenderas du alltid att testa den av blinda för att få professionell feedback och tips.

Johannes är mycket nyfiken och har redan nått olika stationer i sin karriär. Från utbildad IT-specialist till frilansfotograf reser han på många sätt och kan därmed sätta upp sina kunders olika "glasögon". Idag arbetar han som frilansfotograf och konsult för WordPress och fotografering. [Foto: Dennis White Coat]

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.