viktor-sarge
commented
4 years ago Jag har påbörjat denna story.
-
[x] Jump to content fungerar (lagt till
<main id="main">överallt där det saknades i mallarna. -
[x] Aria labels på footern
Förstasidan
-
[x] Koppla runda knappar som är länkar till det element som innehåller länktexten med aria-labelledby. I nuläget saknar länkade runda knappar en länktext.
-
[x] Alt-text på bilder. Kan vi hämta ut bildobjektet med beskrivning osv från wordpress istället för URL:en. Gäller särskilt tex puffar på förstasidan.
-
[x] Den vita texten "Sök" har inte tillräcklig kontrast mot grönt om man räknar det som text och inte ett grafiskt element/gränssnittsdel. Eftersom webperf använder Axe som klagar här kan det vara klokt att ändra.
-
[x] H1 saknas på förstasidan. (Vi kan nog göra puffarna till strukturella h1:or åtminstone)
-
[x] Allt innehåll skall ligga inuti en landmark/semantisk html5-tagg. Det är inte kopplat till en specifik riktlinje i WCAG utan en best practice-faktor men Axe som webperf använder klagar så klokt att fixa det.
-
[x] Anpassa jump to content så att Axe förstår den? Den är korrekt för användarna idag, men det verkar inte som att Axe-verktyget som webperf förväntar sig en specifk namngivning. Å andra sidan används även Pa11y och jag är inte säker på hur det verktyget vill att det skall se ut.
-
[x] Aria label på puffar som berättar vad det är man hamnat på behövs
Undersidor nivå 2
-
[x] Publiceringsdatum för nyheter har för låg kontrast
-
[x] Alt-text på bilder saknas även här.
-
[x] Nyheter har tomma
<a>taggar efter<li>elementet som inte validerar och Axe klagar på -
[x] Felaktig nästling av rubriknivåer vilket Axe klagar på. Ex. våra skolor där puffar har h3.
-
[x] Allt skall ligga i landmärken
Page-sidor
-
[x] Vänsternavigationen länkar hela li-elementet vilket axe klagar på då det inte är korrekt. Gjorde så för att få hela ytan skulle bli klickbar. Vi får hitta en annan lösning.
-
[x] Felaktig nästling av rubriknivåer vilket Axe klagar på
-
[x] Allt skall ligga i landmärken
Ändringar i styleguiden
-
[ ] Den gröna färgen på regionhalland.se skall vara den lite mörkare #34872d istället för att ge tillräcklig kontrast. (Gäller t.ex. knappar, men även andra element för konsekvensens skull - ändra i settings)
-
[ ] A till Ö-komponenten behöver bättre kontrast på bokstäver. Prova t.ex. #595959 på alfabetet (ger AAA)
-
[ ] A till Ö behöver bättre hoverstate. Vita bokstäver.
-
[ ] Focus-state behöver fixas på alla komponenterna som man kan tabba till
Beskrivning
Vi behöver gå igenom regionhalland.se inför webbtillgänglighetsdirektivet 23/9.
Acceptanskriterier