Plantía:Color contrast ratio
 | Esta plantía usa Lua: |
Esta plantía devuelve la rellación de contraste de color ente los dos colores proporcionaos. Acepta dos parámetros, que pueden ser un códigu de color hexadecimal RGB estándar (#RRGGBB) o un color HTML estándar o CSS "naranxa" (= #FFA500). Los nomes de colores y les lletres hexadecimales nun estremen ente mayúscules y minúscules (esto ye, pueden tar en mayúscules o minúscules).
Usu
[editar la fonte]Exemplos con fondu claru
[editar la fonte]| Color del testu | Color del fondu | Exemplu | Códigu | Proporción de contraste |
WCAG 2.0 conf. |
|---|---|---|---|---|---|
| #000000 | #FFFFFF | Exemplu | {{Color contrast ratio|#000000|#FFFFFF}}
|
21 | AAA |
| #000080 | #DDDDDD | Exemplu | {{Color contrast ratio|#000080|#DDDDDD}}
|
11.787 | AAA |
| #7B0000 | #FF9900 | Exemplu | {{Color contrast ratio|#7B0000|#FF9900}}
|
5.324 | AA |
| #004800 | #AAAAAA | Exemplu | {{Color contrast ratio|#004800|#AAAAAA}}
|
4.691 | AA |
| red | white | Exemplu | {{Color contrast ratio|red|white}}
|
3.998 | Plantía:No |
| #FF0000 | #FF9999 | Exemplu | {{Color contrast ratio|#FF0000|#FF9999}}
|
1.955 | Plantía:No |
Exemplos con fondu escuru
[editar la fonte]| Color del testu | Color del fondu | Exemplu | Códigu | Proporción de contraste |
WCAG 2.0 conf. |
|---|---|---|---|---|---|
| #BADFEE | black | Exemplu | {{Color contrast ratio|#BaDFeE|BlAcK}}
|
14.878 | AAA |
| red | black | Exemplu | {{Color contrast ratio|red|black}}
|
5.252 | AA |
| #FFFF00 | #00FFFF | Exemplu | {{Color contrast ratio|#FFFF00|#00FFFF}}
|
1.168 | Plantía:No |
WCAG 2.0
[editar la fonte]As a guide to selecting foreground and background colors for text, the Web Content Accessibility Guidelines 2.0 (guideline 1.4) classifies contrast ratios for ordinary text as follows:
| Font size | Not Compliant | Level AA | Level AAA |
|---|---|---|---|
| Normal | < 4.5 | 4.5 to 7.0 | > 7.0 |
| Large (18 pt or 14 pt bold) | < 3.0 | 3.0 to 4.5 | > 4.5 |
Normal wiki-text is rendered by common browsers at roughly 9.5 to 10.5 pt (12.5 to 14 px), depending on skin. Text would need to be about 180% or 140% bold to qualify as "Large" for WCAG purposes.