Tjek webtilgængelighed i blok-editoren
Med Accessibility Checker plugin’et til WordPress, kan du tjekke dit indhold for problemer med webtilgængelighed direkte i blok-editoren og rette fejlene mens du laver dem. Accessibility Checker er mig bekendt det eneste plugin til WordPress der tilbyder den mulighed.
Der er en gratis udgave af Accessibility Checker til rådighed på WordPress.org. Den er velegnet til mindre websites med få sider eller artikler. Min blog her, er et godt eksempel på et WordPress website har gavn af den gratis version.
Til lidt større sites, hvor vi gerne vil tjekke hele websitet på en gang, på websites med WooCommerce, eller websites med roller som redaktører og forfattere, er Accessibility Checker Pro et bedre valg.
Accessibility Checker Pro includes full site scanning, scanning of custom post types, admin columns so you can quickly see accessibility status at a glance, centralized lists of all open issues and items ignored, and more.
Screenshots & Features – Equalize Digital
Indhold
- Tjek webtilgængelighed i blok-editoren
- Begrænsninger ved automatiske tests
- Identificér indlæg med problemer
- Fejl og advarsler for det aktuelle indlæg
- Se fejl fremhævet i kontekst på front-end
- Equalize Digitals eksemplariske dokumentation
- Falsk alarm? Ignorér fejlen med en kommentar
- Overblik over samtlige fejl på sitet
- Håndtér de mest udbredte fejl med Fast Track
- Liste over fejl med omgivende HTML
- Manuel kontrol af funktionalitet
- Opsummering og konklusion
Begrænsninger ved automatiske tests
Omkring en tredjedel af fejl ved webtilgængelighed kan identificeres med automatiske tests. En fejl kunne være et social media logo med et link, men uden link-tekst. Hvor normal seende visuelt kan se forskel på et facebook og et linkedin-logo, er en skærmlæser afhængig af at der er en link-tekst.
En manglende link-tekst kan fanges i en automatisk tests.
Manuel kontrol er nødvendig for at afsløre andre problemer med webtilgængelighed. At en link-tekst er til stede, er et vigtigt skridt, men hvis link-teksten ikke er beskrivende er den værdiløs. Tænk på hvad klik her eller IMG1234.JPG fortæller dig. Ikke meget, vel?
Identificér indlæg med problemer
Efter et full-site scan i Accessibility Checker Pro, vises antal fejl ud for hvert indlæg. Visningen her er tilpasset mine præferencer med Admin Columns.
Der er tilsyneladende en fejl i mit blogindlæg Styrk sikkerheden i WP med HTTP Security Headers. Lad os undersøge hvad det kan være.
Fejl og advarsler for det aktuelle indlæg
Detaljer om fejl i indlæget vises nederst i blok-editoren. Listen opdateres hver gang jeg trykker gem. I min artikel har jeg en Missing Transcript fejl. HTML koden der udløser fejlen vises, og det er ofte tilstrækkelig information for mig til at udbedre fejlen. Er jeg i tvivl, klikker jeg på View on page
Se fejl fremhævet i kontekst på front-end
Og her skinner Accessibility Checker virkelig. På front-enden tegnes en pink stiplet ramme om det problematiske element. En beskrivelse af fejlen vises nederst til højre. Herfra linkes der til Equalize Digitals udførlige artikler om webtilgængelighed og løsningsforslag. Optræder der flere fejl i indlægget, kan jeg bladre frem og tilbage.
Equalize Digitals eksemplariske dokumentation
Fejl og advarsler er beskrevet i Accessibility Checkers dokumentation – en guldgrube af gennemarbejdede, konkrete løsningsforslag og referencer til relevante WCAG succeskriterier.
Jeg har delt artikler med plugin- og temaudviklere mange gange. Når vi i fællesskab identificer og retter fejl i et plugin eller tema, forbedrer vi tilgængeligheden på tusindvis af hjemmesider. Det er ret fantastisk.
Falsk alarm? Ignorér fejlen med en kommentar
Videoen herunder, en konverteret GIF, er en kulturel reference til tyveknægtene fra Olsen Banden og udtrykket “Skidegodt, Egon”. Videoen har ingen transskribering – en tekst der beskriver et eventuelt lydspor i tekstform.
Eftersom at videoen ikke har betydning for forståelsen af artiklen, og lydsporet er ikke eksisterende, vælger jeg at ignorere fejlen om manglende transskribering med en kommentar om hvorfor.
Overblik over samtlige fejl på sitet
Fejl i globale elementer som header, navigation og footer, håndteres lettest fra Accessibility Checkers dashboard. Dette er en Pro-feature. Her igangsætter man en ny skanning – på mit site tog det cirka et minut – og får et overblik over hvor slemt det står til.
Bemærk også annonceringen af de tilbagevendende Equalize Digital meetups om webtilgængelighed. De er gratis at deltage i og meget lærerige.
Håndtér de mest udbredte fejl med Fast Track
Jeg vælger View All Open Issues, og får 5 forskellige advarsler på mit website. Det mest udbredte potentielle problem er en ARIA Hidden attribute på visse grafiske elementer. Dette optræder i alt 315 steder på mit website. Hmm 🤔
Liste over fejl med omgivende HTML
Med Fast Track funktionen forholder jeg mig til potentielle fejl der gentages på flere sider. I eksemplet herunder bliver jeg opmærksom på at et WordPress logo er skjult for skærmlæsere med aria-hidden. Det “issue” ignorer jeg globalt, altså for alle de 27 sider hvorpå logoet optræder. Hvorfor? Læs videre.
Manuel kontrol af funktionalitet
Det er her det manuelle eftersyn bliver nødvendigt. En grafik vil typiske være beskrevet med en alt-tekst. Men i dette tilfælde, er grafikken et WordPress ikon, og linket der omgiver ikonet, er korrekt beskrevet med en aria-label.
Slår jeg min skærmlæser til, og tabulerer gennem de forskellige social media ikoner, annonceres linket som forventet som tale, og med en tydelig focus-outline uden om ikonet.
Så Accessibility Checker hjælper mig, med at identificerer indhold eller funktionalitet som kan have et problem med webtilgængelighed, men det er op til mig at bekræfte om det faktisk er tilfældet.
Opsummering og konklusion
Der er mange gode værktøjer i kassen når vi taler webtilgængelighed, og det er en god ting. Vi har selvfølgelig brug for forskellige værktøjer til de forskellige roller der indgår i at publicere på internettet.
Accessibility Checker hjælper med at identificere, og rådgiver om hvordan man løser, problemer med webtilgængelighed. Den gratis udgave er fuldt funktionsdygtig og velegnet til mindre blogs eller brochure-sites. Til større eller avancerede websites er pro-udgaven et oplagt valg.
En “perfect score” I Accessibility Checker er ingen garanti for at mit site er webtilgængeligt – men – at have en hjælpende hånd under selve redigeringen af indhold er værdifuldt. Det får mig til at stoppe op og tænke mig om en ekstra gang; jeg er mere omhyggelig.
Omhyggelighed har vi alle glæde af, uanset hvordan vi benytter internettet.
