{"id":28784,"date":"2022-09-01T12:57:03","date_gmt":"2022-09-01T10:57:03","guid":{"rendered":"https:\/\/www.mtp.es\/?p=28784"},"modified":"2022-09-01T12:57:03","modified_gmt":"2022-09-01T10:57:03","slug":"cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/","title":{"rendered":"Cinco test de accesibilidad web que cualquiera puede hacer"},"content":{"rendered":"

El objetivo de realizar el test de accesibilidad web<\/em><\/strong><\/a> no es otro que el de ayudar a comprender al mayor porcentaje de personas como de f\u00e1cil podemos observar y resolver problemas de accesibilidad que perjudican a una importante parte de la poblaci\u00f3n.<\/p>\n

L\u00f3gicamente, en este art\u00edculo trataremos los test de accesibilidad online<\/em> <\/strong>m\u00e1s sencillos, pruebas que no requieren de conocimientos t\u00e9cnicos o de herramientas espec\u00edficas. Son test de accesibilidad web<\/em> para todo el mundo.<\/p>\n

\u00bfQu\u00e9 son los test de accesibilidad web?<\/strong><\/h2>\n

Antes de entrar directamente en materia, es importante saber qu\u00e9 estamos tratando. Por ello, podemos decir que los test de accesibilidad web, <\/em>que realiza MTP<\/strong> como parte importante del aseguramiento integral de negocios digitales<\/strong>, son pruebas que realizamos con el fin de poder asegurarnos de que todos los usuarios puedan acceder de forma sencilla e igualitaria a un sitio web<\/em>, una aplicaci\u00f3n, un documento PDF\u2026<\/p>\n

Estas comprobaciones de accesibilidad, por norma general, se pueden hacer de forma manual o de forma autom\u00e1tica. Cuando realizamos test de accesibilidad autom\u00e1ticos utilizamos una serie de herramientas validadas seg\u00fan los criterios de accesibilidad del W3C, <\/strong>que nos ofrece una lista de estas herramientas autom\u00e1ticas.<\/a><\/p>\n

Pero como hemos dicho antes, en esta ocasi\u00f3n no vamos a utilizar herramientas autom\u00e1ticas, por lo que a continuaci\u00f3n iremos viendo pruebas manuales que depender\u00e1n de nuestra destreza.<\/p>\n

1.- Teclado <\/strong><\/h2>\n

Nuestro principal objetivo dentro de los test relacionados con el teclado es hacer que toda la funcionalidad de un sitio web<\/em> est\u00e9 disponible a trav\u00e9s del teclado.<\/p>\n

Comprueba el foco visible del teclado<\/strong><\/h3>\n

Si optamos por navegar por el sitio web<\/em> con el teclado, deberemos tener una se\u00f1al o foco que nos advierta de en qu\u00e9 lugar nos encontramos.<\/p>\n

El foco del teclado deber\u00e1 ser lo suficientemente visible para que el usuario tenga claro con qu\u00e9 elemento est\u00e1 interactuando. Este foco suele mostrar un recuadro visible sobre el elemento que lo recibe.<\/p>\n

Comprueba si con el teclado puedes acceder a los diferentes elementos interactivos que tenga un sitio web y si tienen un foco visible. Hay dos comandos que son clave:<\/p>\n

– TAB: nos permitir\u00e1 avanzar por la p\u00e1gina.<\/p>\n

– SHIFT + TAB: nos permitir\u00e1 retroceder por la p\u00e1gina.<\/p>\n

Este test de accesibilidad web hace referencia al criterio 2.4.7 Foco visible<\/strong><\/a> de la WCAG.<\/p>\n

\"pruebas<\/p>\n

Ejemplo de la p\u00e1gina web de Renfe, donde vemos el foco visible en \u201cViajar\u201d.<\/em><\/p>\n

2.- Navegable<\/strong><\/h2>\n

Debemos proporcionar formas de ayudar a los usuarios a navegar, encontrar contenido y determinar d\u00f3nde se encuentran. Para algunas personas estas tareas pueden ser realmente dif\u00edciles, sobre todo para usuarios con discapacidad cognitiva o aquellos que utilizan un lector de pantalla.<\/p>\n

\u00bfEl t\u00edtulo de la p\u00e1gina web es descriptivo?<\/strong><\/h3>\n

Los t\u00edtulos de las p\u00e1ginas web<\/em> deben ser suficientemente descriptivos para que, por ejemplo, los usuarios que utilicen un lector de pantalla obtengan una descripci\u00f3n acertada de d\u00f3nde se encuentran y qu\u00e9 deben esperar de la p\u00e1gina.<\/p>\n

La forma de comprobar este test es realmente f\u00e1cil. Accedemos a una p\u00e1gina web<\/em> que nos interese y nos tendremos que fijar en la pesta\u00f1a del navegador.<\/p>\n

En esta pesta\u00f1a es donde podremos ver el t\u00edtulo de la p\u00e1gina y podremos saber si es suficientemente descriptivo o no.<\/p>\n

\"\"<\/p>\n

Ejemplo de t\u00edtulo descriptivo de la p\u00e1gina web del Banco Santander.<\/em><\/p>\n

Este test de accesibilidad web hace referencia al criterio 2.4.2 T\u00edtulos de p\u00e1gina<\/a><\/strong> de la WCAG.<\/p>\n

3.- Distinguible<\/strong><\/h2>\n

Nuestra tarea ser\u00e1 la de facilitar a los usuarios ver y escuchar contenido, un contenido que se debe presentar sin p\u00e9rdida de informaci\u00f3n o funcionalidad en diferentes contextos, dependiendo de las necesidades del usuario.<\/p>\n

Ampl\u00eda el zoom del navegador y comprueba que no se pierde informaci\u00f3n<\/strong><\/h3>\n

Es posible que las personas con alg\u00fan tipo de problema de visi\u00f3n necesiten ver la p\u00e1gina de una pantalla m\u00e1s grande o quiz\u00e1s, personas con movilidad reducida necesiten cambiar la orientaci\u00f3n de la pantalla para agrandar los elementos.<\/p>\n

Por ello, los dise\u00f1os deben ser flexibles y adaptarse a las diferentes orientaciones y tama\u00f1os que toda persona los pueda utilizar; es lo que se conoce como Responsive Design<\/em><\/a>.<\/em><\/strong><\/p>\n

Para comprobar que un sitio web<\/em> es flexible y se adapta a diferentes tama\u00f1os solamente tendremos que utilizar el zoom<\/em> del navegador. Para ello, tenemos dos opciones: pulsar Ctrl y + para aumentar y Ctrl y \u2013 para disminuir, o tambi\u00e9n podemos ir directamente a las opciones del navegador y aumentar o disminuir el zoom con el rat\u00f3n.<\/p>\n

\"test<\/p>\n

Ejemplo de imagen de c\u00f3mo activar el zoom del navegador.<\/em><\/p>\n

Aumenta el zoom<\/em> de una p\u00e1gina cualquiera hasta 200% y 400% y comprueba si puedes navegar sin problemas y que el contenido sea el mismo. Accede tambi\u00e9n desde tu m\u00f3vil y comprueba si la orientaci\u00f3n de la pantalla es correcta.<\/p>\n

Este test de accesibilidad web<\/strong> hace referencia al criterio 1.4.10 Reajuste de los elementos<\/a><\/strong> de la WCAG.<\/p>\n

4.- Medios tempodependientes<\/strong><\/h2>\n

Debemos proporcionar alternativas para los elementos multimedia que contengan audio, v\u00eddeo o audio y v\u00eddeo.<\/p>\n

V\u00eddeos con subt\u00edtulos<\/strong><\/h3>\n

Los subt\u00edtulos son de gran ayuda para personas sordas o con problemas de audici\u00f3n, pero no solamente son utilizados por personas con alg\u00fan tipo de disfunci\u00f3n auditiva. Cualquier persona, tenga discapacidad o no, podr\u00e1 utilizar los subt\u00edtulos en un momento determinado en el que no sea capaz de escuchar bien el contenido sonoro de un v\u00eddeo.<\/p>\n

Quiz\u00e1s, este caso sea uno de los test m\u00e1s f\u00e1ciles de probar, porque, seguramente, en alguna ocasi\u00f3n ya lo habremos hecho.<\/p>\n

Lo \u00fanico que tenemos que hacer es buscar un v\u00eddeo en un sitio web<\/em> y comprobar que tenga la presencia de subt\u00edtulos, si son realmente necesarios.<\/p>\n

\"accesibilidad<\/p>\n

Ejemplo de una noticia de El Pa\u00eds en el que el tr\u00e1iler de una pel\u00edcula viene sin subt\u00edtulos.<\/em><\/p>\n

Este test de accesibilidad web hace referencia al criterio 1.2.2 Subt\u00edtulos<\/a><\/strong> de la WCAG.<\/p>\n

5.- Tiempo suficiente<\/strong><\/h2>\n

Tenemos que proporcionar a los usuarios suficiente tiempo para leer y utilizar el contenido. No podemos asumir que todas las personas van a necesitar el mismo tiempo para finalizar una tarea;es por eso por lo que tenemos que ofrecer tiempos laxos y flexibles para que no haya problemas de tiempo a la hora de finalizar una tarea.<\/p>\n

\u00bfMe avisa cuando se acaba mi sesi\u00f3n?<\/strong><\/h3>\n

No requerir l\u00edmites de tiempo no siempre es posible: hay motivos de seguridad que nos obligan a instaurar ciertos l\u00edmites de tiempo. Por ejemplo, si entramos en nuestro banco y estamos unos minutos inactivos, por cuestiones de seguridad la sesi\u00f3n se cerrar\u00e1.<\/p>\n

Para solventar los problemas de accesibilidad que puede ocasionar esta pr\u00e1ctica se ha normalizado el uso de un aviso antes de cerrar la sesi\u00f3n, donde te da la opci\u00f3n de cerrar o extender la sesi\u00f3n.<\/p>\n

De esta manera, estamos ofreciendo al usuario la posibilidad de seguir dentro de la sesi\u00f3n.<\/p>\n

Comprueba la presencia de un l\u00edmite de tiempo y si hay opci\u00f3n de extenderlo en p\u00e1ginas que lo requieran, como: bancos, compra de entradas, billetes de avi\u00f3n\u2026<\/p>\n

\"\"<\/p>\n

Ejemplo de desconexi\u00f3n por inactivad del Banco Santander<\/em><\/p>\n

 <\/p>\n

Realizar estos cinco test de accesibilidad web<\/em> no nos llevar\u00e1 mucho tiempo y nos ayudar\u00e1 a poder identificar algunos problemas de accesibilidad<\/strong>.<\/p>\n

Tambi\u00e9n nos pondremos en la piel de las personas que se ven afectadas por los numerosos problemas de accesibilidad que hay en los sitios web<\/em> y concienciarnos <\/strong>de que, con un peque\u00f1o esfuerzo, podemos mejorar la forma de acceder a Internet de muchas personas.<\/p>\n

 <\/p>\n

Alejandro Montes del Vigo<\/strong><\/p>\n

Consultor\u00eda UX<\/a> de MTP<\/p>\n","protected":false},"excerpt":{"rendered":"

Si escogemos un sitio web de forma aleatoria observaremos c\u00f3mo existen muchos test de accesibilidad web que podemos realizar sin gran complicaci\u00f3n en unos pocos minutos. Nuestro objetivo con este art\u00edculo es mostrar al menos cinco test de accesibilidad online f\u00e1ciles y r\u00e1pidos que cualquier persona puede realizar para, de esta forma, obtener un primer acercamiento sobre el nivel de accesibilidad de esos contenidos digitales.<\/p>\n","protected":false},"author":9,"featured_media":28782,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[205],"tags":[],"class_list":["post-28784","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accesibilidad-digital-y-ux"],"acf":[],"yoast_head":"\n5 tests de accesibilidad web que puedes hacer | MTP<\/title>\n<meta name=\"description\" content=\"En tan s\u00f3lo 5 pasos podr\u00e1s comprobar la usabilidad y experiencia de usuario de tu web, identificando los problemas m\u00e1s comunes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 tests de accesibilidad web que puedes hacer | MTP\" \/>\n<meta property=\"og:description\" content=\"En tan s\u00f3lo 5 pasos podr\u00e1s comprobar la usabilidad y experiencia de usuario de tu web, identificando los problemas m\u00e1s comunes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-01T10:57:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2022\/09\/MTP_Blog-test-accesibilidad-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"MTP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MTP\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 tests de accesibilidad web que puedes hacer | MTP","description":"En tan s\u00f3lo 5 pasos podr\u00e1s comprobar la usabilidad y experiencia de usuario de tu web, identificando los problemas m\u00e1s comunes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/","og_locale":"es_ES","og_type":"article","og_title":"5 tests de accesibilidad web que puedes hacer | MTP","og_description":"En tan s\u00f3lo 5 pasos podr\u00e1s comprobar la usabilidad y experiencia de usuario de tu web, identificando los problemas m\u00e1s comunes.","og_url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2022-09-01T10:57:03+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2022\/09\/MTP_Blog-test-accesibilidad-web.jpg","type":"image\/jpeg"}],"author":"MTP","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"MTP","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"Cinco test de accesibilidad web que cualquiera puede hacer","datePublished":"2022-09-01T10:57:03+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/"},"wordCount":1318,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2022\/09\/MTP_Blog-test-accesibilidad-web.jpg","articleSection":["Accesibilidad digital y UX"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/","url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/","name":"5 tests de accesibilidad web que puedes hacer | MTP","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2022\/09\/MTP_Blog-test-accesibilidad-web.jpg","datePublished":"2022-09-01T10:57:03+00:00","description":"En tan s\u00f3lo 5 pasos podr\u00e1s comprobar la usabilidad y experiencia de usuario de tu web, identificando los problemas m\u00e1s comunes.","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2022\/09\/MTP_Blog-test-accesibilidad-web.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2022\/09\/MTP_Blog-test-accesibilidad-web.jpg","width":1920,"height":1080,"caption":"test de accesibilidad web"},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Cinco test de accesibilidad web que cualquiera puede hacer"}]},{"@type":"WebSite","@id":"https:\/\/mtp.global\/es\/#website","url":"https:\/\/mtp.global\/es\/","name":"MTP Global","description":"","publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mtp.global\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mtp.global\/es\/#organization","name":"MTP Global","url":"https:\/\/mtp.global\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","width":1200,"height":400,"caption":"MTP Global"},"image":{"@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813","name":"MTP","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","caption":"MTP"},"url":"https:\/\/mtp.global\/es\/blog\/author\/marketing\/"}]}},"fimg_url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2022\/09\/MTP_Blog-test-accesibilidad-web.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/28784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/comments?post=28784"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/28784\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/28782"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=28784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=28784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=28784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}