Här kommer lite resultat av testerna jag gjorde
- Validering av hemsidan
- SeRankings mobilvänlighetstest
- Waves tillgänglighetstest
- Pagespeeds prestandatest
Inga valideringsfel kvar nu, tidigare fel var främst om tabbnavigering.
Sidan fick 100 av 100 på SeRankings mobilvänlighetstest, vilket visar att hemsidan har en responsiv design.
WAVE visade 32 varningar, främst på grund av att jag använde tabindex="0" på korten (<li>-element). Jag gjorde detta för att kunna använda tabb-navigering med tangentbordet, men är osäker på hur jag ska göra det helt korrekt enligt tillgänglighets standarderna. Därför lät jag det vara. I övrigt hade sidan inga problem.
Jag fick 8.59:1 i kontrasttestet, vilket uppfyller både AA- och AAA-kraven för tillgänglighet, vilket jag är nöjd med
100/100 på alla PageSpeed-kategorier. Enda varningen jag fick var under prestanda vilket gällde cachelagring, vilket jag valt att inte ändra.
Utvärdering
Jag tycker att jag har nått målen för projektet. Webbsidan visar alla val och kurser för Teknikprogrammets tre år, designen fungerar bra på dator, mobil och surfplatta, och sidan är enkel att använda. De klickbara korten fungerar som de ska, och JavaScript gör sidan mer interaktiv. HTML och CSS är validerade och korrekta.
Det jag har tyckt varit svårast under projektet är att få JavaScript-funktionaliteten att fungera som tänkt, särskilt med de klickbara korten där man ska kunna öppna och stänga information. Det var en utmaning att få allt att samspela smidigt och utan att sidan blev rörig eller buggig när man klickade runt.
Jag är nöjd med resultatet och tycker att jag har lärt mig mycket, särskilt när det gäller att göra sidan mer interaktiv och lätt att använda.
Lösning av problemet med JavaScripten
Det var svårt att få korten att öppna och stänga information på ett bra sätt utan att det blev fel. Jag löste det genom att använda classList.toggle() för att visa eller dölja innehållet. Jag gjorde också så att koden blev enkel och tydlig, och testade mycket för att allt skulle funka som det skulle.
Förbättringar
Om jag hade haft mer tid hade jag kunnat jobba mer med tillgängligheten, särskilt kring tabb-navigeringen på de klickbara korten. Då användningen av tabindex="0" inte är helt rätt enligt standarderna och jag hade velat förbättra detta för att göra sidan ännu mer användarvänlig för personer som navigerar med tangentbord eller hjälpmedel.