Bilder

Denne testen sjekker alle bildene på en side for å sjekke om de er lenket til på best mulig måte. Vi sjekker også om bildene er i passende nettformat.

Hvorfor tester vi dette?

Nettside produsenter inkluderer ofte bilder på deres sider dårlig, noe som skaper tilgjengelighets problemer for besøkende og øker lastetider.

Det er viktig å inkludere brede og høyde attributter i hver bilde tag. Markeringen er gyldig uten en høyde- og breddeattributt, men det er best å inkludere dem. Uten disse egenskapene vet ikke brukerens nettleser hvor mye plass som skal gå til bildet før det har blitt lastet ned. Dette betyr at når bildet er lastet, må siden gjengis av den besøkende nettleseren, noe som øker lastetiden på siden og kan føre til at elementene på siden hopper, spesielt hvis brukeren har en treg internettforbindelse. Det er også viktig å ikke strekke bildet ved å bruke disse egenskapene, de skal være identiske med de faktiske dimensjonene i bildet. Dette øker også lastetiden på nettsiden.

Hvordan tester vi dette?

Vi lastet ned alle bildene på en nettside og merker poengsummen ned for flere kriterier:

• Er det ikke er web-vennlig? Det er bare bilder av typen: webp, avif, jpeg, png, svg og gif som er tillatt.
• Mangler det bredde og høyde attributter? Dette er når du utelater bredde- og høydeattributene for et bilde.
• Blir det strekt i nettleseren? Dette skjer når kildebildet er i forskjellige størrelse til bredde- og høydeattributtene spesifisert i HTML-koden. Hvis du ønsker å strekke et bildet i nettleseren, burde du bruke CSS siden tagen beskriver kildebildet, ikke hvordan det burde vises.

Hva kan jeg gjøre med det?

Pass på at alle bildene du bruker er i et nettvennlig format, som jpeg, gif eller png. Du burde også inkludere bredde- og høydeattributter for alle bilder, og disse burde beskrive de faktiske dimensjonene til kildebildet. Hvis du behøver å strekke bildet i nettleseren, bruk CSS. Bildetagen i HTML definerer kildebildet, og CSS definerer hvordan det burde presenteres.