Cómo crear un esquema de color accesible en PowerPoint para WCAG AA
🔍 WiseChecker

Cómo crear un esquema de color accesible en PowerPoint para WCAG AA

Desea que sus diapositivas de PowerPoint sean legibles para todos, incluidas las personas con baja visión o daltonismo. Las Pautas de Accesibilidad para el Contenido Web de nivel AA, conocidas como WCAG AA, establecen una relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande. Este artículo explica cómo seleccionar y aplicar un esquema de color que cumpla con estos estándares directamente en PowerPoint sin usar herramientas de terceros.

Puntos clave: Creación de un esquema de color compatible con WCAG AA en PowerPoint

  • Vista > Color > Personalizar colores: Abre el editor de colores del tema donde puede definir colores accesibles para texto, fondo, énfasis e hipervínculos.
  • Comprobador de accesibilidad en Revisar > Comprobar accesibilidad: Examina su presentación en busca de contraste insuficiente y otros problemas después de aplicar el esquema de color.
  • Relación de contraste de 4.5:1 para texto normal y 3:1 para texto grande: Los umbrales de WCAG AA que debe verificar con un comprobador de contraste antes de finalizar los colores.

ADVERTISEMENT

Qué requiere WCAG AA para color y contraste

WCAG AA es el nivel de cumplimiento más común adoptado por organizaciones y agencias gubernamentales. El estándar no restringe qué colores puede usar. Solo requiere que la diferencia de brillo percibida entre el texto en primer plano y su fondo cumpla con una relación de contraste mínima.

Para texto normal de menos de 18 puntos o menos de 14 puntos en negrita, la relación debe ser al menos 4.5:1. Para texto grande de 18 puntos o más, o 14 puntos en negrita o más, el mínimo baja a 3:1. Los elementos de interfaz de usuario como contornos de formularios, iconos y puntos de datos de gráficos también deben cumplir la relación de 3:1 contra colores adyacentes.

El color por sí solo no debe transmitir información. Si usa rojo y verde para mostrar ganancias y pérdidas, agregue etiquetas de texto, patrones o iconos que no dependan del tono. WCAG AA también requiere que el texto de los enlaces se distinga del texto del cuerpo, normalmente mediante subrayado o una diferencia de brillo de al menos 3:1.

Cómo mide PowerPoint el contraste

PowerPoint no muestra un valor de relación de contraste en vivo en el selector de color. Debe usar el Comprobador de accesibilidad después de aplicar colores, o verificar los valores de contraste externamente con una herramienta como WebAIM Contrast Checker o Colour Contrast Analyser para Windows. El Comprobador de accesibilidad marca el texto que no cumple con el umbral de 4.5:1 o 3:1, pero no muestra la relación exacta. Para un control preciso, verifique cada par de colores antes de guardar el esquema.

Pasos para crear un esquema de color accesible personalizado en PowerPoint

PowerPoint almacena los esquemas de color dentro del sistema de temas. Usted crea un esquema personalizado modificando los colores del tema integrados de Office. Los cambios se aplican a todas las diapositivas que usan ese tema. Siga estos pasos para crear un esquema que cumpla con WCAG AA.

  1. Abrir el editor de colores del tema
    Vaya a la pestaña Vista y haga clic en el botón Patrón de diapositivas. En la vista Patrón de diapositivas, haga clic en Colores en la cinta de opciones y seleccione Personalizar colores. Se abre un cuadro de diálogo titulado Crear nuevos colores del tema.
  2. Establecer primero los colores de fondo y texto
    En el cuadro de diálogo Colores del tema, las dos primeras ranuras son Texto/Fondo – Oscuro 1 y Texto/Fondo – Claro 1. Establezca Oscuro 1 en un color muy oscuro como #1A1A1A (casi negro) y Claro 1 en un color muy claro como #F2F2F2 (blanco roto). Estos dos colores forman el par de lectura principal y deben alcanzar una relación de contraste superior a 4.5:1. El par #1A1A1A sobre #F2F2F2 produce una relación de 16.3:1, muy por encima del requisito.
  3. Definir los colores de énfasis
    Las seis ranuras de Énfasis controlan los rellenos de gráficos, los colores de SmartArt y los rellenos de formas. Elija colores que mantengan al menos 3:1 de contraste contra los fondos claro y oscuro. Por ejemplo, use Énfasis 1 como un azul fuerte #005A9E, Énfasis 2 como un naranja cálido #D4731A y Énfasis 3 como un verde azulado #00857A. Pruebe cada énfasis contra ambos fondos usando un comprobador de contraste externo.
  4. Asignar un color de hipervínculo distinto
    Establezca la ranura Hipervínculo en un color que difiera del texto del cuerpo en al menos 3:1 y sea reconocible como enlace. Una opción común es #0066CC que proporciona 6.3:1 de contraste contra #F2F2F2. Establezca la ranura Hipervínculo visitado en una versión ligeramente atenuada como #4B0082 para indicar enlaces visitados.
  5. Nombrar y guardar el esquema de color
    Escriba un nombre descriptivo en el campo Nombre en la parte inferior del cuadro de diálogo, por ejemplo Accesible AA – Tema azul oscuro. Haga clic en Guardar. El nuevo esquema ahora aparece en el menú Colores en la vista Patrón de diapositivas y en la pestaña Diseño en las diapositivas normales.
  6. Aplicar el esquema a todas las diapositivas
    Cierre la vista Patrón de diapositivas haciendo clic en Cerrar vista Patrón en la cinta de opciones. En la pestaña Diseño, haga clic en Colores y seleccione su esquema guardado de la lista. Todas las diapositivas que usan el tema principal actualizan sus colores inmediatamente.

