Tilgængelige hjemmesider bruger os alle - overblik med praktiske tips

Johannes Mairhofer Senest opdateret den 8.
6 Min.
Tilgængelig hjemmeside

Tilgængelige websteder er ikke længere et formodet nicheproblem for handicappede. Det vedrører os alle og hjælper endda SEO fans blandt jer - et overblik med praktiske tips fra Johannes Mairhofer.

Tilgængelighed i det digitale rum er faktisk en integreret del af internettet og er allerede fastsat i sine standardiserede retningslinjer. Og selvfølgelig spiller det også i WordPress Codex er en vigtig rolle. Alle brugere, bør WordPress uanset hvilket sprog de taler, hvilken økonomisk status de har, eller hvilke fysiske begrænsninger de er underlagt. Men emnet er normalt endnu ikke få den opmærksomhed, det fortjener. Navnlig med hensyn til den demografiske udvikling og ønsket om inklusion skal digital tilgængelighed WordPress - WordPress projekter, men overvejes, siger Johannes Mairhofer. Fordi: Tilgængelighed er også vigtigt fra en iværksætter-sikker og SEO perspektiv.

Idéen om en barrierefri hjemmeside er ikke ny

For at standardisere de teknikker på World Wide Web, World Wide Web Consortium , eller W3Cfor korte, blev grundlagt i 1994. Særligt vigtige standarder er:

  • HTML (stadig den grundlæggende ramme for næsten alle webside)
  • CSS (Overlappende typografiark, e.B. WordPress skabeloner i brug)
  • Retningslinjer for hjælp til handicappede i webindhold (WCAG)

WCAG's retningslinjer er udviklet af WAI (Web Accessibility Initiative), som igen er en w3C-gruppe. Der er nu to versioner her.

WCAG 1,0

  • Bruge opmærknings- og typografiark
  • Enheds uafhængigt design

WCAG 2,0

Websider skal være

  • Mærkbar (f.B. tekstalternativer til billeder)
  • Kontrollerbar (f.B. kontrollerbar med tastatur)
  • Forståelig (f.B. ved let sprog)
  • Robust (kompatibel)

Være.

Idéen om et barrierefrit websted er derfor ikke ny og har endda været forankret i Bitv (Accessibility Information Technology Ordinance) siden 2002. Som følge heraf er i det mindste de offentlige myndigheders websteder forpligtet til at tilbyde tilgængeligt indhold.

Især for nye WordPress -Projekter gælder: En barrierefri hjemmeside kan gennemføres med meget lille indsats

Hvordan skal et websted gennemføres uden barrierer? Mange punkter er ikke så komplicerede, som man kunne tro, og kan gennemføres uden en stor indsats.

Selvfølgelig er den nemmeste måde at gøre dette på for en side, der bare bliver genskabt og redesignet. Eksisterende websteder kan dog også optimeres med tilbagevirkende kraft. Der er et par enkle grundlæggende regler at følge.

1) Brug sidetitel, navigation og mærker korrekt

Titlen på siden er faktisk i titlen og overskrifter er logisk struktureret og også formateret som en overskrift, ikke bare fed. Punkttegn realiseres med punkttegn eller prikker, ikke med et simpelt minusstrøg. På WordPress dette kan angives direkte i editoren. Afhængigt af skabelonen og den anvendte editor er flere klasser af overskrifter tilgængelige her. Ved at bruge tags (f.B H1 og H2 til overskrifter) kan siden gøres mere håndgribelig og sejlbar for blinde med en skærmlæser eller et tastatur.

Handicapvenligt websted: Listetag
Tilgængeligt webstedshoved
Uddrag fra teksteditoren til denne artikel: Ovenfor kan du se, at optællingerne er defineret som sådan. De mellemliggende overskrifter defineres også som H3.

2) Gør uden JavaScript og Flash, når du designer

For design, bedst bruge HTML og CSS. Javascript og Flash bør ikke bruges. Javascript, som navnet antyder, er et scriptsprog. Uanset det faktum, at det er usikkert, ikke alle enheder og browser kan behandle koden. Da websiden skal være tilgængelig på så mange enheder som muligt, anbefales Javascript ikke.

3) Separat indhold og design

Indholdet (tekst) og designet (layoutet) bør betragtes som helt adskilt. Forskellige CSS varianter kan .B justere kontrasten på siden eller ændre farverne ved et enkelt klik på brugeren. På denne måde kan personer med synshandicap eller farveblindhed hjælpes. Dette er, hvad store virksomheder som Pfizergøre.

I princippet er dette WordPress Automatisk. En .B kan f.eks. Når websiden åbnes med en smartphone eller tablet, justeres layoutet også automatisk.

4) Overhold to-fornuftsprincippet

Indholdet bør i princippet forberedes på en sådan måde, at det kan opfattes af to forskellige sanser. På denne måde kan hjemmesiden opleves uden stor indsats for så mange mennesker som muligt. Følgende foranstaltninger:

  • billeder med billedbeskrivelse (går direkte via WordPress Redaktør)
  • Ringere videoer med undertekster (gør e.B. Youtube delvist automatisk)
  • Organisere tekst med struktur og overskrifter (går til editoren)

