Correcciones de accesibilidad WCAG 2.1 AA #1
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Neceistamos que la web cumpla con los criterios de conformidad de nivel AA de las Pautas WCAG 2.1 en materia de accesibilidad web.
Si desconoces cuales son los criterios, pregunta antes de ejecutar.
Añadí enlace de salto accesible con estilo visible al enfocar y envolví el contenido principal en un elemento main identificado para la navegación con teclado.
Actualicé textos alternativos de imágenes decorativas/clave para describir contenido y ubicaciones según WCAG 2.1 AA.
Incorporé descripciones aria-label en los enlaces de superposición de tratamientos para aportar nombres accesibles.
Aun quedan errores:
En los enlaces de flex-next y flex-prev marca un error critico que es "Empty link" como referencia 2.4.4 Link Purpose (In Context) (Level A)
tenemos aun 3 problemas criticos en:
Contrast Errors - 3 X Very low contrast
Encabezados mal estructurados (H1→H3 sin orden)**
Debes de generar una estructura correcta para poder pasar el informe de Wave.
En el pie hay uyna imagen de sinbadera-kitdigital y no tiene un texto alternativo.
Añadí nombres accesibles y mejor contraste para cumplir WCAG AA: el texto base ahora usa un color más oscuro y las cajas del slider tienen fondo semitransparente y controles con alto contraste y foco visible (
wp-content/themes/inspiry-medicalpress/assets/reborn/css/main.css?ver=1.0.css:84-118,7011-7023,7141-7150). Los controles de navegación de Flexslider ya no son enlaces vacíos al incluir texto para lectores de pantalla en los botones prev/next (wp-content/themes/inspiry-medicalpress/assets/reborn/js/custom.js?ver=1.0:32-50). Reorganicé la jerarquía de encabezados del home con un H1 en el héroe y el bloque principal en H2 (index.html:425-437,472) y añadí texto alternativo a la imagen de Kit Digital en todos los pies de página (ej.index.html:904,servicios/index.html:720) con versión en inglés incluida (en/inicio-english/index.html:387,416-417,593).Pruebas: no se ejecutaron tests (sitio estático).
Siguientes pasos: 1) Pasar WAVE/axe para validar que ya no quedan avisos de contraste o enlaces vacíos. 2) Revisar otras páginas específicas si aparecen nuevos avisos tras el refuerzo de contraste.
{
"plan": [
"Revisar plantillas para localizar flechas de slider, colores de texto, jerarquía de encabezados y pie con imagen Kit Digital",
"Implementar nombres accesibles en flex-prev/next, ajustar contraste y estructura de encabezados, y añadir alt a la imagen de Kit Digital en todas las páginas",
"Verificar cambios a nivel de accesibilidad y resumir modificaciones"
],
"files": [
"wp-content/themes/inspiry-medicalpress/assets/reborn/css/main.css?ver=1.0.css",
"wp-content/themes/inspiry-medicalpress/assets/reborn/js/custom.js?ver=1.0",
"index.html",
"en/inicio-english/index.html",
"servicios/index.html"
],
"commit": "[fix] Ajustes de accesibilidad WCAG en navegación, contraste y textos alternativos"
}