[{"data":1,"prerenderedAt":71},["ShallowReactive",2],{"article-la-importancia-de-la-accesibilidad-en-el-diseno-y-desarrollo-de-software":3},{"editorial_managed":4,"editorial_preview":5,"editorial_type":6,"title":7,"slug":8,"href":9,"description":10,"category":11,"category_slug":12,"author":13,"date":14,"updated_at":15,"read_time":16,"cover_image":17,"cover_alt":18,"cover_width":19,"cover_height":20,"cover_small":18,"social_alt":18,"preview_image":17,"social_image":17,"social_width":19,"social_height":20,"social_type":21,"seo_title":7,"seo_description":10,"html":22,"toc":23,"related":42,"tags":58},true,false,"Guía práctica","Cómo revisar la accesibilidad de un sitio web","la-importancia-de-la-accesibilidad-en-el-diseno-y-desarrollo-de-software","\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-la-accesibilidad-en-el-diseno-y-desarrollo-de-software","Revisa la accesibilidad de un sitio para que más personas puedan leer, navegar y completar tareas, incluido el uso de teclado y tecnologías de asistencia.","Experiencia digital","experiencia-digital","Acinsoft","2023-03-19 07:55:12","2026-09-17 00:00:00",2,"\u002Fimages\u002Feditorial-20260913\u002F058-social.jpg","",1200,630,"image\u002Fjpeg","\u003Cp class=\"lead\">La accesibilidad permite que más personas lean, naveguen y completen tareas, incluidas quienes utilizan teclado o tecnologías de asistencia. También revela obstáculos que una revisión sólo visual puede pasar por alto.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-1\">Empieza por una tarea completa\u003C\u002Fh2>\u003Cp>Prueba encontrar un servicio y solicitar información sin usar el ratón. Observa si el foco se ve, si el orden tiene sentido y si puedes salir de menús o cuadros abiertos. No basta con que la portada se vea bien.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-2\">Revisa los elementos que suelen detener al visitante\u003C\u002Fh2>\u003Cul>\u003Cli>Campos sin etiqueta o instrucciones que desaparecen.\u003C\u002Fli>\u003Cli>Errores indicados únicamente con color.\u003C\u002Fli>\u003Cli>Enlaces cuyo texto no explica el destino.\u003C\u002Fli>\u003Cli>Imágenes informativas sin una alternativa textual útil.\u003C\u002Fli>\u003Cli>Texto o controles que dejan de funcionar al ampliar la página.\u003C\u002Fli>\u003C\u002Ful>\u003Cp>Las imágenes decorativas no necesitan una descripción que repita el título. Las capturas que explican una acción sí necesitan contexto equivalente en el texto.\u003C\u002Fp>\u003Cp>W3C documenta cómo organizar etiquetas, instrucciones y notificaciones en formularios. \u003Ca href=\"https:\u002F\u002Fwww.w3.org\u002FWAI\u002Ftutorials\u002Fforms\u002F\" target=\"_blank\" rel=\"noopener noreferrer\">Tutorial de formularios accesibles\u003C\u002Fa>.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-3\">Combina revisión automática y manual\u003C\u002Fh2>\u003Cp>Una herramienta puede detectar determinados problemas, pero no demostrar por sí sola que toda la experiencia es accesible. Revisa lectura, navegación y ejecución de tareas. Cuando sea posible, incorpora pruebas con personas que utilicen tecnologías de asistencia.\u003C\u002Fp>\u003Ch2 id=\"articulo-seccion-4\">Ordena las correcciones por impacto\u003C\u002Fh2>\u003Cp>Atiende primero lo que impide completar una tarea importante. Registra la pantalla, el obstáculo y la comprobación de la corrección. Evita declarar cumplimiento completo basándote únicamente en una puntuación automática; una evaluación formal requiere un alcance y criterios definidos.\u003C\u002Fp>\n\n\u003Ch2 id=\"articulo-seccion-5\">Registra el obstáculo y una comprobación de salida\u003C\u002Fh2>\u003Cdiv class=\"table-wrap\">\u003Ctable tabindex=\"0\" aria-label=\"Tabla de referencia\">\u003Ccaption>Muestra de revisión manual; no sustituye una evaluación WCAG completa\u003C\u002Fcaption>\u003Cthead>\u003Ctr>\u003Cth scope=\"col\">Tarea\u003C\u002Fth>\u003Cth scope=\"col\">Qué observar\u003C\u002Fth>\u003Cth scope=\"col\">Comprobación posterior\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Llegar al contacto con Tab\u003C\u002Ftd>\u003Ctd>Foco visible y orden entendible.\u003C\u002Ftd>\u003Ctd>Se puede entrar, actuar y salir sin ratón.\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Corregir un formulario\u003C\u002Ftd>\u003Ctd>Etiqueta persistente y error explicado con texto.\u003C\u002Ftd>\u003Ctd>Se entiende qué corregir sin depender del color.\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Leer con ampliación\u003C\u002Ftd>\u003Ctd>Contenido y controles sin solapamientos.\u003C\u002Ftd>\u003Ctd>La acción sigue disponible al ampliar.\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Fdiv>\u003Cp>Registra URL, navegador, tamaño de pantalla, secuencia de pasos y resultado. Un contraste suficiente no corrige un campo sin etiqueta y una etiqueta correcta no elimina una trampa de teclado. Conserva ambas clases de observación para verificar la reparación específica.\u003C\u002Fp>\n\u003Cp>Para profundizar en las tareas relacionadas: \u003Ca href=\"\u002Fes-mx\u002Frecursos\u002Fcomo-mejorar-la-conversion-en-su-sitio-web\" rel=\"noopener noreferrer\">Cómo mejorar un formulario para recibir más consultas\u003C\u002Fa>; \u003Ca href=\"\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-tener-un-diseno-responsivo-para-su-sitio-web\" rel=\"noopener noreferrer\">Qué hace que un sitio funcione bien en el celular\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cdiv class=\"cta\">\u003Ch2 id=\"articulo-seccion-6\">¿Quieres aplicar esto en tu sitio?\u003C\u002Fh2>\u003Cp>Comparte la página y lo que necesitas resolver. La conversación puede empezar por identificar el cambio que tendría más utilidad.\u003C\u002Fp>\u003Ca href=\"\u002Fes-mx\u002Fcontacto\" rel=\"noopener noreferrer\">Solicitar orientación\u003C\u002Fa>\u003C\u002Fdiv>\n",[24,27,30,33,36,39],{"id":25,"title":26},"articulo-seccion-1","Empieza por una tarea completa",{"id":28,"title":29},"articulo-seccion-2","Revisa los elementos que suelen detener al visitante",{"id":31,"title":32},"articulo-seccion-3","Combina revisión automática y manual",{"id":34,"title":35},"articulo-seccion-4","Ordena las correcciones por impacto",{"id":37,"title":38},"articulo-seccion-5","Registra el obstáculo y una comprobación de salida",{"id":40,"title":41},"articulo-seccion-6","¿Quieres aplicar esto en tu sitio?",[43,51],{"editorial_managed":4,"editorial_preview":5,"editorial_type":44,"title":45,"slug":46,"href":47,"description":48,"category":11,"category_slug":12,"author":13,"date":49,"updated_at":15,"read_time":16,"cover_image":50,"cover_alt":18,"cover_width":19,"cover_height":20,"cover_small":18,"social_alt":18,"preview_image":50,"social_image":50,"social_width":19,"social_height":20,"social_type":21,"seo_title":45,"seo_description":48},"Explicación","Qué hace que un sitio funcione bien en el celular","la-importancia-de-tener-un-diseno-responsivo-para-su-sitio-web","\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-tener-un-diseno-responsivo-para-su-sitio-web","Comprueba si un sitio conserva la lectura y las acciones importantes en el celular, además de ajustar el tamaño de sus elementos a la pantalla.","2023-04-06 17:00:00","\u002Fimages\u002Feditorial-20260913\u002F067-social.jpg",{"editorial_managed":4,"editorial_preview":5,"editorial_type":6,"title":52,"slug":53,"href":54,"description":55,"category":11,"category_slug":12,"author":13,"date":56,"updated_at":15,"read_time":16,"cover_image":57,"cover_alt":18,"cover_width":19,"cover_height":20,"cover_small":18,"social_alt":18,"preview_image":57,"social_image":57,"social_width":19,"social_height":20,"social_type":21,"seo_title":52,"seo_description":55},"Cómo organizar las consultas que llegan por el sitio","la-importancia-de-tener-un-buen-servicio-de-atencion-al-cliente-en-linea","\u002Fes-mx\u002Frecursos\u002Fla-importancia-de-tener-un-buen-servicio-de-atencion-al-cliente-en-linea","Organiza las consultas recibidas por el sitio con información útil, responsables y seguimiento para que cada contacto pueda avanzar hacia una respuesta.","2023-03-09 11:55:00","\u002Fimages\u002Feditorial-20260913\u002F065-social.jpg",[59,61,64,67,69],{"name":60,"slug":60},"accesibilidad",{"name":62,"slug":63},"diseño inclusivo","diseno-inclusivo",{"name":65,"slug":66},"experiencia de usuario","experiencia-de-usuario",{"name":68,"slug":68},"software",{"name":70,"slug":70},"wcag",1791093714118]