https://a11ypro.tech/

{
  "url": "https://a11ypro.tech/",
  "timestamp": 1784268347368,
  "fetch": {
    "mode": "simple",
    "timeMs": 113,
    "htmlSizeBytes": 71091,
    "supportsMarkdown": false,
    "markdownAgents": {
      "contentNegotiation": false,
      "mdUrl": {
        "found": true,
        "url": "https://a11ypro.tech/index.md"
      },
      "linkTag": {
        "found": true,
        "url": "/index.md"
      },
      "linkHeader": {
        "found": false,
        "url": null
      },
      "responseHeaders": {
        "contentSignal": null,
        "xMarkdownTokens": null,
        "vary": "Accept-Encoding"
      },
      "frontmatter": {
        "present": false,
        "fields": [],
        "level": "none"
      },
      "level": "application"
    },
    "statusCode": 200
  },
  "extraction": {
    "title": "A11Y PRO | Accesibilidad Digital y Cumplimiento WCAG",
    "excerpt": "A11Y PRO: Ecosistema integral de accesibilidad digital. Transformamos la accesibilidad digital de una obligación legal a un estándar de excelencia.",
    "byline": null,
    "siteName": null,
    "lang": "es",
    "contentLength": 14150,
    "metadata": {
      "description": "A11Y PRO: Ecosistema integral de accesibilidad digital. Transformamos la accesibilidad digital de una obligación legal a un estándar de excelencia.",
      "ogTitle": "A11Y PRO | Accesibilidad Digital y Cumplimiento WCAG",
      "ogDescription": "A11Y PRO: Ecosistema integral de accesibilidad digital. Transformamos la accesibilidad digital de una obligación legal a un estándar de excelencia.",
      "ogImage": "https://a11ypro.tech/img/branding/A11Y-pro-og-image.jpeg",
      "ogType": "website",
      "canonical": "https://a11ypro.tech/",
      "lang": "es",
      "schemas": [
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "name": "A11Y PRO",
          "url": "https://a11ypro.tech",
          "logo": "https://a11ypro.tech/img/branding/A11Y-pro-light.webp",
          "description": "Ecosistema de accesibilidad digital. WCAG 2.2 y Resolución 1519.",
          "areaServed": "CO",
          "serviceType": "Consultoría de Accesibilidad Web"
        }
      ],
      "robotsMeta": null,
      "author": null,
      "generator": null,
      "markdownAlternateHref": "/index.md"
    }
  },
  "markdown": "## Ecosistema A11Y PRO: accesibilidad digital y cumplimiento normativo\n\nTransformamos la accesibilidad web de una obligación legal a una ventaja competitiva y un estándar de excelencia institucional. Garantizamos plataformas plenamente utilizables por todas las personas, incluyendo personas usuarias con discapacidades visuales, motoras o cognitivas.\n\n-   ### Exclusión ciudadana y pérdida de alcance\n\n    Millones de personas enfrentan barreras digitales que limitan su participación y el acceso a trámites y servicios esenciales.\n\n-   ### Carga operativa y desgaste en TI\n\n    La verificación manual tradicional requiere semanas de desarrollo, generando ineficiencias en los equipos de tecnología.\n\n-   ### Riesgo legal y sanciones de control\n\n    La falta de monitoreo continuo expone a su entidad a hallazgos disciplinarios y bajas calificaciones en los índices de gestión pública.\n\n-   ![A11Y PRO Design](https://a11ypro.tech/img/branding/A11Y-pro-desing-light.webp) ![A11Y PRO Design](https://a11ypro.tech/img/branding/A11Y-pro-desing-dark.webp)\n\n    Consultoría UX/UI especializada. Garantizamos que el diseño de sus plataformas nazca con accesibilidad nativa y total alineación al kit UI v9.2 del portal único GOV.CO, con arquitectos de diseño y desarrolladores expertos en Drupal.\n\n-   ![A11Y PRO Scanner](https://a11ypro.tech/img/branding/A11Y-pro-scanner-light.webp) ![A11Y PRO Scanner](https://a11ypro.tech/img/branding/A11Y-pro-scanner-dark.webp)\n\n    Plataforma avanzada de auditoría y monitoreo continuo. Rastrea automáticamente todo su dominio, detectando violaciones de código (WCAG 2.2) y generando reportes técnicos que guían la remediación definitiva.\n\n-   ![A11Y PRO Widget](https://a11ypro.tech/img/branding/A11Y-pro-widget-light.webp) ![A11Y PRO Widget](https://a11ypro.tech/img/branding/A11Y-pro-widget-dark.webp)\n\n    Panel interactivo de ajustes razonables en tiempo real. Más de 20 herramientas visuales, cognitivas y de navegación que personalizan la experiencia del ciudadano sin alterar el código base del sitio.\n\n-   ![A11Y PRO Academy](https://a11ypro.tech/img/branding/A11Y-pro-academy-light.webp) ![A11Y PRO Academy](https://a11ypro.tech/img/branding/A11Y-pro-academy-dark.webp)\n\n    Educación y certificación institucional. Cursos prácticos para capacitar a su talento humano en la creación, estructuración y programación de contenidos digitales accesibles desde el primer día.\n\n-   ![A11Y PRO Docs](https://a11ypro.tech/img/branding/A11Y-pro-docs-light.webp) ![A11Y PRO Docs](https://a11ypro.tech/img/branding/A11Y-pro-docs-dark.webp)\n\n    Auditoría y corrección automatizada de documentos descargables (PDF, word) para asegurar el estándar PDF/UA y su correcta legibilidad en lectores de pantalla.\n\n### Blindaje en evaluaciones de FURAG e ITA\n\nEvite sanciones y asegure el puntaje máximo en la **matriz ITA de la procuraduría general de la nación** y los reportes de **FURAG** gracias a evidencias y reportes históricos consolidados.\n\n### Eficiencia presupuestal\n\nDetectar los errores de raíz y corregirlos de forma temprana durante el ciclo de desarrollo disminuye radicalmente los costos de reparación y mantenimiento a largo plazo.\n\n### Monitoreo automatizado de alta velocidad\n\nEjecute análisis dinámicos recurrentes sobre todo su ecosistema web en cuestión de horas, con un rastreador inteligente que no impacta el rendimiento de sus servidores.\n\n### Automatización y Auditorías con IA\n\n**¿Cómo ayuda la Inteligencia Artificial a evaluar la accesibilidad web?**\n\nLa Inteligencia Artificial evalúa la accesibilidad web mediante el **escaneo automatizado** del código fuente para identificar barreras de interacción. Herramientas basadas en algoritmos detectan instantáneamente fallos críticos como la ausencia de textos alternativos, la falta de contraste cromático y errores en el etiquetado semántico de formularios, optimizando el tiempo de los equipos de desarrollo y QA.\n\nA través de la IA, los procesos de auditoría se potencian mediante:\n\n-   **Detección a gran escala:** Escaneo simultáneo de miles de subpáginas en busca de errores recurrentes.\n-   **Integración en CI/CD:** Automatización de pruebas de accesibilidad antes de desplegar actualizaciones de código.\n-   **Sugerencias automáticas:** Propuestas de corrección basadas en patrones previos de código accesible.\n\n**¿Puede la IA reemplazar por completo una auditoría de accesibilidad manual?**\n\nNo, la Inteligencia Artificial no puede reemplazar por completo una auditoría manual. Aunque la IA detecta de forma eficiente entre el 30% y el 50% de los errores automatizados, la experiencia de persona usuaria real requiere evaluación humana. Aspectos como la navegación lógica por teclado y la correcta interpretación de atributos dinámicos **WAI-ARIA** exigen una revisión experta.\n\n### Negocio, Normativa General y Ajustes Razonables\n\n**¿Qué exige la normativa actual sobre accesibilidad digital en el entorno laboral?**\n\nLas normativas globales exigen que todas las plataformas y herramientas digitales corporativas cuenten con **ajustes razonables**. Esto garantiza que las nuevas contrataciones de personas con discapacidad puedan interactuar con el software interno en igualdad de condiciones, mitigando riesgos legales y eliminando barreras de productividad en entornos corporativos.\n\nAl implementar accesibilidad digital por cumplimiento o legislación, las organizaciones aseguran:\n\n1.  **Inclusión laboral efectiva:** Intranets, CRMs y portales de capacitación utilizables por lectores de pantalla y teclados adaptados.\n2.  **Cumplimiento legal estricto:** Prevención de sanciones o disputas gremiales asociadas a la discriminación tecnológica.\n3.  **Diseño Universal:** Herramientas más intuitivas que benefician a toda la plantilla laboral, con o sin discapacidad.\n\n**¿Por qué es rentable invertir en accesibilidad digital y WCAG 2.2?**\n\nInvertir en accesibilidad digital bajo el estándar **WCAG 2.2** es rentable porque amplía el mercado direccionable, mejora drásticamente el SEO mediante código semántico limpio y robustece la reputación corporativa. Mitiga además los costos financieros derivados de demandas por discriminación digital y optimiza la usabilidad general del sitio, incrementando las tasas de conversión.\n\n### Frameworks, Código y Buenas Prácticas\n\n**¿Cómo influye el HTML semántico en la accesibilidad automatizada?**\n\nEl HTML semántico es la base de la accesibilidad digital ya que permite a los productos de apoyo (como los lectores de pantalla) comprender la estructura y el propósito de una página. Utilizar etiquetas correctas (como `<main>`, `<nav>`, `<button>`) asegura que la arquitectura de la información sea perfectamente legible tanto para personas usuarias con discapacidad como para los rastreadores de motores de búsqueda e IA.\n\n**¿Cuándo y cómo se deben implementar los atributos WAI-ARIA?**\n\nLos atributos **WAI-ARIA** se deben implementar únicamente cuando el HTML nativo no es suficiente para describir la accesibilidad de un componente dinámico. Se utilizan para comunicar estados, propiedades y relaciones complejas en la interfaz (como menús desplegables o modales), garantizando que las personas usuarias de tecnologías asistivas reciban actualizaciones en tiempo real del estado de la aplicación.\n\n### Gobierno Digital, Normativa Colombiana y Entidades Públicas\n\n**¿Es obligatoria la accesibilidad web para las entidades públicas en Colombia?**\n\nSí, la accesibilidad web es **estrictamente obligatoria** en Colombia desde el año 2021 para todas las entidades del Estado y particulares que cumplan funciones públicas. Este mandato está respaldado legalmente por la Ley 1712 de 2014, la **Resolución 1519 de 2020** de MinTIC, y normas locales como la NTC 5854, exigiendo el cumplimiento del estándar WCAG 2.1 en su nivel AA.\n\nEl marco regulatorio exige que todos los medios electrónicos estatales cumplan con los principios de accesibilidad:\n\n-   **Perceptible:** Información disponible para todos (alternativas textuales, contraste adecuado).\n-   **Operable:** Interfaces navegables (compatibilidad total con teclado, sin trampas de foco).\n-   **Comprensible:** Lenguaje claro y formularios con instrucciones y errores comprensibles.\n-   **Robusto:** Código limpio y compatible con tecnologías asistivas como lectores de pantalla.\n\n**¿Cómo evalúa la Matriz ITA de la Procuraduría la accesibilidad digital?**\n\nLa Matriz ITA ([**Índice de Transparencia y Acceso a la Información** (Abre en una nueva ventana)](https://www.procuraduria.gov.co/Pages/ita.aspx)) de la Procuraduría General de la Nación evalúa la accesibilidad digital a través de **32 criterios específicos** alineados con la Resolución 1519 de 2020. Este instrumento mide el cumplimiento de la transparencia activa y pasiva, obligando a las entidades a demostrar que sus sedes electrónicas son usables para ciudadanos con diversidad funcional.\n\nLos 32 criterios evaluados por el ente de control se dividen en cuatro componentes técnicos esenciales:\n\n1.  **Contenido Perceptible (CC1 a CC8):** Alternativas textuales para imágenes, subtítulos y descripciones en videos, contenido adaptable y contraste de color adecuado.\n2.  **Navegación y Operabilidad (CC9 a CC19):** Orden lógico de tabulación, foco visible al navegar por teclado, eliminación de elementos que causen parpadeo y control sobre contenido en movimiento.\n3.  **Comprensión del Contenido (CC20 a CC25):** Uso de lenguaje claro, consistencia en la identificación de elementos y ayudas contextuales o validaciones accesibles en formularios.\n4.  **Robustez Técnica (CC26 a CC32):** Uso de HTML semántico, compatibilidad con lectores de pantalla y accesibilidad en documentos descargables (PDF, Word, Excel).\n\n**¿Qué relación existe entre el FURAG y la accesibilidad web?**\n\nEl FURAG ([**Formulario Único de Reporte de Avances de la Gestión** (Abre en una nueva ventana)](https://furag.funcionpublica.gov.co/furag/#/)) se relaciona con la accesibilidad web al evaluar la política de **Gobierno Digital** del Ministerio de TIC dentro de la Medición del Desempeño Institucional. Aunque el FURAG mide la gestión general, todas las evidencias, reportes, páginas y documentos web que las entidades publiquen para este fin deben observar obligatoriamente los lineamientos de accesibilidad de la Resolución 1519.\n\n**¿Cómo debe una entidad presentar evidencias de accesibilidad ante la Procuraduría para el ITA?**\n\nPara cumplir con el ITA, las entidades no dependen de herramientas de escaneo automático, sino que deben publicar **[evidencia documental demostrable (Abre en una nueva ventana)](https://gobiernodigital.mintic.gov.co/portal/Mediciones/)** en sus portales de transparencia. La Procuraduría exige soportes verificables como Informes Técnicos de Accesibilidad, Declaraciones de Accesibilidad vigentes y Certificados de Cumplimiento que detallen las pruebas realizadas con personas usuarias y lectores de pantalla.\n\nLas evidencias críticas que soportan esta evaluación institucional incluyen:\n\n-   **Informes de evaluación:** Auditorías técnicas detalladas del comportamiento de la sede electrónica ante las pautas WCAG 2.1.\n-   **Soportes de interacción:** Evidencias explícitas de compatibilidad con lectores de pantalla y navegación completa usando exclusivamente el teclado.\n-   **Accesibilidad documental:** Certificaciones de que los archivos descargables (como PDFs de rendición de cuentas o trámites) cumplen con las etiquetas semánticas de accesibilidad.\n\n**¿Cuáles son los fallos de accesibilidad más comunes detectados en las auditorías estatales?**\n\nLas auditorías técnicas de entes de control revelan que los fallos más recurrentes en portales del Estado son los **focos poco visibles al tabular con el teclado**, la ausencia de alternativas textuales en imágenes y los elementos multimedia no seleccionables de forma accesible. Asimismo, se reportan de manera constante indicaciones poco claras o validaciones deficientes en formularios de atención al ciudadano.\n\n### Enfoque Shift-Left: accesibilidad desde la raíz\n\nContamos con **diseñadores especializados en el kit UI de GOV.CO** y con **expertos en UX y accesibilidad** que garantizan la conformidad desde la concepción de sus plataformas, asegurando que la inclusión nazca con el diseño y no como un parche posterior.\n\nY aunque dominamos los lineamientos del estado colombiano, **no trabajamos exclusivamente para entidades de gobierno**: acompañamos también a instituciones educativas y corporaciones.\n\n### Pruebas reales que superan a la automatización\n\nNuestro equipo de qa está integrado por **personas con algún grado de discapacidad** que prueban sus plataformas con tecnologías de asistencia reales. Su ejercicio manual va más allá de las baterías de pruebas que la IA y nuestras herramientas de automatización pueden revelar, detectando incidentes de accesibilidad que ningún escáner identifica. Y si su organización no cuenta con personal experto, nuestros **desarrolladores ajustan directamente las incidencias** detectadas.\n",
  "fullPageMarkdown": "A11Y PRO | accesibilidad digital y cumplimiento WCAG              [saltar al contenido principal](https://a11ypro.tech/#main-content)\n\n [![A11Y PRO](https://a11ypro.tech/img/branding/A11Y-pro-light.webp) ![A11Y PRO](https://a11ypro.tech/img/branding/A11Y-pro-dark.webp)](https://a11ypro.tech/)\n\n# Ecosistema A11Y PRO: accesibilidad digital y cumplimiento normativo\n\nTransformamos la accesibilidad web de una obligación legal a una ventaja competitiva y un estándar de excelencia institucional. Garantizamos plataformas plenamente utilizables por todas las personas, incluyendo personas usuarias con discapacidades visuales, motoras o cognitivas.\n\n[Solicitar demostración (Abre en una nueva ventana)](https://cal.com/a11y-pro/agenda) [Iniciar auditoría gratuita (Abre en una nueva ventana)](https://scanner.a11ypro.tech/dashboard/#/auth)\n\nAnimación decorativa de la marca A11Y PRO en bucle. Puede pausarse con el botón de control.\n\n## El costo oculto de la exclusión digital\n\nActualmente, el **96% de las páginas web** presentan fallas detectables de accesibilidad. Ignorar estas barreras genera consecuencias críticas para la gestión de su organización.\n\n-   ### Exclusión ciudadana y pérdida de alcance\n\n    Millones de personas enfrentan barreras digitales que limitan su participación y el acceso a trámites y servicios esenciales.\n\n-   ### Carga operativa y desgaste en TI\n\n    La verificación manual tradicional requiere semanas de desarrollo, generando ineficiencias en los equipos de tecnología.\n\n-   ### Riesgo legal y sanciones de control\n\n    La falta de monitoreo continuo expone a su entidad a hallazgos disciplinarios y bajas calificaciones en los índices de gestión pública.\n\n## Soluciones integrales para el ciclo de vida del software\n\nAbordamos la accesibilidad desde un enfoque unificado. Nuestras soluciones se complementan para garantizar la inclusión y el blindaje normativo en cada fase de sus proyectos digitales.\n\n-   ![A11Y PRO Design](https://a11ypro.tech/img/branding/A11Y-pro-desing-light.webp) ![A11Y PRO Design](https://a11ypro.tech/img/branding/A11Y-pro-desing-dark.webp)\n\n    Consultoría UX/UI especializada. Garantizamos que el diseño de sus plataformas nazca con accesibilidad nativa y total alineación al kit UI v9.2 del portal único GOV.CO, con arquitectos de diseño y desarrolladores expertos en Drupal.\n\n-   ![A11Y PRO Scanner](https://a11ypro.tech/img/branding/A11Y-pro-scanner-light.webp) ![A11Y PRO Scanner](https://a11ypro.tech/img/branding/A11Y-pro-scanner-dark.webp)\n\n    Plataforma avanzada de auditoría y monitoreo continuo. Rastrea automáticamente todo su dominio, detectando violaciones de código (WCAG 2.2) y generando reportes técnicos que guían la remediación definitiva.\n\n-   ![A11Y PRO Widget](https://a11ypro.tech/img/branding/A11Y-pro-widget-light.webp) ![A11Y PRO Widget](https://a11ypro.tech/img/branding/A11Y-pro-widget-dark.webp)\n\n    Panel interactivo de ajustes razonables en tiempo real. Más de 20 herramientas visuales, cognitivas y de navegación que personalizan la experiencia del ciudadano sin alterar el código base del sitio.\n\n-   ![A11Y PRO Academy](https://a11ypro.tech/img/branding/A11Y-pro-academy-light.webp) ![A11Y PRO Academy](https://a11ypro.tech/img/branding/A11Y-pro-academy-dark.webp)\n\n    Educación y certificación institucional. Cursos prácticos para capacitar a su talento humano en la creación, estructuración y programación de contenidos digitales accesibles desde el primer día.\n\n-   ![A11Y PRO Docs](https://a11ypro.tech/img/branding/A11Y-pro-docs-light.webp) ![A11Y PRO Docs](https://a11ypro.tech/img/branding/A11Y-pro-docs-dark.webp)\n\n    Auditoría y corrección automatizada de documentos descargables (PDF, word) para asegurar el estándar PDF/UA y su correcta legibilidad en lectores de pantalla.\n\n## ¿Qué valor generamos para su organización?\n\nAseguramos la autonomía total de las personas usuarias y la tranquilidad jurídica de las instituciones.\n\n01\n\n### Blindaje en evaluaciones de FURAG e ITA\n\nEvite sanciones y asegure el puntaje máximo en la **matriz ITA de la procuraduría general de la nación** y los reportes de **FURAG** gracias a evidencias y reportes históricos consolidados.\n\n02\n\n### Eficiencia presupuestal\n\nDetectar los errores de raíz y corregirlos de forma temprana durante el ciclo de desarrollo disminuye radicalmente los costos de reparación y mantenimiento a largo plazo.\n\n03\n\n### Monitoreo automatizado de alta velocidad\n\nEjecute análisis dinámicos recurrentes sobre todo su ecosistema web en cuestión de horas, con un rastreador inteligente que no impacta el rendimiento de sus servidores.\n\n## Observatorio de accesibilidad digital GOV.CO\n\nDatos reales de inclusión en colombia### El pulso de la inclusión en el estado colombiano\n\nConozca el impacto real de nuestra tecnología en el país. Monitoreamos de forma continua el ecosistema del estado colombiano para evaluar el cumplimiento de la **resolución 1519 de 2020 de MinTIC** y los estándares WCAG.\n\n![Observatorio de Accesibilidad Digital GOV.CO](https://a11ypro.tech/img/gov-co/logo-observatorio-gov-co.webp) ![Observatorio de Accesibilidad Digital GOV.CO](https://a11ypro.tech/img/gov-co/logo-observatorio-gov-co-white.webp)\n\nMonitoreo activo\n\n### Consulte el tablero completo del observatorio\n\nExplore el monitoreo continuo de más de **5.248 entidades** del estado, con cerca de **1 millón de barreras** indexadas y la evaluación bajo la **resolución 1519 de MinTIC de 2020**: distribución por departamentos, errores más recurrentes y diagnósticos por municipio.\n\n[Explorar datos en panel de analítica](https://a11ypro.tech/analitica#observatorio-section)\n\n## Preguntas Frecuentes sobre Accesibilidad Digital y Gobierno Digital\n\nRespuestas claras sobre auditorías con IA, normativas y cumplimiento para instituciones públicas y privadas.\n\n### Automatización y Auditorías con IA\n\n**¿Cómo ayuda la Inteligencia Artificial a evaluar la accesibilidad web?**\n\nLa Inteligencia Artificial evalúa la accesibilidad web mediante el **escaneo automatizado** del código fuente para identificar barreras de interacción. Herramientas basadas en algoritmos detectan instantáneamente fallos críticos como la ausencia de textos alternativos, la falta de contraste cromático y errores en el etiquetado semántico de formularios, optimizando el tiempo de los equipos de desarrollo y QA.\n\nA través de la IA, los procesos de auditoría se potencian mediante:\n\n-   **Detección a gran escala:** Escaneo simultáneo de miles de subpáginas en busca de errores recurrentes.\n-   **Integración en CI/CD:** Automatización de pruebas de accesibilidad antes de desplegar actualizaciones de código.\n-   **Sugerencias automáticas:** Propuestas de corrección basadas en patrones previos de código accesible.\n\n**¿Puede la IA reemplazar por completo una auditoría de accesibilidad manual?**\n\nNo, la Inteligencia Artificial no puede reemplazar por completo una auditoría manual. Aunque la IA detecta de forma eficiente entre el 30% y el 50% de los errores automatizados, la experiencia de persona usuaria real requiere evaluación humana. Aspectos como la navegación lógica por teclado y la correcta interpretación de atributos dinámicos **WAI-ARIA** exigen una revisión experta.\n\n### Negocio, Normativa General y Ajustes Razonables\n\n**¿Qué exige la normativa actual sobre accesibilidad digital en el entorno laboral?**\n\nLas normativas globales exigen que todas las plataformas y herramientas digitales corporativas cuenten con **ajustes razonables**. Esto garantiza que las nuevas contrataciones de personas con discapacidad puedan interactuar con el software interno en igualdad de condiciones, mitigando riesgos legales y eliminando barreras de productividad en entornos corporativos.\n\nAl implementar accesibilidad digital por cumplimiento o legislación, las organizaciones aseguran:\n\n1.  **Inclusión laboral efectiva:** Intranets, CRMs y portales de capacitación utilizables por lectores de pantalla y teclados adaptados.\n2.  **Cumplimiento legal estricto:** Prevención de sanciones o disputas gremiales asociadas a la discriminación tecnológica.\n3.  **Diseño Universal:** Herramientas más intuitivas que benefician a toda la plantilla laboral, con o sin discapacidad.\n\n**¿Por qué es rentable invertir en accesibilidad digital y WCAG 2.2?**\n\nInvertir en accesibilidad digital bajo el estándar **WCAG 2.2** es rentable porque amplía el mercado direccionable, mejora drásticamente el SEO mediante código semántico limpio y robustece la reputación corporativa. Mitiga además los costos financieros derivados de demandas por discriminación digital y optimiza la usabilidad general del sitio, incrementando las tasas de conversión.\n\n### Frameworks, Código y Buenas Prácticas\n\n**¿Cómo influye el HTML semántico en la accesibilidad automatizada?**\n\nEl HTML semántico es la base de la accesibilidad digital ya que permite a los productos de apoyo (como los lectores de pantalla) comprender la estructura y el propósito de una página. Utilizar etiquetas correctas (como `<main>`, `<nav>`, `<button>`) asegura que la arquitectura de la información sea perfectamente legible tanto para personas usuarias con discapacidad como para los rastreadores de motores de búsqueda e IA.\n\n**¿Cuándo y cómo se deben implementar los atributos WAI-ARIA?**\n\nLos atributos **WAI-ARIA** se deben implementar únicamente cuando el HTML nativo no es suficiente para describir la accesibilidad de un componente dinámico. Se utilizan para comunicar estados, propiedades y relaciones complejas en la interfaz (como menús desplegables o modales), garantizando que las personas usuarias de tecnologías asistivas reciban actualizaciones en tiempo real del estado de la aplicación.\n\n### Gobierno Digital, Normativa Colombiana y Entidades Públicas\n\n**¿Es obligatoria la accesibilidad web para las entidades públicas en Colombia?**\n\nSí, la accesibilidad web es **estrictamente obligatoria** en Colombia desde el año 2021 para todas las entidades del Estado y particulares que cumplan funciones públicas. Este mandato está respaldado legalmente por la Ley 1712 de 2014, la **Resolución 1519 de 2020** de MinTIC, y normas locales como la NTC 5854, exigiendo el cumplimiento del estándar WCAG 2.1 en su nivel AA.\n\nEl marco regulatorio exige que todos los medios electrónicos estatales cumplan con los principios de accesibilidad:\n\n-   **Perceptible:** Información disponible para todos (alternativas textuales, contraste adecuado).\n-   **Operable:** Interfaces navegables (compatibilidad total con teclado, sin trampas de foco).\n-   **Comprensible:** Lenguaje claro y formularios con instrucciones y errores comprensibles.\n-   **Robusto:** Código limpio y compatible con tecnologías asistivas como lectores de pantalla.\n\n**¿Cómo evalúa la Matriz ITA de la Procuraduría la accesibilidad digital?**\n\nLa Matriz ITA ([**Índice de Transparencia y Acceso a la Información** (Abre en una nueva ventana)](https://www.procuraduria.gov.co/Pages/ita.aspx)) de la Procuraduría General de la Nación evalúa la accesibilidad digital a través de **32 criterios específicos** alineados con la Resolución 1519 de 2020. Este instrumento mide el cumplimiento de la transparencia activa y pasiva, obligando a las entidades a demostrar que sus sedes electrónicas son usables para ciudadanos con diversidad funcional.\n\nLos 32 criterios evaluados por el ente de control se dividen en cuatro componentes técnicos esenciales:\n\n1.  **Contenido Perceptible (CC1 a CC8):** Alternativas textuales para imágenes, subtítulos y descripciones en videos, contenido adaptable y contraste de color adecuado.\n2.  **Navegación y Operabilidad (CC9 a CC19):** Orden lógico de tabulación, foco visible al navegar por teclado, eliminación de elementos que causen parpadeo y control sobre contenido en movimiento.\n3.  **Comprensión del Contenido (CC20 a CC25):** Uso de lenguaje claro, consistencia en la identificación de elementos y ayudas contextuales o validaciones accesibles en formularios.\n4.  **Robustez Técnica (CC26 a CC32):** Uso de HTML semántico, compatibilidad con lectores de pantalla y accesibilidad en documentos descargables (PDF, Word, Excel).\n\n**¿Qué relación existe entre el FURAG y la accesibilidad web?**\n\nEl FURAG ([**Formulario Único de Reporte de Avances de la Gestión** (Abre en una nueva ventana)](https://furag.funcionpublica.gov.co/furag/#/)) se relaciona con la accesibilidad web al evaluar la política de **Gobierno Digital** del Ministerio de TIC dentro de la Medición del Desempeño Institucional. Aunque el FURAG mide la gestión general, todas las evidencias, reportes, páginas y documentos web que las entidades publiquen para este fin deben observar obligatoriamente los lineamientos de accesibilidad de la Resolución 1519.\n\n**¿Cómo debe una entidad presentar evidencias de accesibilidad ante la Procuraduría para el ITA?**\n\nPara cumplir con el ITA, las entidades no dependen de herramientas de escaneo automático, sino que deben publicar **[evidencia documental demostrable (Abre en una nueva ventana)](https://gobiernodigital.mintic.gov.co/portal/Mediciones/)** en sus portales de transparencia. La Procuraduría exige soportes verificables como Informes Técnicos de Accesibilidad, Declaraciones de Accesibilidad vigentes y Certificados de Cumplimiento que detallen las pruebas realizadas con personas usuarias y lectores de pantalla.\n\nLas evidencias críticas que soportan esta evaluación institucional incluyen:\n\n-   **Informes de evaluación:** Auditorías técnicas detalladas del comportamiento de la sede electrónica ante las pautas WCAG 2.1.\n-   **Soportes de interacción:** Evidencias explícitas de compatibilidad con lectores de pantalla y navegación completa usando exclusivamente el teclado.\n-   **Accesibilidad documental:** Certificaciones de que los archivos descargables (como PDFs de rendición de cuentas o trámites) cumplen con las etiquetas semánticas de accesibilidad.\n\n**¿Cuáles son los fallos de accesibilidad más comunes detectados en las auditorías estatales?**\n\nLas auditorías técnicas de entes de control revelan que los fallos más recurrentes en portales del Estado son los **focos poco visibles al tabular con el teclado**, la ausencia de alternativas textuales en imágenes y los elementos multimedia no seleccionables de forma accesible. Asimismo, se reportan de manera constante indicaciones poco claras o validaciones deficientes en formularios de atención al ciudadano.\n\n## Validación humana experta\n\nSomos A11Y PRO. Sabemos que ninguna herramienta automatizada por sí sola garantiza la inclusión real; por ello, ponemos a su servicio un equipo humano hiper-Especializado que acompaña cada etapa, desde el diseño hasta la remediación del código.\n\n### Enfoque Shift-Left: accesibilidad desde la raíz\n\nContamos con **diseñadores especializados en el kit UI de GOV.CO** y con **expertos en UX y accesibilidad** que garantizan la conformidad desde la concepción de sus plataformas, asegurando que la inclusión nazca con el diseño y no como un parche posterior.\n\nY aunque dominamos los lineamientos del estado colombiano, **no trabajamos exclusivamente para entidades de gobierno**: acompañamos también a instituciones educativas y corporaciones.\n\n### Pruebas reales que superan a la automatización\n\nNuestro equipo de qa está integrado por **personas con algún grado de discapacidad** que prueban sus plataformas con tecnologías de asistencia reales. Su ejercicio manual va más allá de las baterías de pruebas que la IA y nuestras herramientas de automatización pueden revelar, detectando incidentes de accesibilidad que ningún escáner identifica. Y si su organización no cuenta con personal experto, nuestros **desarrolladores ajustan directamente las incidencias** detectadas.\n\n[Hablar con un experto (Abre en una nueva ventana)](https://cal.com/a11y-pro/agenda)\n",
  "markdownStats": {
    "images": 10,
    "links": 3,
    "tables": 0,
    "codeBlocks": 0,
    "headings": 13
  },
  "tokens": {
    "htmlTokens": 20525,
    "markdownTokens": 3367,
    "reduction": 17158,
    "reductionPercent": 84
  },
  "score": {
    "score": 90,
    "grade": "A",
    "rubricVersion": 2,
    "dimensions": {
      "accessibility": {
        "score": 88,
        "weight": 30,
        "grade": "B",
        "checks": {
          "content_without_js": {
            "score": 100,
            "weight": 55,
            "evidence": "proven",
            "details": "Content available without JavaScript"
          },
          "fast_content_position": {
            "score": 50,
            "weight": 25,
            "evidence": "plausible",
            "details": "Main content starts at 52% of HTML"
          },
          "reasonable_page_size": {
            "score": 100,
            "weight": 20,
            "evidence": "plausible",
            "details": "Page size: 69KB"
          }
        }
      },
      "aiDiscoverability": {
        "score": 85,
        "weight": 25,
        "grade": "B",
        "checks": {
          "robots_allows_ai_bots": {
            "score": 100,
            "weight": 35,
            "evidence": "proven",
            "details": "All major AI search bots allowed"
          },
          "supports_markdown_negotiation": {
            "score": 45,
            "weight": 20,
            "evidence": "plausible",
            "details": "Application level — .md URL (https://a11ypro.tech/index.md), <link> tag"
          },
          "has_sitemap": {
            "score": 100,
            "weight": 15,
            "evidence": "plausible",
            "details": "Sitemap found"
          },
          "has_robots_txt": {
            "score": 100,
            "weight": 10,
            "evidence": "plausible",
            "details": "robots.txt exists"
          },
          "has_llms_txt": {
            "score": 100,
            "weight": 10,
            "evidence": "speculative",
            "details": "llms.txt exists and is valid"
          },
          "has_content_signals": {
            "score": 60,
            "weight": 10,
            "evidence": "speculative",
            "details": "robots.txt: search=yes, ai-input=yes, ai-train=no"
          }
        }
      },
      "structuredData": {
        "score": 100,
        "weight": 20,
        "grade": "A",
        "checks": {
          "has_schema_org": {
            "score": 100,
            "weight": 35,
            "evidence": "proven",
            "details": "JSON-LD found: Organization"
          },
          "has_open_graph": {
            "score": 100,
            "weight": 20,
            "evidence": "plausible",
            "details": "All OG tags present"
          },
          "has_meta_description": {
            "score": 100,
            "weight": 20,
            "evidence": "plausible",
            "details": "Meta description: 147 chars"
          },
          "has_canonical_url": {
            "score": 100,
            "weight": 15,
            "evidence": "plausible",
            "details": "Canonical URL present"
          },
          "has_lang_attribute": {
            "score": 100,
            "weight": 10,
            "evidence": "plausible",
            "details": "lang=\"es\""
          }
        }
      },
      "semanticHtml": {
        "score": 90,
        "weight": 15,
        "grade": "A",
        "checks": {
          "proper_heading_hierarchy": {
            "score": 100,
            "weight": 30,
            "evidence": "plausible",
            "details": "Clean heading hierarchy"
          },
          "uses_article_or_main": {
            "score": 100,
            "weight": 25,
            "evidence": "plausible",
            "details": "Has <main>"
          },
          "semantic_elements": {
            "score": 60,
            "weight": 20,
            "evidence": "plausible",
            "details": "13 semantic elements, 59 divs (ratio: 18%)"
          },
          "meaningful_alt_texts": {
            "score": 88,
            "weight": 15,
            "evidence": "plausible",
            "details": "14/16 images with meaningful alt text"
          },
          "low_div_nesting": {
            "score": 100,
            "weight": 10,
            "evidence": "speculative",
            "details": "Avg div depth: 1.5, max: 3"
          }
        }
      },
      "contentEfficiency": {
        "score": 85,
        "weight": 10,
        "grade": "B",
        "checks": {
          "token_reduction_ratio": {
            "score": 100,
            "weight": 40,
            "evidence": "speculative",
            "details": "84% token reduction (HTML→Markdown)"
          },
          "content_to_noise_ratio": {
            "score": 50,
            "weight": 30,
            "evidence": "speculative",
            "details": "Content ratio: 19.9% (14150 content chars / 71091 HTML bytes)"
          },
          "reasonable_page_weight": {
            "score": 100,
            "weight": 20,
            "evidence": "speculative",
            "details": "HTML size: 69KB"
          },
          "minimal_inline_styles": {
            "score": 100,
            "weight": 10,
            "evidence": "speculative",
            "details": "0/384 elements with inline styles (0.0%)"
          }
        }
      }
    }
  },
  "recommendations": [
    {
      "id": "add_markdown_negotiation",
      "priority": "high",
      "category": "aiDiscoverability",
      "titleKey": "rec.add_markdown_negotiation.title",
      "descriptionKey": "rec.add_markdown_negotiation.description",
      "howToKey": "rec.add_markdown_negotiation.howto",
      "effort": "significant",
      "estimatedImpact": 2.8,
      "maxImpact": 5,
      "evidence": "plausible",
      "checkScore": 45,
      "checkDetails": "Application level — .md URL (https://a11ypro.tech/index.md), <link> tag"
    }
  ],
  "llmsTxtPreview": "# a11ypro.tech\n\n> A11Y PRO: Ecosistema integral de accesibilidad digital. Transformamos la accesibilidad digital de una obligación legal a un estándar de excelencia.\n\n## Main\n- [A11Y PRO | Accesibilidad Digital y Cumplimiento WCAG](https://a11ypro.tech/): A11Y PRO: Ecosistema integral de accesibilidad digital. Transformamos la accesibilidad digital de una obligación legal…\n- [Ecosistema](https://a11ypro.tech/ecosistema)\n- [Sectores](https://a11ypro.tech/sectores)\n- [Analítica](https://a11ypro.tech/analitica)\n- [Podcast](https://a11ypro.tech/podcast)\n- [Declaración de accesibilidad](https://a11ypro.tech/accesibilidad)\n\n## Blog\n- [Blog](https://a11ypro.tech/blog)\n\n",
  "llmsTxtExisting": "# a11ypro.tech\n\n> A11Y PRO: Ecosistema integral de accesibilidad digital. Transformamos la accesibilidad digital de una obligación legal a un estándar de excelencia.\n\n## Main\n- [A11Y PRO | Accesibilidad Digital y Cumplimiento WCAG](https://a11ypro.tech): A11Y PRO: Ecosistema integral de accesibilidad digital. Transformamos la accesibilidad digital de una obligación legal…\n- [Ecosistema](https://a11ypro.tech/ecosistema)\n- [Sectores](https://a11ypro.tech/sectores)\n- [Analítica](https://a11ypro.tech/analitica)\n- [Podcast](https://a11ypro.tech/podcast)\n- [Declaración de accesibilidad](https://a11ypro.tech/accesibilidad)\n\n## Blog\n- [Blog](https://a11ypro.tech/blog)",
  "emergingProtocols": {
    "oauthProtectedResource": {
      "exists": false,
      "url": "https://a11ypro.tech/.well-known/oauth-protected-resource"
    },
    "oauthDiscovery": {
      "exists": false,
      "url": "https://a11ypro.tech/.well-known/oauth-authorization-server"
    },
    "mcpServerCard": {
      "exists": false,
      "url": "https://a11ypro.tech/.well-known/mcp/server-card.json",
      "draft": true
    },
    "a2aAgentCard": {
      "exists": false,
      "url": "https://a11ypro.tech/.well-known/agent-card.json"
    },
    "count": 0,
    "total": 4
  },
  "botAccess": {
    "probed": true,
    "bot": "OAI-SearchBot",
    "controlStatus": 200,
    "botStatus": 200,
    "discriminates": false,
    "refusedAsBot": false,
    "edge": null,
    "verifiable": false,
    "detail": "This origin answers OAI-SearchBot exactly as it answers any other client (200). No edge-level filtering of AI crawlers observed."
  },
  "snippets": [
    {
      "id": "add_markdown_negotiation",
      "title": "Support Markdown for Agents",
      "description": "Let AI agents request a clean Markdown version of any page via content negotiation, .md alternate URLs, link tags or Link headers.",
      "language": "html",
      "code": "<!-- Mechanism 3: link tag advertising the .md alternate -->\n<link rel=\"alternate\" type=\"text/markdown\" href=\"/page.md\">",
      "filename": "<head>",
      "stacks": [
        {
          "id": "html",
          "label": "HTML <head>",
          "language": "html",
          "filename": "<head>",
          "code": "<!-- Mechanism 3: link tag advertising the .md alternate -->\n<link rel=\"alternate\" type=\"text/markdown\" href=\"/page.md\">"
        },
        {
          "id": "express",
          "label": "Express",
          "language": "javascript",
          "filename": "server.js",
          "code": "// Mechanisms 1 + 4: content negotiation + Link header\napp.get('/page', (req, res) => {\n  res.setHeader('Vary', 'Accept');\n  res.setHeader('Link', '</page.md>; rel=\"alternate\"; type=\"text/markdown\"');\n  if ((req.headers.accept || '').includes('text/markdown')) {\n    res.type('text/markdown; charset=utf-8');\n    return res.send(renderMarkdown('page'));\n  }\n  res.render('page');\n});"
        },
        {
          "id": "fastify",
          "label": "Fastify",
          "language": "javascript",
          "filename": "server.js",
          "code": "// Mechanisms 1 + 4: content negotiation + Link header\nfastify.get('/page', async (req, reply) => {\n  reply.header('Vary', 'Accept');\n  reply.header('Link', '</page.md>; rel=\"alternate\"; type=\"text/markdown\"');\n  if ((req.headers.accept || '').includes('text/markdown')) {\n    return reply.type('text/markdown; charset=utf-8').send(renderMarkdown('page'));\n  }\n  return reply.view('/page.ejs');\n});"
        },
        {
          "id": "nextjs",
          "label": "Next.js",
          "language": "typescript",
          "filename": "app/page/route.ts",
          "code": "// Next.js App Router — Route Handler returning Markdown\nimport { NextRequest } from 'next/server';\nimport { renderMarkdown } from '@/lib/md';\nexport async function GET(req: NextRequest) {\n  const accept = req.headers.get('accept') || '';\n  if (accept.includes('text/markdown')) {\n    return new Response(await renderMarkdown('page'), {\n      headers: {\n        'Content-Type': 'text/markdown; charset=utf-8',\n        'Vary': 'Accept',\n      },\n    });\n  }\n  // Fall through to the page component\n  return new Response(null, { status: 404 });\n}"
        },
        {
          "id": "wordpress",
          "label": "WordPress",
          "language": "php",
          "filename": "functions.php",
          "code": "<?php\n// Mechanism 1: respond to Accept: text/markdown on the same URL\nadd_action('template_redirect', function () {\n    if (!is_singular()) return;\n    $accept = $_SERVER['HTTP_ACCEPT'] ?? '';\n    if (strpos($accept, 'text/markdown') === false) return;\n    header('Content-Type: text/markdown; charset=utf-8');\n    header('Vary: Accept');\n    $post = get_queried_object();\n    echo \"# \" . get_the_title($post) . \"\\n\\n\";\n    echo wp_strip_all_tags(apply_filters('the_content', $post->post_content));\n    exit;\n});"
        },
        {
          "id": "static",
          "label": "Hugo / Jekyll / Astro",
          "language": "txt",
          "filename": "static/page.md",
          "code": "# Mechanism 2: serve .md alongside .html\n# Hugo: place page.md in /static/ — built unchanged\n# Jekyll: drop page.md in /assets/ — copied as-is\n# Astro: src/pages/page.md.ts that exports a GET returning markdown\n\n# Then advertise with mechanism 3 in <head>:\n#   <link rel=\"alternate\" type=\"text/markdown\" href=\"/page.md\">"
        }
      ]
    }
  ]
}

Use our API to get this programmatically (coming soon)