▸ ServiciosPaso 1 gratis

Vende revisiones de accesibilidad web: un informe de errores en 5 minutos con Pa11y

Instalas Pa11y, que revisa una web con las normas de accesibilidad WCAG y te lista cada fallo: imágenes sin texto alternativo, contrastes bajos, formularios sin etiqueta. Lo conviertes en un informe claro con tu IA y lo ofreces a negocios y webs que quieren que todo el mundo pueda usarlas.

Al terminar tendrás

  • Pa11y revisando cualquier web desde la terminal.
  • Un CSV con todos los fallos de varias páginas.
  • Un informe en lenguaje claro para el cliente, con prioridades.

En esta misión · 5 pasos · 21 min

  1. 1Instala Pa11y y revisa tu primera web5 min
  2. 2Elige el nivel de exigencia3 min
  3. 3El informe en una hoja de cálculo4 min
  4. 4Del CSV al informe para el cliente5 min
  5. 5Tu oferta de accesibilidad4 min

Lo que vas a usar

21 min €0 4 GB RAM · sin GPU macOS · Windows

Antes de empezar

  • Node.js (paso 1).
  • La dirección de una web pública para revisar (empieza por la tuya).

Necesitas además: Pa11y 10 necesita Node.js 22.13 o posterior.

  1. 1Paso 01 de 05 · ~5 min

    Instala Pa11y y revisa tu primera web

    Pones Node.js y Pa11y y le pasas una web.

    1. 1

      Abre la terminal. En Mac: pulsa Cmd+Espacio, escribe Terminal y pulsa Enter. En Windows: pulsa la tecla Windows, escribe PowerShell y pulsa Enter.

      TerminalmacOS
      $brew install node
    2. 2

      Cierra la terminal, ábrela y comprueba que tienes Node 22.13 o posterior; después instala Pa11y:

      Terminal
      $node --version
      $npm install -g pa11y
    3. 3

      Revisa una web (cambia la dirección por la que quieras):

      Terminal
      $pa11y https://www.w3.org/WAI/demos/bad/before/home.html

      Así debería verse

      Una lista de errores, avisos y notas, cada uno con su regla de WCAG, el elemento de la página y qué está mal.

      Truco

      🎉 Si ves la lista de errores, ¡nivel 1 superado! Esa página es una demo del W3C hecha a propósito con fallos.

    ¿Tu Mac dice «brew: command not found»? Instala Homebrew una vez

    Homebrew es el instalador de programas que usamos en todas las misiones de Mac. Pega esto en la Terminal (es el comando oficial de brew.sh). Te pedirá la contraseña del Mac: al escribirla no se ve nada, es normal.

    Instala HomebrewmacOS
    $/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

    Al terminar, copia y ejecuta las líneas que salen bajo «Next steps», cierra la Terminal y ábrela de nuevo. Comprueba con brew --version.

    Comprueba que funcionaPa11y enseña una lista de errores de la web que has pasado.

    Si algo falla (3)
    Sale «brew: command not found»
    Te falta Homebrew. Instálalo con el comando de su web oficial, brew.sh, cierra la terminal, ábrela otra vez y repite.
    En Windows dice que no reconoce el comando nuevo
    Cierra PowerShell y ábrelo otra vez: la ventana vieja no sabe que acabas de instalar algo. Si lo que no reconoce es winget, actualiza «Instalador de aplicación» desde Microsoft Store.
    Pa11y no arranca y habla de la versión de Node
    Actualiza Node: brew upgrade node en Mac o winget upgrade -e --id OpenJS.NodeJS.LTS en Windows.

    ¿Sigues atascado? Pregunta en la comunidad Avisar de un error en este paso

  2. Lo que desbloqueas

    4 pasos · 2 comandos · 1 prompt

    1. 2Elige el nivel de exigencia~3 min

      WCAG tiene tres niveles: A, AA y AAA. El que se pide casi siempre es AA.

      1 comando · comprobación incluida

    2. 3El informe en una hoja de cálculo~4 min

      Sacas los fallos en CSV para ordenarlos y contarlos.

      1 comando · comprobación incluida

    3. 4Del CSV al informe para el cliente~5 min

      Tu IA convierte la lista técnica en un informe con prioridades.

      1 prompt · comprobación incluida

    4. 5Tu oferta de accesibilidad~4 min

      Qué vendes, a quién y a qué precio.

    Pasos 2–5 con el plan Anual

Primeros logros

Ya lo tienes funcionando. Pruébalo con esto:

Explica el fallo

Convierte el error técnico en algo que entienda el dueño.

Prompt para tu IA

Explícame este error de accesibilidad de Pa11y como si se lo contara al dueño de una tienda, con un ejemplo de a quién afecta y cómo se arregla: [pega el error]

Prioriza

No todos los fallos pesan lo mismo.

Prompt para tu IA

Te paso los errores de accesibilidad de una web. Agrúpalos por tipo, ordénalos por cuánto afectan a los usuarios y dime qué arreglaría primero en una semana: [pega el CSV]

Siguiente nivel: web más rápida

Otro servicio para la misma web: hacer que cargue más rápido optimizando sus imágenes.

Siguiente misión

Cómo deshacerlo

Desinstala Pa11y con npm.

Quitar Pa11y
$npm uninstall -g pa11y

Haciendo esta misión juntos

Sé de los primeros en terminarla. Si te atascas, pregunta: quien ya la hizo te puede ayudar.

Logros recientes

Preguntas

Siguiente misión · Servicios que puedes vender · 9 de 30Haz que una web cargue más rápido convirtiendo sus fotos a WebP, y cóbralo como servicio
Tu progreso 0/5Paso 1 →