---
title: ¿Por qué nuestro sitio web debe tener varias opciones de contraste?
description: Descubre por qué ofrecer varias opciones de contraste en tu sitio web es esencial para la accesibilidad digital, ayudando a personas con discapacidad y cumpliendo con las normas WCAG y ABNT.
---

[Ir directamente al contenido](https://conhecimento.pertodigital.com.br/es/central/por-que-devemos-ter-várias-opções-de-contraste#main-content)

- [Español](https://conhecimento.pertodigital.com.br/es/central/por-que-devemos-ter-v%C3%A1rias-op%C3%A7%C3%B5es-de-contraste)
- [English](https://conhecimento.pertodigital.com.br/en/central/por-que-devemos-ter-várias-opções-de-contraste)
- [Português - Brasil](https://conhecimento.pertodigital.com.br/central/por-que-devemos-ter-várias-opções-de-contraste)

Español

Traducciones de Mostrar submenú de

![Logo-4.svg\]](https://conhecimento.pertodigital.com.br/hubfs/Logo-4.svg)

Abrir navegación principal

Cerrar navegación principal

- - [Español](https://conhecimento.pertodigital.com.br/es/central/por-que-devemos-ter-v%C3%A1rias-op%C3%A7%C3%B5es-de-contraste)
    - [English](https://conhecimento.pertodigital.com.br/en/central/por-que-devemos-ter-várias-opções-de-contraste)
    - [Português - Brasil](https://conhecimento.pertodigital.com.br/central/por-que-devemos-ter-várias-opções-de-contraste)

  Español
  
  Traducciones de Mostrar submenú de
- para pertodigital.com.br

 para pertodigital.com.br

 Hola. ¿En qué podemos ayudarte?

- No hay sugerencias porque el campo de búsqueda está vacío.

1. [Base de Conocimiento](https://conhecimento.pertodigital.com.br/es/central?hsLang=es)
2. [Preguntas Frecuentes](https://conhecimento.pertodigital.com.br/es/central/preguntas-frecuentes?hsLang=es)

# ¿Por qué nuestro sitio web debe tener varias opciones de contraste?

## Cada persona ve la pantalla de manera diferente. Por eso, tener una sola opción de color no funciona para todos.

Las personas con baja visión, daltonismo o sensibilidad a la luz necesitan diferentes ajustes visuales. Ofrecer varias opciones de contraste devuelve el control al usuario. Así, pueden elegir el color y la luz que hagan la lectura más fácil y cómoda.

### Lo que dicen las reglas

Las principales normas de accesibilidad en Brasil y el mundo, como la **ABNT NBR 17225** y las **WCAG 2.2**, exigen que los sitios web tengan un buen contraste.

Para medir esto, las normas usan un valor llamado "relación de contraste". Funciona así:

- **Texto normal:** la diferencia de color entre las letras y el fondo debe ser de al menos 4,5 a 1.
- **Texto grande y botones:** la diferencia debe ser de al menos 3 a 1.
- **El ideal (recomendación mejorada):** la diferencia para los textos debería llegar a 7 a 1.

### Lo que debemos hacer en la práctica

Para atender a todos los usuarios, la mejor solución es agregar un panel de ajustes visuales (o un plugin de accesibilidad) en el sitio web con las siguientes opciones:

- **Alto contraste claro:** fondo muy claro y letras muy oscuras. Ayuda a quienes tienen baja visión o daltonismo.
- **Alto contraste oscuro:** fondo oscuro y letras claras. Excelente para quienes tienen sensibilidad a la luz (fotofobia).
- **Baja saturación (colores menos vivos):** ayuda a las personas con sensibilidad visual o epilepsia.
- **Pantalla en blanco y negro (monocromático):** facilita la lectura a personas con dificultad para percibir los colores.
- **Colores personalizados:** permite al usuario elegir el color exacto del fondo y del texto para reducir la fatiga visual.

### Herramientas para ayudar en el trabajo

- **Comprobadores de contraste:** puedes usar herramientas gratuitas en internet, como el *WebAIM Contrast Checker* o la aplicación *Colour Contrast Analyser (CCA)*. Te dicen al instante si los colores que elegiste pasan la regla de contraste.
- **Herramientas de asistencia:** existen soluciones listas (plugins) que instalas en el sitio web. Vienen con botones fáciles para que el usuario active el alto contraste o cambie los colores de la pantalla con un solo clic.

### Atención a la Ley

Tener un buen contraste no es solo para que el sitio se vea bonito; es un derecho del usuario.

En Brasil, la **Ley Brasileña de Inclusión (LBI)** exige que los sitios web sean accesibles para personas con discapacidad. En otros países, leyes como la ADA (en EE. UU.) y la EAA (en Europa) también sancionan a las empresas con sitios web difíciles de usar. Garantizar el contraste significa cumplir la ley y respetar a las personas.

- [Introducción](https://conhecimento.pertodigital.com.br/es/central/introducci%C3%B3n?hsLang=es#main-content)

    - [Sobre Perto Digital](https://conhecimento.pertodigital.com.br/es/central/introducci%C3%B3n?hsLang=es#sobre-perto-digital)
    - [Importancia de la Accesibilidad](https://conhecimento.pertodigital.com.br/es/central/introducci%C3%B3n?hsLang=es#importancia-de-la-accesibilidad)
    - [Guía de Inicio](https://conhecimento.pertodigital.com.br/es/central/introducci%C3%B3n?hsLang=es#gu%C3%ADa-de-inicio)
- [Preguntas Frecuentes](https://conhecimento.pertodigital.com.br/es/central/preguntas-frecuentes?hsLang=es#main-content)

    - [Requisitos Técnicos](https://conhecimento.pertodigital.com.br/es/central/preguntas-frecuentes?hsLang=es#requisitos-t%C3%A9cnicos)
    - [Planes y Precios](https://conhecimento.pertodigital.com.br/es/central/preguntas-frecuentes?hsLang=es#planes-y-precios)
    - [Soporte al Cliente](https://conhecimento.pertodigital.com.br/es/central/preguntas-frecuentes?hsLang=es#soporte-al-cliente)
    - [Implementación](https://conhecimento.pertodigital.com.br/es/central/preguntas-frecuentes?hsLang=es#implementaci%C3%B3n)
- [Glosario](https://conhecimento.pertodigital.com.br/es/central/glosario?hsLang=es)
- [General](https://conhecimento.pertodigital.com.br/es/central/general?hsLang=es#main-content)

    - [Plugin - Funcionalidades](https://conhecimento.pertodigital.com.br/es/central/general?hsLang=es#plugin-funcionalidades)
    - [Plugin - Perfiles de Accesibilidad](https://conhecimento.pertodigital.com.br/es/central/general?hsLang=es#plugin-perfiles-de-accesibilidad)
    - [Herramientas de Comunicación](https://conhecimento.pertodigital.com.br/es/central/general?hsLang=es#herramientas-de-comunicaci%C3%B3n)
    - [Libras - Herramientas](https://conhecimento.pertodigital.com.br/es/central/general?hsLang=es#libras-herramientas)
    - [Analisis](https://conhecimento.pertodigital.com.br/es/central/general?hsLang=es#analisis)
- [Soporte](https://conhecimento.pertodigital.com.br/es/central/soporte?hsLang=es)

[![Chill listening crop-3](https://conhecimento.pertodigital.com.br/hubfs/Logo-3.svg "Chill listening crop-3")](http://www.pertodigital.com.br)

Base de Conocimiento

<https://www.instagram.com/pertodigital/> <https://www.linkedin.com/company/perto-digital/>

Copyright © 2026, Perto Digital