Tillgänglighet med Google Lighthouse

By . Latest revision .

I denna uppgift ska ni använda er utav verktyget Google Lighthouse för att se hur eran portfolio presterar sett ifrån tillgänglighet. Det är en bra förberedelse för oss webbutvecklare innan vi ska ut i arbetslivet och det är även ett bra avslut på eran portfolio-sida som nu börjar bli klar.

jsramverk.se, som har 100 på samtliga delar av Lighthouse mätningar

jsramverk.se, som har 100 på samtliga delar av Lighthouse mätningar

#Förkunskaper

Du har jobbat igenom uppgiften “Utvärdera webbplatsers laddningstid och användbarhet” som ger en grund till att jobba med Google Lighthouse.

Du har kikat på de resurser som ligger under stycket “Tillgänglighet”.

Du har Google Chrome eller valfri annan Chromium webbläsare installerad.

#Introduktion

Analysera tillgänglighet med Google Lighthouse

#Krav

Följande krav gäller vid mätningar via devtools:

  1. Samtliga sidor i din portfolio ska uppnå 100 i tillgänglighet (Accessibility)
    • Gäller både dator och mobil
    • Gäller både light och dark theme
  2. Kolla om det finns saker under prestanda (Performance) som du kan åtgärda.

Utöver dessa så ska portfolion som vanligt:

  1. Allt fungera på studentservern

  2. Dina .scss filer ska gå igenom lint med hjälp utav npm run lint.

#Tips från coachen

Lycka till och hojta till i Discord om du behöver hjälp!

#Revision history

  • 2020-12-03: (A, nik) Skapad inför HT20.

Document source.

Category: kurs/design.

Niklas Andersson

Niklas Andersson

Niklas Andersson arbetade på BTH med undervisning, utveckling och handledning i dbwebb-kurserna. På fritiden spelar han tillsammans med ett egenstartat community vid namn Sockertoppar. Han håller sig också uppdaterad inom teknikvärlden, med stort fokus på Apple. Numera jobbar han i näringslivet.