--- title: "Guía para elaborar webs y apps accesibles" description: "Con esta guía para elaborar webs y apps accesibles conocerás los diferentes factores a tener en cuenta para poder ofrecer sitios web y apps con accesibilidad." url: "https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles" date: "2026-10-05T03:36:48+00:00" language: "es-ES" --- [Skip to main content](#tm-main) - [APPs](https://www.reanimasoluciones.com/apps-moviles) - [Web APPs](https://www.reanimasoluciones.com/webs) - [IA](https://www.reanimasoluciones.com/inteligencia-artificial-empresas) - [Automatizaciones](https://www.reanimasoluciones.com/automatizaciones) - [Equipos dedicados](https://www.reanimasoluciones.com/equipos-dedicados) - [Mantenimiento](https://www.reanimasoluciones.com/mantenimiento) - [Trabajos](https://www.reanimasoluciones.com/trabajos) - [Blog](https://www.reanimasoluciones.com/actualidad) - [Contacto](https://www.reanimasoluciones.com/contacto) # Guía para elaborar webs y apps accesibles - [ Share](#) - [ Tweet](#) - [ Share](#) - [ Share](#) - [ Share](#) - [ Email](mailto:?subject=Check%20out%20this%20page:%20Gu%C3%ADa%20para%20elaborar%20webs%20y%20apps%20accesibles&body=https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles) - [ Copy Link](#) ![Guía para elaborar webs y apps accesibles](https://www.reanimasoluciones.com/images/Gu%C3%ADa-para-elaborar-webs-y-apps-accesibles-1.jpg) 1\. [**Qué es una web o app accesible**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#qu%C3%A9-es-una-web-o-app-accesible) 2\. [**Qué factores debes tener en cuenta para ofrecer accesibilidad**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#qu%C3%A9-factores-debes-tener-en-cuenta-para-ofrecer-accesibilidad) 1. [**Daltonismo**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#daltonismo) 2. [**Lectores de pantalla**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#lectores-de-pantalla) 3. [**Enlaces e imágenes descriptivas**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#enlaces-e-im%C3%A1genes-descriptivas) 4. [**Ampliar el área táctil**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#ampliar-el-%C3%A1rea-t%C3%A1ctil) 5. [**Contraste de color**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#contraste-de-color) 3\. [ **¿Quieres saber cuánto cuesta la APP que necesitas?**](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#quieres-saber-cu%C3%A1nto-cuesta-la-app-que-necesitas) 1. [Ver más artículos relacionados:](https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles#ver-m%C3%A1s-art%C3%ADculos-relacionados) En el momento de planificar una app para dispositivos móviles hay que tener en cuenta distintos factores para conseguir que su alcance sea el mayor posible. Desarrollar **apps accesibles** es uno de estos aspectos que deben estar presentes antes y durante el desarrollo, para poder hacer la aplicación fácil de utilizar por personas que tengan algún tipo de discapacidad. El [**diseño web accesible**](https://www.3androides.com/apps-moviles/apps-accesibles), al igual que el de apps accesibles, es cada vez más importante en el sector público y privado debido al uso de internet y los dispositivos móviles para realizar acciones habituales de la vida cotidiana como relaciones con administraciones públicas y servicios sanitarios, compras online, gestiones bancarias y muchas otras actividades. ## **Qué es una web o app accesible** Cuando se habla de app o web accesible se hace referencia a aquellas aplicaciones o sitios web que pueden ser utilizados por cualquier usuario, pues su interfaz está diseñada previamente para ello. La *World Wide Web Consortium* (W3C) ha desarrollado unas “**Pautas de Accesibilidad al Contenido de la Web**” (WCAG) que proporciona soluciones al diseño de páginas web accesibles. La comunidad de desarrolladores y diseñadores ha creado el **Proyecto A11y,** por el cual se promueve la creación de webs y apps accesibles. En accesibilidad web tenemos ejemplos como el de la web de la sede electrónica de la Agencia Tributaria que se ha adaptado al Real Decreto 1112/2018, de 7 de septiembre, sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público. ## **Qué factores debes tener en cuenta para ofrecer accesibilidad** A la hora de diseñar una app con accesibilidad Android o iOS es importante tener en cuenta una serie de factores que facilitarán el uso de la misma a personas que sufran de algún tipo de discapacidad o merma en sus funciones. ### **Daltonismo** El daltonismo hace que las personas que lo padecen tengan dificultad a la hora de percibir ciertos colores (algunos casos incluso no pueden distinguir los colores). Para hacer una app o web accesible para los daltónicos es interesante **añadir iconos identificativos y descripciones** a ciertas acciones como los avisos de error (normalmente en color rojo). ### **Lectores de pantalla** Los lectores de pantalla identifican e interpretan lo que se muestra en pantalla, **reproduciéndose por voz, sonidos o con salida braille**. Esta opción posibilitará que las personas ciegas o con problemas de visión puedan usar la app o un sitio web. ### **Enlaces e imágenes descriptivas** Las imágenes son más fáciles de identificar y entender que los textos. El diseño accesible se apoya mucho en **imágenes descriptivas para facilitar el uso** de una app o web. ### **Ampliar el área táctil** En las apps es importante disponer de un **área táctil grande que facilite el acceso** al contenido como enlaces o botones. En el diseño debe tenerse en cuenta el tamaño de los botones o las distancias entre enlaces para evitar errores como dificultad de selección o pulsar un enlace incorrecto. ### **Contraste de color** El contraste permite que la **lectura de los textos de una web o app sea más clara**. El nivel de contraste de ideas es de 4,5:1 (relación entre el fondo de pantalla y el texto) y es posible utilizar herramientas para medir estos valores de contraste. ## **¿Quieres saber cuánto cuesta la APP que necesitas?** No queremos que te quedes con dudas. Consúltanos y te contestaremos en la menor brevedad posible. Nombre Email Teléfono (opcional): ¿Qué tipo de desarrollo solicitas? Para una empresaPara una StartUpPara un particular Consulta **Información básica en protección de datos.-** Conforme al RGPD y la LOPDGDD, 3ANDROIDES TECHNOLOGY SLU tratará los datos facilitados, con la finalidad de contestar las dudas y/o quejas planteadas a través del presente formulario y facilitar la información solicitada. Siempre que nos lo autorice previamente, enviaremos información relacionada con \[la actividad/ los productos/ los servicios\] ofrecidos por 3ANDROIDES TECHNOLOGY SLU. Podrá ejercer, si lo desea, los derechos de acceso, rectificación, supresión, y demás reconocidos en la normativa mencionada. Para obtener más información acerca de cómo estamos tratando sus datos, acceda a nuestra [política de privacidad](https://www.reanimasoluciones.com/index.php?option=com_content&view=article&id=46&Itemid=374). **ENTIENDO Y ACEPTO:** El tratamiento de mis datos tal y como se describe anteriormente y se explica con mayor detalle en la [Política de Privacidad](https://www.3androides.com/politica-de-privacidad). (Su negativa a facilitarnos la autorización implicará la imposibilidad de tratar sus datos con la finalidad indicada). **ENTIENDO Y ACEPTO:** Recibir información en los términos arriba indicados sobre la \[actividad/productos/servicios\] de 3ANDROIDES TECHNOLOGY SLU. (Su negativa a facilitarnos la autorización implicará la imposibilidad de enviarle información comercial por parte de la entidad). Gracias por contactar con nosotros. Lo antes posible, nos pondremos en contacto contigo para atender tu consulta o petición. [Pulsa para volver a enviar otra consulta](https://www.reanimasoluciones.com/index.php?option=com_content&view=article&id=46&Itemid=231) Son muchos los elementos y funciones que se pueden añadir a una app o web para facilitar su acceso a todas las personas. Es importante trabajar con el concepto de accesibilidad a la hora de planificar el diseño de una app o web accesible para así poder aplicar en la fase de desarrollo todas las mejoras de forma óptima. - [ Share](#) - [ Tweet](#) - [ Share](#) - [ Share](#) - [ Share](#) - [ Email](mailto:?subject=Check%20out%20this%20page:%20Gu%C3%ADa%20para%20elaborar%20webs%20y%20apps%20accesibles&body=https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles) - [ Copy Link](#) --- #### Ver más artículos relacionados: [![](https://www.reanimasoluciones.com/images/imagen10-08-26.jpg "👉 Pasaporte digital de producto para pymes: empieza por ordenar los datos, no por el QR")](https://www.reanimasoluciones.com/actualidad/329150-pasaporte-digital-producto-pymes) #### [👉 Pasaporte digital de producto para pymes: empieza por ordenar los datos, no por el QR](https://www.reanimasoluciones.com/actualidad/329150-pasaporte-digital-producto-pymes) [![](https://www.reanimasoluciones.com/images/imagen03-08-26.jpg "👉 Digitalizar las compras internas de una pyme: menos urgencias, más control")](https://www.reanimasoluciones.com/actualidad/329149-digitalizar-compras-internas-pyme) #### [👉 Digitalizar las compras internas de una pyme: menos urgencias, más control](https://www.reanimasoluciones.com/actualidad/329149-digitalizar-compras-internas-pyme) [![](https://www.reanimasoluciones.com/images/imagen27-07-26.jpg "👉 Alta de cliente digitalizada: el primer proceso que muchas pymes deberían ordenar")](https://www.reanimasoluciones.com/actualidad/329148-alta-cliente-digitalizada) #### [👉 Alta de cliente digitalizada: el primer proceso que muchas pymes deberían ordenar](https://www.reanimasoluciones.com/actualidad/329148-alta-cliente-digitalizada) [![](https://www.reanimasoluciones.com/images/imagen26-07-26.jpg "👉 Software heredado en pymes: cuando el sistema funciona, pero nadie se atreve a tocarlo")](https://www.reanimasoluciones.com/actualidad/329142-software-heredado-en-pymes) #### [👉 Software heredado en pymes: cuando el sistema funciona, pero nadie se atreve a tocarlo](https://www.reanimasoluciones.com/actualidad/329142-software-heredado-en-pymes) [![](https://www.reanimasoluciones.com/images/imagen25-07-26.jpg "👉 Gestión de incidencias para pymes: de mensajes dispersos a aprendizaje operativo")](https://www.reanimasoluciones.com/actualidad/329141-gestion-de-incidencias-para-pymes) #### [👉 Gestión de incidencias para pymes: de mensajes dispersos a aprendizaje operativo](https://www.reanimasoluciones.com/actualidad/329141-gestion-de-incidencias-para-pymes) [![](https://www.reanimasoluciones.com/images/imagen24-07-26.jpg "👉 Matriz de permisos para IA y software: el documento sencillo que evita mucho caos")](https://www.reanimasoluciones.com/actualidad/329140-matriz-de-permisos-para-ia-y-software) #### [👉 Matriz de permisos para IA y software: el documento sencillo que evita mucho caos](https://www.reanimasoluciones.com/actualidad/329140-matriz-de-permisos-para-ia-y-software) ### ÚLTIMAS NOTICIAS - [👉 Pasaporte digital de producto para pymes: empieza por ordenar los datos, no por el QR](https://www.reanimasoluciones.com/actualidad/329150-pasaporte-digital-producto-pymes) (<a href="/actualidad">Actualidad</a>) 10-08-2026 El pasaporte digital de producto para pymes no debería empezar con la elección de un código QR. El QR... - [👉 Digitalizar las compras internas de una pyme: menos urgencias, más control](https://www.reanimasoluciones.com/actualidad/329149-digitalizar-compras-internas-pyme) (<a href="/actualidad">Actualidad</a>) 03-08-2026 Digitalizar las compras internas</strong> no consiste en instalar un gran programa de aprovisionamiento. Para... - [👉 Alta de cliente digitalizada: el primer proceso que muchas pymes deberían ordenar](https://www.reanimasoluciones.com/actualidad/329148-alta-cliente-digitalizada) (<a href="/actualidad">Actualidad</a>) 27-07-2026 El alta de cliente digitalizada suele parecer un asunto administrativo, pero en muchas pymes es el... - [👉 Software heredado en pymes: cuando el sistema funciona, pero nadie se atreve a tocarlo](https://www.reanimasoluciones.com/actualidad/329142-software-heredado-en-pymes) (<a href="/actualidad">Actualidad</a>) 26-07-2026 El software heredado en pymes suele vivir en una zona incómoda. Funciona lo suficiente para que... - [👉 Gestión de incidencias para pymes: de mensajes dispersos a aprendizaje operativo](https://www.reanimasoluciones.com/actualidad/329141-gestion-de-incidencias-para-pymes) (<a href="/actualidad">Actualidad</a>) 25-07-2026 La gestión de incidencias para pymes no debería entenderse solo como un sistema de tickets. Bien... ## Clientes que ya han trabajado con nosotros. Cada proyecto tiene un contexto distinto: una app que necesita evolucionar, un sistema que debe estabilizarse, una automatización que ahorra tiempo o una herramienta interna que mejora el control del negocio. Estas reseñas reflejan cómo trabajamos: entendiendo primero el problema, acompañando el proceso y construyendo soluciones útiles. - [ ![Alba Prado](https://lh3.googleusercontent.com/a-/ALV-UjV3a3ijVsqw-epGi3EhoQckCuSK-FC5n8HdSv6862LLYaRpg7c=s128-c0x00000000-cc-rp-mo "Alba Prado") ](https://www.google.com/maps/contrib/115039964901093972757/reviews "Alba Prado") [ Alba Prado ](https://www.google.com/maps/contrib/115039964901093972757/reviews "Alba Prado") Cuando empecé a trabajar con ReÁnima, Yourney era solo una idea. Hoy es una realidad, y ellos han sido una parte fundamental de ese camino. Desde el principio entendieron la visión detrás del proyecto y me acompañaron no solo en el desarrollo, sino también en todas las decisiones, cambios y retos que inevitablemente aparecen cuando estás construyendo algo desde cero. Lo que más valoro es su implicación, su cercanía y la sensación de estar trabajando con un equipo que realmente quiere que el proyecto salga bien. Siempre han estado dispuestos a escuchar, buscar soluciones y adaptarse para encontrar la mejor manera de avanzar. Estoy muy agradecida a todo el equipo de ReÁnima por haberme ayudado a convertir una idea en algo real. Sin duda, volvería a trabajar con ellos. - [ ![Leticia GB](https://lh3.googleusercontent.com/a-/ALV-UjX4Hvv58Vy1oFt7ly3V1XFeBsxKK2Yb8hjY67fQcMvxD1tVdktG=s128-c0x00000000-cc-rp-mo-ba3 "Leticia GB") ](https://www.google.com/maps/contrib/102079187082512653133/reviews "Leticia GB") [ Leticia GB ](https://www.google.com/maps/contrib/102079187082512653133/reviews "Leticia GB") El equipo de ReÁnima me a apoyado en el proceso inicial de desarrollo de mi aplicación de forma muy profesional y eficiente. Han resuelto todas mis dudas de forma rápida y efectiva. Sin duda los recomiendo para cualquier proyecto!! - [ ![Juan Antonio Tomás Martínez](https://lh3.googleusercontent.com/a-/ALV-UjU2BFEibnJctR0X_qdD_JWC1QzaL_ggTdVnJRiPN7Xl6tTTPK5D=s128-c0x00000000-cc-rp-mo "Juan Antonio Tomás Martínez") ](https://www.google.com/maps/contrib/117202801606678309969/reviews "Juan Antonio Tomás Martínez") [ Juan Antonio Tomás Martínez ](https://www.google.com/maps/contrib/117202801606678309969/reviews "Juan Antonio Tomás Martínez") Trabajar con 3Androides ha sido una experiencia increíble. Desde el primer momento, su equipo demostró un alto nivel de profesionalismo, conocimiento técnico y compromiso con la calidad. Destaco especialmente su capacidad para resolver problemas de manera eficiente y su atención al detalle. Cumplieron con los plazos establecidos y nos brindaron un soporte continuo, lo que nos dio confianza y tranquilidad durante todo el proceso. ¡Recomendadísimos! - [ ![Susana de la Iglesia](https://lh3.googleusercontent.com/a/ACg8ocID__nxDkV_rFsVA545dIpz9I0sw0HAMWL78dw1WxKzv8essA=s128-c0x00000000-cc-rp-mo "Susana de la Iglesia") ](https://www.google.com/maps/contrib/104848416098470385430/reviews "Susana de la Iglesia") [ Susana de la Iglesia ](https://www.google.com/maps/contrib/104848416098470385430/reviews "Susana de la Iglesia") Son una empresa muy profesional. Por poner un pero diría que tienen una metodología de trabajo muy rígida (que hace que los proyectos salgan adelante de forma perfecta) pero que te requieren. Y yo no siempre tenía tiempo para poder atenderles a ellos. Si mejoraran esa flexibilidad sería todo perfecto! [ Ver todas las opiniones ](https://search.google.com/local/reviews?placeid=ChIJk-9JBakpQg0Ri6kiKTBoo44) [ Escribir una opinión ](https://search.google.com/local/writereview?placeid=ChIJk-9JBakpQg0Ri6kiKTBoo44) [ ![ReÁnima](https://www.reanimasoluciones.com/images/Horizontal%20invertido.png) ](#) Tecnología útil para empresas que quieren ahorrar tiempo, reducir costes y trabajar con más control. #### Servicios - [ Desarrollo de APPs móviles ](https://www.reanimasoluciones.com/apps-moviles) - [ Aplicaciones web internas ](https://www.reanimasoluciones.com/webs) - [ Mantenimiento de apps ](https://www.reanimasoluciones.com/mantenimiento) #### Dirección C/Marie Curie 7, Edificio Beta (Planta 7), Rivas Vaciamadrid 28521 MADRID #### Contacto - [ Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo. ](mailto:info@reanimasoluciones.com) - [ 666 250 440 ](tel:+34666250440) - Madrid · España #### Legal Soluciones Digitales Equilibradas S.L.U. CIF: B86956950 Inscrita en el registro mercantil de Madrid, al tomo 32036, folio 65, hoja M-576488. [ Nosotros ](https://www.reanimasoluciones.com/nosotros) [ Trabajos ](https://www.reanimasoluciones.com/trabajos) [ Actualidad ](https://www.reanimasoluciones.com/actualidad) [ Política de privacidad ](https://www.reanimasoluciones.com/politica-de-privacidad) [ Aviso legal ](https://www.reanimasoluciones.com/aviso-legal) [ Política de cookies ](https://www.reanimasoluciones.com/politica-de-cookies) © 2026 ReÁnima. Todos los derechos reservados. Menos tareas. Más tiempo. [ **Llámanos** 666 250 440 ](tel:+34666250440) [ **Escríbenos** ](https://wa.me/34666250440) ## Schema ```json { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Inicio", "item": "https://www.reanimasoluciones.com" }, { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://www.reanimasoluciones.com/actualidad" }, { "@type": "ListItem", "position": 3, "name": "Guía para elaborar webs y apps accesibles", "item": "https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles.md" } ] } ``` ```json { "@context": "https://schema.org", "@type": "BlogPosting", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.reanimasoluciones.com/actualidad/153-guia-para-elaborar-webs-y-apps-accesibles.md" }, "headline": "Guía para elaborar webs y apps accesibles", "description": "Con esta guía para elaborar webs y apps accesibles conocerás los diferentes factores a tener en cuenta para poder ofrecer sitios web y apps con accesibilidad.", "image": { "@type": "ImageObject", "url": "https://www.reanimasoluciones.com/images/Guía-para-elaborar-webs-y-apps-accesibles-1.jpg" }, "publisher": { "@type": "Organization", "name": "ReÁnima Soluciones Digitales", "logo": { "@type": "ImageObject", "url": "https://www.reanimasoluciones.com/images/logo_datos_estructurados.jpg" } }, "author": { "@type": "Person", "name": "Alberto Sánchez-Vaquero", "url": "https://www.reanimasoluciones.com/nosotros" }, "datePublished": "2020-07-14T05:41:21+00:00", "dateCreated": "2020-07-14T05:41:21+00:00", "dateModified": "2024-04-19T09:05:40+00:00" } ```