Skip to content

Instantly share code, notes, and snippets.

@karinaldw
Last active May 29, 2019 12:54
Show Gist options
  • Save karinaldw/1c4c321fe05bdc1e8996e00722d5317a to your computer and use it in GitHub Desktop.
Save karinaldw/1c4c321fe05bdc1e8996e00722d5317a to your computer and use it in GitHub Desktop.
uu-verktøy

Verktøy for uu-testing

Testing med skjermleser

Det finnes flere forskjellige skjermlesere. Vi anbefaler at du tester med en eller flere skjermlesere, og at du i tillegg brukertester med noen som bruker skjermleser til daglig.

Voice over

https://youtu.be/5R-6WvAihms https://youtu.be/bCHpdjvxBws

NVDA

https://youtu.be/Jao3s_CwdRU

JAWS

TalkBack

https://youtu.be/0Zpzl4EKCco

  • Gratis skjermleser på android-telefoner

Validering av kode mot W3C-standarder

Chrome DevTools (F12)

Chrome DevTools på nav.no

  • Chrome DevTools er et sett med webutviklerverktøy som ligger integrert i Google Chrome-nettleseren.
  • DevTools kan hjelpe deg med å redigere/manipulere en hvilken som helst nettside/tjeneste og raskt diagnostisere problemer.
  • Kan bygges ut med diverse andre utvidelser.
  • Gratis

Audits/Lighthouse (aXe)

Lighthouse på nav.no Lighthouse resultatdashboard https://youtu.be/b0Q5Zp_yKaU

  • Lighthouse er åpen kildekode og et automatisert verktøy for å forbedre kvaliteten på nettsidene, både åpen og bak innlogging. Du kan kjøre verktøyet mot en hvilken som helst nettside. Den har evalueringsmuligheter for ytelse, tilgjengelighet/uu, progressive webapps, beste praksis, søkemotoroptimalisering for både mobile enheter og desktop.
  • Du kan kjøre Lighthouse i Chrome DevTools, fra kommandolinjen, eller som en nodemodul. Du gir Lighthouse en URL for å revidere, den kjører en del sjekker mot siden, og så genererer den en rapport som inneholder hvor godt siden gjorde det. Derfra bruker du de revisjonene som indikatorer på hvordan du kan forbedre siden. Hvert revisjon har en referansedokument som forklarer hvorfor revisjonen er viktig, samt hvordan det skal løses.
  • Gratis
  • Download Lighthouse (axe, for chrome)

Web Developer Toolbar

ARC Toolkit

ARC Toolkit på foreldrepengersidenARC viser overskriftsstruktur på foreldrepengersiden

Visual Aria

Visual Aria på nav.no

WAVE

WAVE på nav.no

  • Evaluerer tilgjengelighet direkte i en nettside
  • Veldig visuell
  • Gratis
  • Download WAVE

AXE Coconut

https://youtu.be/1uyQdC3LqLo

SortSite

SortSite på nav.no

  • Godt verktøy for validering av grensesnittkode opp mot W3C-standarder som WCAG 2.0/2.1, HTML5, CSS3, etc. Gir en god oversikt sammen med en god beskrivelse av hva som er feil, hvor feilen er og hvordan den kan fikses.
  • Pris ca NOK 8000,- per lisens

SiteImprove

  • Godt verktøy som gir deg en lettfattelig og god oversikt over problemer og forbedringsområder. Som f.eks. dårlig kodekvalitet og kvalitetsfeil som brutte lenker og stavefeil, kontrastforhold som er for dårlig, m.m. Verktøy tester opp mot W3Cs standarder som f.eks. HTML5 og WCAG 2.0/2.1 og man kan filtrere funnene på roller (utvikler, redaktør, etc). God beskrivelse for hva som er feil og hvordan det kan fikses.
  • Ikke gratis

SiteImprove Accessibility Checker

SiteImprove på nav.no

Total Validator Pro

Total Validator rapport Innstillinger Total Validator Pro

  • Har vært ett av de bedre verktøyet til validering av kildekode og støtte for universell utforming.
  • Download Total Validator
  • Pro-versjonen til kr 250,- (NAV har 30 lisenser)

HTML Validator for Mozilla Firefox

  • Verktøylinje (toolbar) for Mozilla Firefox som legger til HTML validering i Vis kildekode i nettleseren. Valideringen gjøres av Tidy fra W3C.
  • Download HTML Validator for Firefox

Adobe Acrobat DC (PDF)

Lese- og skrivevansker

Kontrastforhold

Mobil- og nettleserkompatibilitet

  • BrowserStack - Instant access to 1200+ real mobile devices and browsers. Ship mobile apps and websites that work for everyone, every time… Lisenser kjøpt inn. Ikke gratis
  • Sauce Labs - tester om løsningen fungerer på kjente nettlesere, operativsystem og enheter. Lisenser på gang. Ikke gratis
@karinaldw
Copy link
Author

Flytter den teksten over fra min gist hit

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment