Sikring af tilgængelighed med udviklerværktøjer

  • 2 minutter

Det er lige så vigtigt at teste din webside i forskellige klienter og visninger som at teste den i forskellige browsere. Denne test er muligvis ikke praktisk i alle scenarier, og den kan gå glip af situationer, hvor brugerne bruger en browser, men kan have et andet handicap. Heldigvis er der værktøjer, som du kan bruge som udvikler til at måle tilgængeligheden af din side.

Kontrasttjek

En person, der er farveblind, kan muligvis ikke skelne mellem farver, eller den kan have svært ved at arbejde med farver, der ligner hinanden. World Wide Web Consortium (W3C), standardorganisationen for internettet, oprettede et bedømmelsessystem for farvekontrast.

Det kan være svært at vælge de rigtige farver for at sikre, at din side er tilgængelig for alle. Du kan bruge følgende værktøjer til både at generere relevante farver og teste dit websted for at sikre overholdelse:

Fyrtårn

Lighthouse er et værktøj, som Google har oprettet til analyse af websteder. Det er blevet så populært, at det er inkluderet i mange browseres udviklerværktøjer. Lighthouse kan undersøge en sides søgemaskineoptimering (SEO), belastningsydeevne og andre bedste fremgangsmåder. Lighthouse kan også analysere en side og angive en score for dens aktuelle tilgængelighed.

Seddel

Som med ethvert automatiseret værktøj kan du ikke stole på den score, som Lighthouse giver, som den eneste indikation af en sides tilgængelighed. Men det giver et godt udgangspunkt for at identificere og afhjælpe problemer.

Øvelse: Generér en sides tilgængelighedsscore for lighthouse

Test Lighthouse i din browser. Følgende skærmbilleder bruger Edge, men du kan følge de samme trin i Chrome og mange andre browsere.

  1. Åbn browseren, og gå til microsofts hovedwebside .

  2. Vælg nøglen F12 for at åbne udviklerværktøjerne.

  3. Øverst skal du vælge vinkelikonet (>>) for at åbne listen over skjulte faner.

    Skærmbillede af udviklerværktøjerne, hvor vinkeltegnet er fremhævet.

  4. Vælg Lighthouse- på listen.

  5. Under Kategorierskal du rydde alle elementer undtagen Tilgængelighed.

  6. Under Enhedskal du vælge Desktop.

    Skærmbillede af Lighthouse, hvor der kun er valgt Tilgængelighed under Kategorier med og Desktop valgt for Enhed.

  7. Vælg Generér rapport.

  8. Bemærk scoren og de tilknyttede oplysninger om siden.

  9. Du kan teste andre sider ved at vælge Ryd alle i Lighthouse, gå til en anden side og derefter vælge Generér rapport.

    Skærmbillede af afsnittet URL-adresse i Lighthouse, hvor knappen til rydning af alle elementer er fremhævet.

Du har nu set, hvordan du bruger Lighthouse sammen med de oplysninger om tilgængelighed, som værktøjet kan levere.