Verktyg för tillgänglighet

Tabellen nedan listar de verktyg, plattformar och miljöer 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.

Vi genomför tester på de senaste versionerna av de mer använda operativsystemen och webbläsarna.

Webbläsare som testas: Safari, Chrome, Edge, Firefox (buggar som hittas med Firefox prioriteras ej)
Operativsystem som testas: Windows, macOS, iOS, Android
Version: Endast den senaste versionen av varje webbläsare och operativsystem används. Samma gäller för de verktyg som anges nedan.

Verktyg

Verktyg	Område	Kommentar

Verktyg	Område	Kommentar
https://www.aremycolorsaccessible.com/?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://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=sv	Kan användas för att se över: Rubrikstrukturer, kod-validering, formulär kontroll, tabeller, m.m.	Plugin
https://chrome.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å bokmärket kommer aktuellsida att skapa avstånd mellan text. Gå in på följande länk: https://accessibility.education.gov.uk/tools-testing/tools/text-spacing Dra länken “text spacing” länken till bokmärken i din webbläsare. Sedan öppnas den aktuella sidan du vill testa och klickar på bokmärket för att tillämpa text avståndet.