{"id":30473,"date":"2023-08-24T15:00:13","date_gmt":"2023-08-24T13:00:13","guid":{"rendered":"https:\/\/www.mtp.es\/?p=30473"},"modified":"2023-08-24T15:00:13","modified_gmt":"2023-08-24T13:00:13","slug":"ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/","title":{"rendered":"Ejemplos de accesibilidad web: c\u00f3mo mejorar la accesibilidad de sitios web y aplicaciones"},"content":{"rendered":"

En MTP consideramos la accesibilidad web<\/strong><\/a> como una parte muy importante, y totalmente necesaria, del objetivo gen\u00e9rico de facilitar una experiencia de usuario (UX) satisfactoria. Entendemos la accesibilidad web como las condiciones que ofrece un sitio web o aplicaci\u00f3n m\u00f3vil, para que cualquier persona, independientemente de sus condiciones, pueda acceder a sus contenidos y funcionalidades.
\nEsa accesibilidad se consigue trabajando desde el dise\u00f1o inicial hasta la puesta en producci\u00f3n de un sitio web o aplicaci\u00f3n. MTP, a trav\u00e9s de su departamento de UX, puede ayudar a conseguir que, cuando se parte de cero, ese dise\u00f1o inicial responda a todas las normativas de obligado cumplimiento y a los est\u00e1ndares que recogen las pautas de accesibilidad. Adem\u00e1s, MTP es experta en auditor\u00edas web y app para comprobar si se cumplen los criterios de la EN 301549 V3.2.1 y en caso de no cumplirse, establecer c\u00f3mo corregirlo.<\/p>\n

En este post, vamos a enumerar algunos ejemplos de acciones que pueden mejorar y asegurar la accesibilidad web, respaldadas por los est\u00e1ndares y mejores pr\u00e1cticas en la materia, desde una perspectiva de dise\u00f1o y usabilidad.<\/p>\n

– Conocer e implementar las WCAG<\/strong>: La primera recomendaci\u00f3n o ejemplo que se debe seguir es tener un conocimiento claro de las principales directrices de accesibilidad para contenidos web. Las WCAG, desarrolladas por el World Wide Web Consortium, con el est\u00e1ndar de referencia que ofrece, por ejemplo, una serie de pautas que facilitan alternativas textuales para im\u00e1genes (para personas con discapacidad visual), estructuras de contenido l\u00f3gicas con encabezados jer\u00e1rquicos y, en definitiva, todo aquello que facilita la navegaci\u00f3n y la usabilidad.<\/p>\n

– El dise\u00f1o adaptativo o \u2018responsive\u2019<\/strong> es otro de los ejemplos de accesibilidad web que la facilitan, ya que a trav\u00e9s de esta modalidad de dise\u00f1o se facilita la adaptaci\u00f3n visual de los contenidos a los diferentes formatos de pantalla de los dispositivos.<\/p>\n

– El contraste<\/strong> y la legibilidad<\/strong>, que se consiguen con combinaciones de colores adecuadas que facilitan la lectura de textos sobre fondos, es esencial para personas con dificultades de lectura o discapacidad visual. Con estos est\u00e1ndares se extiende la gama de usuarios que pueden acceder a los contenidos.<\/p>\n

– Para asegurar la accesibilidad tambi\u00e9n se emplean las etiquetas descriptivas<\/strong> en enlaces o elementos interactivos, que permiten identificar esos puntos en los que la navegaci\u00f3n puede tener nuevas opciones de pase a otra p\u00e1gina, despliegues, etc. Una etiqueta que indique, por ejemplo, \u201chaz clic aqu\u00ed\u201d mejora la comprensi\u00f3n y la interacci\u00f3n especialmente a personas que utilizan lectores de pantalla.<\/p>\n

– Los v\u00eddeos y archivos multimedia, <\/strong>formatos tan habituales en el d\u00eda a d\u00eda de los medios digitales, deben incluir subt\u00edtulos y transcripciones, que faciliten la accesibilidad a los contenidos para personas con discapacidades auditivas, por ejemplo.<\/p>\n

– Dise\u00f1o de formularios intuitivos<\/strong>, que a trav\u00e9s de su claridad e instrucciones y ayudas complementarias permitan que todos los puedan cumplimentar.<\/p>\n

– Las tecnolog\u00edas que facilitan asistencia<\/strong> como lectores de pantalla o teclados alternativos deben ser considerados a la hora de realizar todo tipo de pruebas, para verificar la funcionalidad y que la accesibilidad es efectiva.<\/p>\n

– Facilitar la personalizaci\u00f3n de la interfaz<\/strong> es otro ejemplo de accesibilidad web \u00fatil, ya que permite a los usuarios adaptar a su gusto, a trav\u00e9s de las diferentes opciones de configuraci\u00f3n, la presentaci\u00f3n de contenidos por parte de la web o aplicaci\u00f3n.<\/p>\n

– En la fase de desarrollo y pruebas, como en todo planteamiento de aseguramiento de la UX, debe contarse con la interacci\u00f3n de los usuarios que son los destinatarios del producto o servicio<\/strong>, para que, con estas pruebas previas, se puedan detectar y corregir errores tempranos.<\/p>\n

Esta relaci\u00f3n de acciones constituye un ejemplo de accesibilidad web b\u00e1sica, que puede enriquecerse con la inclusi\u00f3n de otros est\u00e1ndares y pr\u00e1cticas m\u00e1s concretas, sobre las que el \u00e1rea de accesibilidad de MTP puede estudiar para cada caso concreto.<\/p>\n","protected":false},"excerpt":{"rendered":"

Recordamos en este post algunos ejemplos de accesibilidad web. Con ajustes y previsiones en las fases de dise\u00f1o que est\u00e9n conformes con los est\u00e1ndares de accesibilidad web de sitios y aplicaciones se pueden conseguir grandes avances y facilitar el uso y disfrute de servicios y contenidos digitales a todo tipo de personas, independientemente de si tienen alg\u00fan tipo de discapacidad.<\/p>\n","protected":false},"author":9,"featured_media":30471,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[205],"tags":[],"class_list":["post-30473","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accesibilidad-digital-y-ux"],"acf":[],"yoast_head":"\nEjemplos para mejorar la accesibilidad de web y apps | MTP<\/title>\n<meta name=\"description\" content=\"Recordamos en este post algunos ejemplos de accesibilidad web que facilitan el uso y disfrute de servicios y contenidos digitales a todo tipo de personas.\" \/>\n<meta name=\"robots\" content=\"index, nofollow, 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\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ejemplos para mejorar la accesibilidad de web y apps | MTP\" \/>\n<meta property=\"og:description\" content=\"Recordamos en este post algunos ejemplos de accesibilidad web que facilitan el uso y disfrute de servicios y contenidos digitales a todo tipo de personas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-24T13:00:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2023\/08\/MTP-Blog_accesibilidad-g-1.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=\"3 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ejemplos para mejorar la accesibilidad de web y apps | MTP","description":"Recordamos en este post algunos ejemplos de accesibilidad web que facilitan el uso y disfrute de servicios y contenidos digitales a todo tipo de personas.","robots":{"index":"index","follow":"nofollow","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\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/","og_locale":"es_ES","og_type":"article","og_title":"Ejemplos para mejorar la accesibilidad de web y apps | MTP","og_description":"Recordamos en este post algunos ejemplos de accesibilidad web que facilitan el uso y disfrute de servicios y contenidos digitales a todo tipo de personas.","og_url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2023-08-24T13:00:13+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2023\/08\/MTP-Blog_accesibilidad-g-1.jpg","type":"image\/jpeg"}],"author":"MTP","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"MTP","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"Ejemplos de accesibilidad web: c\u00f3mo mejorar la accesibilidad de sitios web y aplicaciones","datePublished":"2023-08-24T13:00:13+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/"},"wordCount":696,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2023\/08\/MTP-Blog_accesibilidad-g-1.jpg","articleSection":["Accesibilidad digital y UX"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/","url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/","name":"Ejemplos para mejorar la accesibilidad de web y apps | MTP","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2023\/08\/MTP-Blog_accesibilidad-g-1.jpg","datePublished":"2023-08-24T13:00:13+00:00","description":"Recordamos en este post algunos ejemplos de accesibilidad web que facilitan el uso y disfrute de servicios y contenidos digitales a todo tipo de personas.","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2023\/08\/MTP-Blog_accesibilidad-g-1.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2023\/08\/MTP-Blog_accesibilidad-g-1.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Ejemplos de accesibilidad web: c\u00f3mo mejorar la accesibilidad de sitios web y aplicaciones"}]},{"@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\/2023\/08\/MTP-Blog_accesibilidad-g-1.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/30473","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=30473"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/30473\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/30471"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=30473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=30473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=30473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}