Saltar al contenido principal
Tu Web Accesible

Sobre TWA

Explora la nostra secció corporativa i descobreix solucions avançades per a la teva organització.

Serveis

Explora la nostra vertical de serveis i descobreix solucions avançades per a la teva organització.

Solucions

Explora la nostra vertical de solucions i descobreix solucions avançades per a la teva organització.

Sectors

Explora la nostra vertical de sectors i descobreix solucions avançades per a la teva organització.

Normativa

Explora la nostra vertical de normativa i descobreix solucions avançades per a la teva organització.

Recursos

Explora la nostra vertical de recursos i descobreix solucions avançades per a la teva organització.

Eina Gratuïta

Validador de Contrast WCAG

Comprova si els teus colors són accessibles.

Verifica que les teves combinacions de colors compleixen els ràtios de contrast exigits per les WCAG 2.2.

Color de Text
Color de Fons
Ràtio de Contrast
21 : 1

Excel·lent — Compleix AAA

AA — Text Normal Passa
AA — Text Gran Passa
AAA — Text Normal Passa
AAA — Text Gran Passa

Text d'exemple gran

Subtítol de mostra (24px)

Aquest és un text d'exemple amb mida normal (16px) per comprovar la llegibilitat d'aquesta combinació de colors segons els criteris WCAG 2.2.

Text petit (14px) — El contrast és especialment important en mides reduïdes on la llegibilitat es veu més compromesa.

Referència ràpida WCAG 2.2

Nivell AA — Text normal ≥ 4.5 : 1
Nivell AA — Text gran (≥18pt / 14pt bold) ≥ 3.0 : 1
Nivell AAA — Text normal ≥ 7.0 : 1
Nivell AAA — Text gran ≥ 4.5 : 1

Per què importa el contrast de color?

El contrast de color és el criteri WCAG més incomplert a la web. Segons l'informe WebAIM Million de 2024, el 83,6% de les pàgines d'inici tenen almenys un error de contrast. Això afecta directament persones amb baixa visió, daltonisme i usuaris en entorns amb molta llum ambiental.

Les WCAG 2.2 exigeixen un ràtio de contrast mínim de 4,5:1 per a text normal i 3:1 per a text gran (Nivell AA). Per al Nivell AAA, els ràtios pugen a 7:1 i 4,5:1 respectivament. El nostre validador calcula aquests ràtios a l'instant i t'indica si les teves combinacions de colors compleixen cada nivell.

  • 1

    Ràtio mínim AA: 4,5:1 (text normal) i 3:1 (text gran, ≥18pt o 14pt bold).

  • 2

    Ràtio mínim AAA: 7:1 (text normal) i 4,5:1 (text gran).

  • 3

    El 83,6% de les webs incompleixen criteris de contrast (WebAIM, 2024).

  • 4

    Eina gratuïta — sense registre, ús il·limitat.

Valor Diferencial

Per què usar aquest validador?

01

Verificació Instantània

Introdueix dos colors (hex, RGB o nom) i obtén el resultat a l'instant.

02

Nivells AA i AAA

T'indiquem si compleixes el nivell legalment exigit (AA) i l'òptim (AAA).

03

Per a Dissenyadors i Devs

Ideal per validar paletes de color abans d'implementar i evitar correccions posteriors.

Certificacions i acreditacions.

Comptem amb les certificacions que avalen la nostra experiència en accessibilitat.

IAAP - International Association of Accessibility Professionals IAAP CERTIFIED
ISO 9001 - Sistema de Gestión de Calidad ISO 9001
Logotipo Tu Web Accesible
Resum de la privadesa

Aquest lloc web utilitza galetes per tal de proporcionar-vos la millor experiència d’usuari possible. La informació de les galetes s’emmagatzema al navegador i realitza funcions com ara reconèixer-vos quan torneu a la pàgina web i ajuda a l'equip a comprendre quines seccions del lloc web us semblen més interessants i útils.