Billeder

Billedetesten tjekker alle billeder på en hjemmeside for at kontrollere, om de er linket til i henhold til nyeste bedste praksis. Vi kontrollerer også, at billederne er et passende webformat.

Hvorfor tester vi dette?

Webstedsproducenter indbefatter ofte billeder på deres sider dårligt, hvilket skaber tilgængelighedsproblemer for besøgende og øger sidelastningstider.

Det er vigtigt at medtage bredde- og højdeattributterne i hvert billedmærke. Markeringen er gyldig uden en højde- og breddeattribut, men det er bedste praksis at inkludere dem. Uden disse attributter ved den besøgendes webbrowser ikke, hvor meget plads der skal gå til billedet, før det har downloadet det. Dette betyder, at når siden først er genindlæst, skal siden gentages af den besøgendes browser, hvilket øger sideindlæsningstiden og kan medføre, at elementer på siden "hopper", især hvis brugeren har en langsom internetforbindelse. Det er også vigtigt ikke at strække billedet ved at bruge disse attributter, de skal være identiske med de faktiske dimensioner af billedet. Dette øger også sidebelastningen.

Hvordan tester vi dette?

Vi henter alle billederne på et websted og skriver scoren ned for flere kriterier:

• Er det et ikke-web-venligt format? Kun webp, avif, jpeg, png, svg og gif billeder tillades.
• Mangler bredde- og højdeattributterne? Dette er, når du udelader bredde- og højdeattributterne for et billede.
• Er det udstrakt i browseren? Dette sker, når kildebilledet har en anden størrelse end bredden og højdeattributterne angivet i HTML'en. Hvis du vil strække et billede i browseren, skal du bruge CSS, da tagget beskriver kildebilledet, ikke hvordan det skal vises.

Hvad kan jeg gøre?

Sørg for, at alle de billeder, du bruger, er af et web-venligt format, som jpeg, gif eller png. Du skal også medtage bredde- og højdeattributter for alle billeder, og disse skal være de faktiske dimensioner af kildebilledet. Hvis du skal strække billedet i browseren, skal du bruge CSS. Billedetiketten i HTML definerer kildebilledet, og CSS definerer, hvordan det skal præsenteres.