Privacidad y Términos

Cómo se construyó este sitio

El sitio se desarrolló con tecnologías abiertas de la propia web — PHP, HTML, CSS y JavaScript, sin frameworks —, siguiendo el sistema de diseño Material Design 3, de Google, como base de estructura y componentes, con tipografía propia en Atkinson Hyperlegible, una fuente diseñada para la máxima legibilidad de las personas con baja visión. No hay base de datos: todo el contenido vive en archivos de texto versionables, separados de la presentación. El sitio funciona íntegramente sin JavaScript; los scripts existentes son mejoras progresivas, como el panel de recursos de accesibilidad y los botones de copiar.

La implementación se realizó con el apoyo de Claude Code, herramienta de programación asistida por inteligencia artificial de Anthropic, bajo dirección y revisión humanas: el código pasa por la revisión técnica del desarrollador Matheus Vinicius Lançoni da Silva, y las decisiones de diseño, de experiencia de usuario y de contenido son de Thalia Rauane de Oliveira, diseñadora responsable del proyecto, con la orientación de Marina Ramos Pezzini.

Importa dejar constancia de lo que la inteligencia artificial no hizo: las 12 recomendaciones son resultado de una investigación académica realizada por personas — revisión bibliográfica, análisis, síntesis y verificación con 11 especialistas —, concluida antes de la construcción de este sitio. La IA fue un instrumento de implementación; la autoría de la investigación, la responsabilidad editorial y la verificación de accesibilidad son humanas.

Nivel de conformidad

Este sitio aspira a la conformidad con las Pautas de Accesibilidad para el Contenido Web – WCAG 2.2, adoptando el nivel AA como suelo absoluto y el nivel AAA como meta, especialmente en los criterios de contraste (1.4.6), presentación visual (1.4.8) y navegación por teclado.

Decisiones de accesibilidad

• HTML semántico estricto: puntos de referencia de navegación (landmarks), jerarquía real de títulos, listas verdaderas y ARIA mínimo — solo donde el HTML nativo no resuelve.
• Navegación completa por teclado, con indicador de foco visible, enlaces de salto ("saltar al contenido") y orden lógico de tabulación.
• Contraste de colores con meta AAA (7:1 para texto corriente) verificado par a par en los seis modos disponibles: claro, oscuro automático, oscuro manual, alto contraste, amarillo sobre negro y negro sobre amarillo. La única excepción es el color de los enlaces en el tema claro, que alcanza el nivel AA (4,8:1 sobre las tarjetas) y se mantiene por ser color de marca — en ese y en todos los modos, los enlaces en texto corrido van siempre subrayados, de modo que su identificación nunca depende del color (WCAG 1.4.1).
• Respeto a las preferencias del sistema operativo: prefers-reduced-motion (animaciones desactivadas o pausables, con alternativa estática) y prefers-color-scheme (tema claro u oscuro automático).
• Panel de recursos de accesibilidad propio — tamaño de texto, interlineado, espacio entre letras, letras destacadas, modo lectura, guía de lectura (que acompaña al ratón y al foco del teclado), subrayado de enlaces, cursor ampliado, ocultación de imágenes, pausa de animaciones, temas y modos de color —, abierto con el botón fijo del lateral derecho, guardado en el navegador y aplicado sin recargar la página. No se utiliza ningún overlay ni widget de accesibilidad de terceros.
• El interlineado y el espacio entre letras son controles separados, porque son necesidades distintas: quien necesita líneas más aireadas no siempre quiere letras más sueltas. Los valores adoptados son los mínimos exigidos por la WCAG 1.4.12 — interlineado de 1,9; 0,12em entre letras; 0,16em entre palabras.
• Modo lectura: presenta solo el contenido, en una columna única de unos 55 caracteres por línea, sin barra de navegación, pestañas ni elementos decorativos alrededor. La navegación Anterior/Siguiente permanece, para que nadie quede atrapado en una página sin medio de avanzar.
• Funcionamiento íntegro sin JavaScript; los scripts son solo mejoras progresivas.
• Ampliación de página hasta el 200% sin ruptura del contenido ni desplazamiento horizontal (WCAG 1.4.10 — reflujo). Lo mismo se verificó para las combinaciones del panel: los cuatro tamaños de texto sumados al interlineado, el espacio entre letras y las letras destacadas, en pantallas de 400 a 1280 píxeles de ancho.
• En los dos mayores tamaños de texto, la barra lateral del escritorio da paso a la barra superior con menú desplegable. La barra lateral y su panel ocupan un ancho que acompaña al tamaño del texto; mantenerla en esos pasos consumiría más de la mitad de una pantalla común y dejaría la columna de lectura demasiado estrecha.
• Objetivos táctiles de al menos 44×44 píxeles.
• Traducción automática a la lengua de señas brasileña mediante VLibras, herramienta oficial y gratuita del gobierno federal — en las páginas en portugués (véase "Limitaciones conocidas").
• Sitio en tres idiomas (portugués, inglés y español), con el atributo lang correcto en cada página y las versiones equivalentes declaradas en hreflang. El interruptor de idioma es un enlace, no un botón: funciona sin JavaScript, y su nombre accesible dice tanto el idioma actual como el destino ("Idioma actual: Portugués. Cambiar a English"), porque la sigla "PT" dibujada en el botón, por sí sola, no informa de ninguna de las dos cosas. Cada nombre de idioma lleva su propio lang, para que el lector de pantalla lo pronuncie con la fonética correcta.
• Texto alternativo cuidadoso en toda imagen de contenido; los ejemplos visuales tienen descripción textual visible, que enseña dos veces: por lo visual y por la descripción.