Mit tip til en bedre forståelse af en tilgængelig hjemmeside: få erfaring selv

I teorien er emnet ikke altid så let at forstå. Jeg talte med Heiko Kunert, administrerende direktør for Foreningen for blinde og synshandicappede, om barrierefri hjemmesider. Heiko er blind selv og surfer på nettet med en skærmlæser. Heiko rapporterer om sine oplevelser med hjemmesider og sociale netværk, og hvordan han rejser på nettet med sin smartphone og en braille linje.

Mange ting, der behandles her teoretisk kan afprøves uden megen indsats. Så du kan få en fornemmelse af, hvordan din side rent faktisk opfattes.

barriere-fri-hjemmeside-braille linje
En Braillle linje - Kilde: Wikimedia Commons. Licens: https://creativecommons.org/licenses/by-sa/3.0/

Screenreader og Braille linje er de to mest almindelige surfing hjælpemidler

En skærmlæser er en software, der genkender tekst og læser den højt. Til navigation gennem websider og dokumenter er det derfor vigtigt, at koder bruges til overskrifter og billeder. Dette giver brugerne mulighed for at navigere gennem hjemmesiden ved hjælp af en skærmlæser og tastatur eller braille linje.

En variant af en skærmlæser er e.B. NVDA. Denne variant er gratis software og gratis. Jeg anbefaler at prøve det ud og gå til din hjemmeside med skærmen slukket og forsøger at navigere gennem menuerne.

En braillelinje oversætter den aktuelle linje på skærmen til braille. Denne linje er rigtig hardware, der er forbundet til computeren. Braillelinjen fungerer i kombination med en skærmlæser.

Responsivitiät er det helt og alle for en tilgængelig hjemmeside

Computere, bærbare computere, smartphones, tablets, smart watch og tekstbrowser. Antallet af enheder, som en webside kan tilgås er enorm. Et af de vigtige punkter i WCAG 2.0 er tilgængeligheden af hjemmesiden på så mange enheder som muligt.

Mest WordPress Skabeloner er nu mere eller mindre lydhøre og giver adgang til hjemmesiden i det mindste på computere og smartphones. Afhængigt af skabelonen tilpasses .B menuer, sidebars vises og skjules, men også design er helt tilpasset. Dette kaldes responsivt webdesign. Adgang til din egen hjemmeside på en anden enhed er enkel og afslørende.

Nettet er fantastisk. Og nettet er for alle!

Netværket og den permanente tilgængelighed er ikke længere nyt område, men set fra en generations synspunkt er det stadig nyt. Generationen af nutidens 30-årige, men senest de følgende generationer, er vant til at kende nettet når som helst og hvor som helst. Vi ønsker ikke at undvære de muligheder for information og kommunikation, som netværket indebærer, selv i alderdommen.

Behovet for tilgængelige websteder er derfor stigende og vokser fra år til år. Ved hjælp af de tilgængelige muligheder og i WordPress integrerede værktøjer (f.B. billedbeskrivelse, overskrifter, CSS) er det muligt at gøre websteder i det mindste barrierefri uden en stor indsats.

Det faktum, at dette bliver mere og mere vigtigt, er også tydeligt i, at flere og flere store virksomheder lægger mere og mere vægt på digital deltagelse. Ud over Pfizer's eksempel ovenfor, twitter har tilbudt .B. muligheden for at tilføje et billede beskrivelse til billeder i nogen tid, er Microsoft ser ind i emnet i detaljer, og mange flere er gradvist bevæger sig langs. En detaljeret oversigt over positive tilgængelige hjemmesider kan ses her .B.

I sidste ende er en tilgængelig hjemmeside også bedre for Google

Desværre oplever jeg alt for ofte, at SEO er vigtigere end godt indhold, så jeg er ikke en stor fan af SEO argumenter. Men hvis hjemmesider bedre kan læses og fortolkes af skærmlæsere, er det også lettere for Google bot til korrekt klassificere den besøgte side.

Bare WordPress allerede gør det muligt at skabe en 80% barrierefri hjemmeside meget hurtigt og nemt

Der er stadig lang vej igen, før der er 100 % adgang. Og det er sandsynligvis ikke muligt for mange små virksomheder og private blogs.  På grund af WordPress Det er dog nemt at opnå omkring 80 procent tilgængelighed.

Ved at bruge tags til overskrifter og billeder og især beskrivelsen af billeder, er meget allerede opnået med lidt brug. Når du bruger en tekstbrowser til at surfe på din egen hjemmeside, giver det dig en fornemmelse af, hvilke skruer der skal tændes og kan drejes.

Hvis du kører stedet for en virksomhed, er du altid klogt at få det testet af blinde for at få professionel feedback og tips.

Johannes er meget nysgerrig og har allerede nået forskellige stationer i sin karriere. Fra en uddannet it-specialist til freelance fotograf, rejser han på mange måder og kan dermed oprette de forskellige "briller" af sine kunder. I dag arbejder han som freelancefotograf og konsulent for WordPress og fotografering. [Foto: Dennis White Coat]

Kommentarer til denne artikel

Skriv svar på en

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *.