Tillgänglighetsredogörelse

Här kan du punkt för punkt läsa om hur jag har tänkt kring användarvänlighet när jag designade den här hemsidan.

3.1.1 (A)

Ange sidans språk i koden

Huvudspråket, svenska, är angett med hjälp av lang-attribut på sidans rot-element.

1.4.1 (A)

Använd inte enbart färg för att förmedla information

Bland annat ikoner, understrukna texter och olika skärningar har använts för att urskilja information.

1.4.3 (AA)

Använd tillräcklig kontrast mellan text och bakgrund

Jag har använt funkify och wave för att säkerställa att kontrasten är tillräcklig mellan text och bakgrund.

3.2.4 (AA)

Benämn funktioner konsekventd

Jag har försökt att vara konsekvent när jag beskriver och namnger samma funktionalitet på olika sidor och skärmar. Exempel är rubriker lika varandra på alla sidor, ikoner samma på alla radera/ändra-knappar.

2.4.5 (AA)

Erbjud användarna flera olika sätt att navigera

Det går att navigera i footern, och i top-headern finns ett sökfält som är tänkt att fungera i den slutgiltiga versionen.

2.4.3 (A)

Gör en logisk tab-ordning

Jag har försökt att se till att det finns en logisk tab-ordning för de som inte kan använda mus, och det ser ut som att det ska fungera fint.

4.1.1 (A)

Se till att koden validerar

Webbplatsen har sid- och stilmallar som har en god kodkvalitet och följer standarder, vilket ökar chansen att alla användare kan komma åt informationen och tjänsterna på webbplatsen, oavsett vilka verktyg de använder.

2.1.2 (A)

Se till att markören inte fastnar vid tangentbordsnavigation

Jag har testat webbplatsen utan mus och utan pekskärm, och det verkar gå att använda alla funktioner som behövs.

2.4.6 (AA)

Skriv beskrivande rubriker och etiketter

Använd nyckelord ur texten. Skriv de viktigaste orden först. Använd aktivt språk, gärna verb. Gör inte rubrikerna längre än 5-10 ord.

2.4.2 (A)

Skriv beskrivande sidtitlar

En bra beskrivande titel sammanfattar sidans ämne eller innehåll. Varje sida på en webbplats, liksom andra typer av dokument bör ha en unik titel. Varje undersida har en logisk sidtitel, fastän det var svårt att döpa vissa sidor (som de undersidor där användare var inloggad).

2.4.4 (A)

Skriv tydliga länkar

Tydliga länkar underlättar för alla, men är särskilt viktigt för personer som använder vissa hjälpmedel. Länkarna är understrukna och tillräckligt tydliga för användaren tt avgöra om hen ska följa länken eller inte.

3.2.3 (AA)

Var konsekvent i navigation, struktur och utformning

Liknande uppgifter på hemsidan utförs på samma sätt oavsett var på webbplatsen man befinner sig. Menyer, headers, footers, knappar och andra element har en konsekvent design och struktur.

3

Visa tydligt var användaren befinner sig

Med breadcrumbs kan användaren snabbt och enkelt se var hen befinner sig.

3.3.2

Skapa tydliga och klickbara fältetiketter/ledtexter

För varje fält i formulären där användarna ska fylla i information, finns en tydlig text i form av en placeholder som förklarar fältets funktion. För de fält som inte har text, finns en aria-label.