Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Kontrollera befintlig webb: https://accessmonitor.acessibilidade.gov.pt (välj engelska nere till höger)

...

Tabellen nedan listar verktyg som vi regelbundet använder vid tillgänglighetsgranskningar av komponenter. Dessa verktyg har olika funktioner och kan vara antingen automatiska eller manuella. De hjälper till att kontrollera olika aspekter av tillgänglighet, inklusive: kontraster, kodvalidering, rubrikstrukturer, formulär, tabeller, automatiska tillgänglighetskontroller, simulering av färgnedsättningar, skärmläsare, textförstoring och textavstånd.

Verktyg

Verktyg

Område

Kommentar

https://www.

...

...

?background=%23363636&colorCombos=%5Bobject%20Object%5D&colorCombos=%5Bobject%20Object%5D&isLight=false&textColor=%2305A1A3

Validerar kontraster

En webbsida, lägg in den hex-kod som tillhör färgerna du vill validera. Hex-koden kan du hitta genom att använda F12/inspektor-mode.

https://

...

...

...

web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=sv

Kan användas för att se över: Rubrikstrukturer, kod-validering, formulär kontroll, tabeller, m.m.

Plugin

https://

...

...

Kontrollera text (läsbarhet):
Lix-räknare, https://www.lix.se/ för att få information om textens svår hetsgrad.
Läs gärna också på: Riktlinje 39 - Ge webbplatsen en god läsbarhet

...

Simulera problem: Funkify

...

Tillgänglighetscheck för utvecklare (plugin till Chrome): AxE Web Accessibility Testing

...

Steg för steg-hjälp att kolla webbplatsen: https://webbriktlinjer.se/testa-din-webbplats/#wizardfocus

...

Samling verktyg: Webbriktlinjer - testa din webbplats

Listningar på hur vi ligger till jämfört med andra:

...

https://webperf.se/

...

https://webperf.se/site/inera_se/

https://webperf.se/category/off-sekt-webbtjanster/

...

https://webperf.se/site/youmo_se/

...

https://webperf.se/site/1177_se/

...

https://webperf.se/site/umo_se/

...

https://webperf.se/site/vardhandboken_se/

...

google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh

Skanna en hel sida och lista tillgänglighetsfel.

Plugin, Kan skanna av en hel sida eller användas via inspektor-mode/ F12. Ser över aria-attribut, kontraster, labels, rubriker m.m.

https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd

Skanna en hel sida och lista tillgänglighetsfel.

Plugin (används via inspektor-mode, F12 ) Kan skanna en helsida eller delar av sida. Skapar en lista med funna fel samt beskrivning vad det kan vara för fel.

https://chrome.google.com/webstore/detail/funkify-%E2%80%93-disability-simu/ojcijjdchelkddboickefhnbdpeajdjg

Simulering, blurrigt, dyslexi, färgblindhet m.m

Plugin

NVDA Download

Skärmläsare

Program

Tangentbordsnavigering

https://dequeuniversity.com/screenreaders/nvda-keyboard-shortcuts

https://www.freedomscientific.com/products/software/jaws/

Skärmläsare

Program kan köpa licens för fritt användande eller köra 40min trial.

Browser kontroller

Förstorning av text

Finns i varje modern browser, pröva att förstora text och se så att sidan ändras, samt att den fortfarande är funktionell och läsbar.

Voiceover (apple)

Skärmläsare

Skärmläsaren finns förinstallerad bara på Mac och iPhone.

Textavstånd

Länk som ligger i bokmärken

En länk som man lägger i bokmärken. Klickar man på den s kommer aktuellsida att skapa avstånd mellan text.

Gå in på följande länk: https://trg.digg.se/manual/granskning/webbsidor.html

gå till verktyg högst upp på sidan, dra länken “textavstånd” till bokmärken i din browser.