Een achtergrond voor de vormgeving

Een CSS-achtergrond kan een vlak versieren zonder een extra afbeeldingselement in de inhoud te zetten. Gebruik dat voor beeld dat niet nodig is om de tekst te begrijpen. Een achtergrondafbeelding heeft immers geen alt-attribuut.

Zorg voor een bruikbare achtergrondkleur als het bestand niet geladen wordt. Controleer ook het contrast van tekst die vóór het beeld staat; een rustige hoek van één foto zegt niets over een andere uitsnede. Informatie die de lezer nodig heeft, zoals een route of een prijs, hoort niet alleen in de achtergrond. Zet die informatie in toegankelijke tekst of een passend inhoudelijk beeld.

Voorbeeld

.kaart { background-color: #eef3f0; background-image: url("papier.png"); }

Naslag: MDN Web Docs over dit onderdeel. De uitleg hierboven is zelfstandig geformuleerd.

Verder binnen dit onderwerp: Een bestand als CSS-achtergrond.