Una web puede verse bien y seguir siendo dif\u00edcil de usar. Basta con que el men\u00fa no se abra con teclado, que el texto se pierda sobre una foto o que el formulario no diga qu\u00e9 campo contiene un error. Son barreras que tambi\u00e9n afectan a clientes que usan el m\u00f3vil con prisa o necesitan ampliar la letra.<\/p>\n
No necesitas ser especialista para detectar algunas. Haz estas comprobaciones en la portada, una p\u00e1gina de servicio y contacto. Son un primer filtro, no una auditor\u00eda completa ni una declaraci\u00f3n de cumplimiento. La gu\u00eda de comprobaciones iniciales del W3C<\/a> explica por qu\u00e9 una p\u00e1gina puede superar pruebas r\u00e1pidas y seguir teniendo problemas.<\/p>\n Pulsa la tecla Tab desde el principio de la p\u00e1gina. Debes poder encontrar el men\u00fa, abrirlo, llegar a los enlaces y al formulario, y ver en todo momento d\u00f3nde est\u00e1 el foco. Si te quedas atrapado o un bot\u00f3n no responde, anota la p\u00e1gina y el paso exacto.<\/p>\n Aumenta el zoom del navegador. Comprueba que el texto sigue siendo legible y que puedes llegar al contenido sin perder botones o tener que desplazarte de lado a lado. Revisa especialmente texto sobre fotograf\u00edas, botones y mensajes de error: no basta con que se lean bien en tu pantalla de trabajo.<\/p>\n Lee solo los t\u00edtulos y subt\u00edtulos. \u00bfTe cuentan de qu\u00e9 trata la p\u00e1gina y en qu\u00e9 orden? Un encabezado debe describir el bloque que empieza, no elegirse por el tama\u00f1o de letra que trae de serie. Una estructura clara ayuda a recorrer el contenido sin leerlo de principio a fin.<\/p>\n Una captura que muestra un paso o una fotograf\u00eda que aporta informaci\u00f3n necesita una alternativa que transmita esa informaci\u00f3n. Una imagen decorativa, o una miniatura cuyo enlace ya tiene un nombre claro, puede llevar el texto alternativo vac\u00edo. El tutorial de im\u00e1genes del W3C<\/a> distingue ambos casos; repetir el t\u00edtulo de la p\u00e1gina en todas las fotos no ayuda.<\/p>\n \u00bfCada campo tiene una etiqueta visible? \u00bfSe entiende qu\u00e9 datos son obligatorios? Prueba un dato incorrecto y comprueba que el error se explica. Despu\u00e9s realiza un env\u00edo de prueba autorizado y verifica que aparece una confirmaci\u00f3n. El W3C recomienda asociar las etiquetas a los controles<\/a> para que puedan identificarse con teclado y tecnolog\u00edas de apoyo.<\/p>\n Abre la p\u00e1gina en un tel\u00e9fono. Intenta entender el servicio, abrir el men\u00fa y contactar sin ampliar la pantalla ni acertar sobre botones diminutos. Si una tarea que funciona en ordenador se rompe en m\u00f3vil, corrige esa tarea antes de a\u00f1adir efectos o nuevas secciones.<\/p>\n Apunta cada barrera con su direcci\u00f3n y una frase concreta: \u00abel men\u00fa no se abre con Tab\u00bb sirve m\u00e1s que \u00abla web no es accesible\u00bb. Empieza por los bloqueos que impiden conocer un servicio o enviar una consulta. Despu\u00e9s pide una revisi\u00f3n m\u00e1s amplia si necesitas evaluar la accesibilidad con rigor.<\/p>\n En Sarpanet revisamos navegaci\u00f3n, contenido y formularios al dise\u00f1ar o redise\u00f1ar webs para pymes y profesionales de Cantabria<\/a>. Si tu web actual tiene barreras que frenan una consulta, cu\u00e9ntanos qu\u00e9 ocurre<\/a> y vemos por d\u00f3nde empezar.<\/p>\n","protected":false},"excerpt":{"rendered":" Revisa navegaci\u00f3n con teclado, textos, im\u00e1genes y formularios para detectar barreras en la web de tu negocio. Una primera revisi\u00f3n, no una auditor\u00eda completa.<\/p>\n","protected":false},"author":1,"featured_media":3291,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,31],"tags":[],"class_list":["post-3290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-emprendimiento","category-internet"],"_links":{"self":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/3290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/comments?post=3290"}],"version-history":[{"count":2,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/3290\/revisions"}],"predecessor-version":[{"id":5182,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/3290\/revisions\/5182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/media\/3291"}],"wp:attachment":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/media?parent=3290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/categories?post=3290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/tags?post=3290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}1. Recorre la web sin rat\u00f3n<\/h2>\n
2. Ampl\u00eda el texto y mira el contraste<\/h2>\n
3. Comprueba el orden de los encabezados<\/h2>\n
4. Decide qu\u00e9 im\u00e1genes necesitan explicaci\u00f3n<\/h2>\n
5. Rellena y env\u00eda el formulario<\/h2>\n
6. Comprueba el mismo recorrido en m\u00f3vil<\/h2>\n
Qu\u00e9 hacer con lo que encuentres<\/h2>\n