Refinamiento de la paleta de colores para visualización de datos

Los gráficos y diagramas a menudo usan múltiples colores de énfasis uno al lado del otro. Para cumplir con WCAG AA, cada color de punto de datos adyacente debe diferir en al menos 3:1. Esto es difícil con seis tonos muy relacionados. Para simplificar, limite su paleta a tres o cuatro colores de énfasis que estén distribuidos por la rueda de colores. Por ejemplo, use un azul oscuro, un naranja cálido, un verde y un púrpura. Evite combinar amarillo claro con verde claro porque sus valores de luminancia son demasiado similares.

Puede agregar patrones o texturas a las series de gráficos para que el color no sea el único diferenciador. PowerPoint le permite aplicar rellenos de patrón desde el panel Formato de serie de datos en Relleno > Relleno de patrón. Esto ayuda a los espectadores con deficiencias en la visión del color a distinguir entre series.

ADVERTISEMENT

Errores comunes al crear esquemas de color accesibles

Usar texto negro puro sobre fondo blanco puro

El negro puro #000000 sobre blanco puro #FFFFFF tiene una relación de contraste de 21:1, que supera el requisito. Sin embargo, la diferencia de brillo extrema puede causar fatiga visual a lectores con dislexia o sensibilidad a la luz. Use un gris oscuro o blanco roto en su lugar, como #1A1A1A sobre #F2F2F2. Esto aún logra una relación superior a 10:1 y es más cómodo de leer.

Elegir colores de énfasis que fallan contra ambos fondos

Un error común es seleccionar un énfasis de brillo medio como #7F7F7F que se ve bien sobre un fondo blanco pero se vuelve invisible sobre un fondo oscuro. Cada color de énfasis debe probarse contra los fondos claro y oscuro definidos en su esquema. Si el énfasis falla en un fondo, ajuste su brillo hasta que pase 3:1 para ambos.

Olvidar actualizar el Comprobador de accesibilidad después de cambiar los colores

Después de aplicar un nuevo esquema de color, ejecute el Comprobador de accesibilidad yendo a Revisar > Comprobar accesibilidad. El comprobador enumera todas las diapositivas con contraste insuficiente. Haga clic en cada problema para ver qué texto u objeto falla. Corrija el color volviendo al editor de colores del tema y ajustando la ranura problemática. Ejecute el comprobador nuevamente hasta que no queden advertencias de contraste.

Asumir que el esquema de color se aplica al contenido importado

Los gráficos o SmartArt pegados de otras presentaciones pueden conservar sus colores de tema originales. Después de pegar, seleccione el objeto y haga clic en la pestaña Diseño, luego haga clic en la flecha Más en el grupo Variantes y elija su esquema de color personalizado. Esto fuerza al objeto a adoptar la paleta accesible.

Elemento Mínimo de WCAG AA Valor recomendado
Contraste de texto normal 4.5:1 7:1 a 10:1 para legibilidad
Contraste de texto grande 3:1 4.5:1 a 7:1
Componentes de interfaz y gráficos 3:1 3:1 a 4.5:1
Distinguibilidad del texto de enlace 3:1 desde el texto del cuerpo Subrayado o diferencia de brillo de 3:1
Información solo por color No permitido Agregar etiquetas de texto, patrones o iconos

Ahora puede crear un esquema de color de PowerPoint que cumpla con los requisitos de contraste de WCAG AA usando el editor de colores del tema integrado. Comience estableciendo un par de fondo casi negro y casi blanco, luego pruebe cada color de énfasis contra ambos fondos con un comprobador de contraste externo. Después de guardar y aplicar el esquema, ejecute el Comprobador de accesibilidad para detectar cualquier problema no visto. Como paso avanzado, agregue rellenos de patrón a sus series de gráficos para que el color nunca sea la única forma de transmitir información. Este enfoque mantiene sus diapositivas compatibles y legibles para todas las audiencias.

ADVERTISEMENT