La relación entre este sitio y la Recomendación 09

La Recomendación 09 (Diseño del Recurso) se formuló para materiales didácticos — impresos y presentaciones. Este sitio, por ser un producto web, aplica sus principios (tipografía sin serifa, jerarquía clara, contraste alto, espaciado generoso) por medio de los estándares propios del medio digital: WCAG 2.2 y Material Design 3.

Tecnologías asistivas y verificaciones

El sitio se desarrolla y se verifica continuamente con: navegación exclusiva por teclado; lector de pantalla NVDA en Windows; ampliación del navegador al 200%; y simulación de las preferencias de movimiento reducido y de esquema de colores del sistema operativo. Los resultados de cada ronda de verificación actualizan esta declaración.

Limitaciones conocidas

• Las auditorías automatizadas (Lighthouse) señalan un contraste insuficiente en las simulaciones "No lo haga así" de los ejemplos. El señalamiento es correcto y el bajo contraste es deliberado: esas simulaciones son el propio contenido que demuestra la barrera descrita — corregirlas destruiría lo que enseñan. No las leen las tecnologías asistivas (están marcadas como decorativas) y lo que demuestran está descrito en texto visible a su lado, de modo que ninguna información depende de verlas. Fuera de esos ejemplos, las auditorías no registran fallos de contraste.
• No hay traducción a lengua de señas en las versiones en inglés y en español del sitio. VLibras traduce a Libras a partir de texto en portugués; activado en una página en español, señalaría palabra por palabra con el motor equivocado y produciría una traducción incorrecta — peor, para quien depende de ella, que la ausencia declarada. Por eso el botón de Libras existe únicamente en /pt. Un levantamiento realizado el 26/07/2026 no encontró un equivalente libre y oficial de VLibras para la lengua de señas americana (ASL) ni para la española (LSE): la única alternativa comercial cercana (Hand Talk) es de pago, anuncia ASL como recurso futuro y no ofrece LSE. La ausencia queda registrada aquí como una carencia declarada, no como un problema resuelto.
• VLibras es un servicio externo del gobierno federal brasileño: el widget y las traducciones no están bajo el control de este sitio, y su calidad puede variar.
• Los archivos para descargar (PDF accesible, EPUB, audio y versión lista para braille) aún no se han producido — la página de Materiales indica la situación de cada uno con transparencia.
• Las versiones en inglés y en español son traducciones de trabajo fieles de un texto escrito en portugués, producidas para este sitio y aún no revisadas por un(a) traductor(a) especialista externo(a). El portugués sigue siendo la versión canónica, y cada página de recomendación en los demás idiomas lo declara y enlaza a ella.
• Las verificaciones con VoiceOver (macOS e iOS) y TalkBack (Android) están planificadas, pero aún no se han realizado de forma sistemática.

¿Ha encontrado una barrera?

La accesibilidad es un proceso continuo. Si encuentra cualquier barrera en este sitio — de contraste o de navegación, de lector de pantalla o de lenguaje —, relátela por el formulario de comentarios, describiendo la página y el problema. Cada relato se comprueba y se responde.

Relatar una barrera de accesibilidad