...
Reglerna delas upp i kategorierna A, AA och AAA. Reglerna på nivå A och eventuellt AA ska uppfyllas och reglerna AA och AAA är inte krav, men önskvärda. Vårt mål är att uppfylla alla A-regler och så många som möjligt av AA och AAA men där görs en bedömning i varje fall hur det påverkar applikationen och kostnaden för utveckling och underhåll.
För att testa medborgarapplikationen har i första hand Googles verktyg Lighthouse använts, men även Axe DevTools. Lighthouse är inte så detaljerat som andra verktyg, men är istället snabbt och lättanvänt. Lighthouse och Axe DevTools har använts under utvecklingen och de problem som hittats har åtgärdats redan i utvecklingsfasen vilket gör att vi idag har betyg 100 av 100 på tillgänglighet enligt Lighthouse.
Vi har också använt https://accessmonitor.acessibilidade.gov.pt/ som är utvecklat av Portugisiska myndigheter. Denna kan inte se de sidor som kräver inloggning, men ger ändå en bild över val av layout och komponenter då de återanvänds i hela applikationen.
...
Allvarlighetsgrad | Resultat | Nivå | Kommentar | Behöver åtgärd | Ej acceptabelt||
---|---|---|---|---|---|---|
I noticed that all the images on the page have an alternative text equivalent. | A | |||||
I found that the first link of the webpage does not allow us to skip to the main content. | A | Enligt direktivet ska man högst upp på varje sida ha en länk för att hoppa direkt till huvudinformationen på sidan. Det har inte vi då huvudinformationen alltid börjar direkt. Detta är relevant för längre webbsidor som har annat material före själva innehållet, t.ex. en nyhetssida som visar reklam eller annan information överst. | Nej | Manuell kontroll. | Ja, men inte i första versionen | |
I found 1 heading on the page. G141: Organize a page using headings | AAA | Då sidan innehåller en sammanhängande informationstext är det inte rimligt att dela upp den i underrubriker | NejManuell kontroll | |||
I identified 10 CSS rules that do not specify either the font color or the background color. F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors and vice versa | AA | Detta handlar om att explicit specificera bakgrund för varje element för att säkerställa tillräckligt god kontrast. Vi säkerställer kontrasten genom testning vilket vi anser gott nog för en första version | Ja, men inte i första versionenManuell kontroll | |||
I asked the W3C HTML validator and I observed that there is 1 HTML error. G134: Validate web pages | A | Den automatiska valideringen klagar på att titel saknas. Titeln sätts av applikationen då vi har framtida stöd för språkhantering och därför olika titlar. Detta gör att det automatiska testverktyget inte korrekt hittar titeln, men det är en brist i verktyget och fungerar som förväntat. | NejManuell kontroll | |||
I observed that there are no obsolete elements used to control the visual presentation. | A | |||||
I observed that the webpage’s main language is marked as "sv". H57: Use language attributes in html element | A | Den automatiska valideringen klagar på att språkinformation saknas. Språkets sätts av applikationen då vi har framtida stöd för språkhantering och därför olika språk. Detta gör att det automatiska testverktyget inte korrekt hittar språket, men det är en brist i verktyget och fungerar som förväntat. | Nej | |||
I found one title on the webpage and it seems correct. | A | |||||
I observed that all the headings in this page have an accessible name. | A | |||||
I noticed that all ARIA states and properties have a valid value type. | A | |||||
I noticed that all ARIA states and properties are allowed. | A | |||||
I noticed that all aria-* attributes are defined in the ARIA specfication. | A | |||||
I noticed that all | A | |||||
I observed that no elements with presentational children have focusable content | A | |||||
I noticed that there are no | A | |||||
I noticed that all links have an accessible name | A | |||||
I noticed that the | Ska kontrolleras | Manuell kontrolldoes not prevent users from zooming. | AA | |||
I observed that all color combinations have a contrast ratio above the optimized contrast ratio suggested by the WCAG, which is 4.5 to 1 for larger font text and 7 to 1 for regular font text. G17: Ensure a contrast ratio of at least 4.5 to 1 | AAA | Verktyget påpekar att alla kontraster är över rekommenderat minima men flaggar ändå. Verkar vara ett fel i verktyget. | Nej | |||
I noticed that the | AA | |||||
I noticed that the | AA | |||||
I found one banner landmark. | AA | |||||
I found one contentinfo landmark. | AA | |||||
I found one main landmark. | AA | |||||
I noticed that all | AA | |||||
I noticed that all lists only contain list items. |
Med detta som grund anser vi att kan produktionssätta applikationen.
Webbriktlinjer.se
Vi har också använt verktyget på webbriktlinjer.se (https://webbriktlinjer.se/riktlinjer/?filter=on&guidelineorder=a&freetext-filter=&query-vlwebb-priority%5B%5D=3&checklista )
Resultatet finns i följande csv-fil
View file | ||
---|---|---|
|