Färger på webbplatser
Med färg kan vi göra webbplatsen mer levande och framhäva element som vi vill att användaren ska uppmärksamma. Samtidigt kan färger skapa problem för personer som saknar färgseende eller har andra funktionsnedsättningar.
När det gäller färgval på en tillgänglig webbplats finns det flera faktorer som är viktiga att tänka på.
Kontrast och tillgänglighet
Kontrasten mellan text och bakgrund är avgörande för att säkerställa läsbarheten för personer med synnedsättningar. Se till att det finns tillräckligt med kontrast mellan texten och bakgrunden för att texten ska vara lättläst. Cirka 8% av männen och 0,5% av kvinnorna lider av någon form av färgblindhet, vilket innebär att vissa färgkombinationer kan vara svåra eller omöjliga att skilja åt. Se till att färger som används för att markera viktig information eller för att skilja mellan olika element på webbplatsen fungerar för personer med olika typer av färgblindhet.
Val av färger
Vetenskapsrådet har en grafisk profil som definierar vilka färger som ska användas för olika element på webbplatsen. Se till att designen för den aktuella webbplaten följer riktlinjerna för den grafiska profilen inom området, när du väljer färger för webbplatsen.
| Namn | Beskrivning | Användning |
|---|---|---|
| Textfärg | Alla texter mot ljus bakgrund | Rubriker, brödtext |
| Primärfärg | En tydlig färg som finns i den grafiska profilen | Menyknapp, huvudmeny |
| Sekundärfärg | Alternativ färg från den grafiska profilen | Faktarutor mm |
| Signalfärg | Tydlig färg som har god kontrast mot primärfärgen | Länkar i huvudmeny och sidfot |
| Bakgrundsfärg | Bakgrundsfärg i innehåll | Bakgrundsfärg bakom innhåll/sida |
Dokumentera webbplatsens färger
För att underlätta förvaltningen ska det finns en dokumentation med alla webbplatsens färger. Dokumentationen ska beskriva hur färgerna används. Färgernas ska beskrivas med namn och hex-nummer.