Kontroll av färgkontrast

    Testa kontrastförhållandet mellan förgrunds- och bakgrundsfärger för att säkerställa tillgängligheten.

    Kontroll av färgkontrast

    Textfärg
    Bakgrundsfärg
    Kontrast
    Fail
    Liten text
    ✖︎
    Stor text
    ✖︎

    Alla är ett geni. Men om du bedömer en fisk efter dess förmåga att klättra i ett träd kommer den att leva hela sitt liv i tron att den är dum.

    - Albert Einstein

    Kontroll av färgkontrast

    Beräkna kontrastförhållandet mellan text- och bakgrundsfärger.

    Välj en färg med hjälp av färgväljaren för text och bakgrundsfärg eller ange en färg i RGB hexadecimalt format (t.ex. #259 eller #2596BE). Du kan justera skjutreglaget för att välja färg. WCAG (Web Content Accessibility Guidelines) har en särskild riktlinje som hjälper till att avgöra om texten är läsbar för seende användare. Detta kriterium använder en särskild algoritm för att kartlägga färgkombinationer till jämförbara förhållanden. Med hjälp av denna formel anger WCAG att ett färgkontrastförhållande på 4,5:1 mellan text och bakgrund är tillräckligt för vanlig text (brödtext) och att stor text (18+ pt vanlig eller 14+ pt fet) bör ha ett färgkontrastförhållande på minst 3:1.