Las directrices proporcionadas por el Consorcio World Wide Web, as\u00ed como por los gobiernos locales, han ayudado a los dise\u00f1adores a cerrar las brechas en cuanto a usabilidad y accesibilidad. Sin embargo, eso no necesariamente hace que un sitio web<\/a> sea completamente inclusivo. <\/p>\n\n En la siguiente publicaci\u00f3n, vamos a examinar qu\u00e9 significa el dise\u00f1o inclusivo, su valor en el dise\u00f1o web, as\u00ed como lo que necesita considerar al dise\u00f1ar interfaces e interacciones inclusivas.<\/p>\n\n Aprenda C\u00f3mo Dise\u00f1ar para la Accesibilidad Web<\/a><\/p>\n\n El dise\u00f1o web inclusivo elimina los prejuicios y suposiciones de un sitio web para que los usuarios no se sientan excluidos debido a una discapacidad, demograf\u00eda u otras circunstancias temporales o permanentes. <\/p>\n\n Tanto el dise\u00f1o web accesible como el dise\u00f1o UX son componentes cr\u00edticos de un sitio web inclusivo. El dise\u00f1o accesible<\/a> es el proceso de eliminar las barreras de entrada para personas con discapacidades y otras limitaciones. El dise\u00f1o UX<\/a> es un enfoque de dise\u00f1o basado en datos que prueba y valida c\u00f3mo los usuarios reales interact\u00faan con un sitio web. <\/p>\n\n Debido a esto, hay mucho que considerar en el dise\u00f1o inclusivo, ya que no es estrictamente la discapacidad de un usuario lo que puede impedirles usar o estar satisfechos con un sitio web. Los dise\u00f1adores web tambi\u00e9n pueden encontrarse con problemas al crear experiencias para un conjunto exclusivo de usuarios.<\/p>\n\n Como tal, los dise\u00f1adores web deben considerar los siguientes factores: <\/p>\n\n En resumen: El dise\u00f1o inclusivo se traduce en dise\u00f1o universal. <\/p>\n\n Los dise\u00f1adores web tienen a su disposici\u00f3n una variedad de herramientas para abordar el aspecto de accesibilidad del dise\u00f1o inclusivo. Por ejemplo, las herramientas de accesibilidad de WordPress<\/a>, los verificadores de accesibilidad web, las pautas WAI-ARIA<\/a> y otros recursos pueden facilitar el dise\u00f1o e implementaci\u00f3n accesibles.<\/p>\n\n No obstante, el dise\u00f1o inclusivo requiere una comprensi\u00f3n m\u00e1s profunda de las limitaciones que los usuarios pueden enfrentar en la web. No existe una herramienta que pueda escanear su sitio web y confirmar que ha creado la experiencia m\u00e1s diversa y equitativa posible. Es algo que deber\u00e1 aprender a implementar y verificar por su cuenta. <\/p>\n\n Existen numerosas razones por las cuales los dise\u00f1adores web deben incorporar la accesibilidad y la inclusividad en cada sitio web que construyen. Examinemos primero c\u00f3mo un sitio web no inclusivo perjudica a todos: <\/p>\n\n En 2021, WebAIM public\u00f3 los resultados de su Encuesta de Usuarios de Lectores de Pantalla #9<\/a>. El 7,7% de los encuestados indic\u00f3 que deben utilizar un lector de pantalla cuando est\u00e1n en l\u00ednea. <\/p>\n\n Cuando se les pregunt\u00f3 sobre su percepci\u00f3n del estado actual de la accesibilidad en Internet, solo el 39,3% afirm\u00f3 que era m\u00e1s accesible que en a\u00f1os anteriores. El 42,3% consider\u00f3 que no hab\u00eda cambios, mientras que el 18,5% indic\u00f3 que hab\u00eda empeorado. <\/p>\n\n Seg\u00fan Mike Gifford de CivicActions<\/a>, es posible que m\u00e1s del 7,7% de la poblaci\u00f3n experimente inaccesibilidad y comparta estos sentimientos: <\/p>\n\n \u00abLa combinaci\u00f3n de discapacidades y m\u00e9todos con los que las personas superan las barreras es extremadamente diversa. \u00c9ticamente, dise\u00f1ar para nuestros usuarios menos favorecidos debe tener la m\u00e1xima prioridad. Lamentablemente, con nuestro constante impulso hacia lo nuevo y llamativo, estamos excluyendo regularmente al 10-20% de nuestros conciudadanos.\u00bb<\/em><\/p>\n\n De acuerdo con el Colegio de Abogados de Estados Unidos<\/a>, se presentaron 8.000 demandas del T\u00edtulo III de la Ley de Estadounidenses con Discapacidades ante los tribunales federales entre 2017 y 2020. Esa cifra aument\u00f3 un 14,3% a 2.352 demandas solo en 2021, seg\u00fan Accessibility.com<\/a>.<\/p>\n\n Hay otros que pueden sentirse excluidos de un sitio web, pero no tienen recursos legales. Por ejemplo, el World Data Lab afirma que hay 1.100 millones de personas con pobreza de Internet<\/a>. En algunos casos, esto significa que no pueden costear planes de datos m\u00f3viles. En otros casos pueden hacerlo, pero no obtienen datos suficientes para usar, por lo que no pueden permitirse pasar tiempo en sitios web que consumen muchos recursos. <\/p>\n\n Tambi\u00e9n hay que considerar a la poblaci\u00f3n de edad avanzada. El Centro de Investigaci\u00f3n Pew<\/a> descubri\u00f3 que el n\u00famero de personas mayores que utilizan Internet ha crecido en los \u00faltimos a\u00f1os. No obstante, TechCrunch informa<\/a> que aproximadamente el 50% de los adultos mayores necesitan ayuda para configurar y utilizar nuevas tecnolog\u00edas digitales. Adem\u00e1s, el 40% de las personas mayores son analfabetas digitales en la ciudad de San Francisco, justo al lado de Silicon Valley, de todos los lugares. <\/p>\n\n Incluso si su sitio web no est\u00e1 sujeto a demandas, considere lo que perder el 20% o m\u00e1s de sus visitantes debido a un dise\u00f1o no inclusivo har\u00e1 a la viabilidad a largo plazo de una marca. Es un segmento enorme de la audiencia que se perder\u00e1 simplemente porque el sitio web no es acogedor o utilizable. <\/p>\n\n Cuando dise\u00f1a un sitio web para que sea inclusivo, lo dise\u00f1a de manera que todos los que lo deseen puedan interactuar plenamente con \u00e9l y no sentirse excluidos. Todos ganan cuando Internet se convierte en un lugar inclusivo: <\/p>\n\n El dise\u00f1o web inclusivo conduce a un mejor dise\u00f1o de productos. <\/strong><\/p>\n\n Desde sitios web hasta aplicaciones m\u00f3viles y todo lo dem\u00e1s, el dise\u00f1o inclusivo obliga a los dise\u00f1adores a volver a los fundamentos del buen dise\u00f1o, usable y emp\u00e1tico. <\/p>\n\n Las marcas alcanzan una audiencia m\u00e1s amplia. <\/strong><\/p>\n\n Una marca que prioriza una experiencia universalmente positiva para todos y no solo para el usuario ideal atraer\u00e1 una base m\u00e1s leal de usuarios que tambi\u00e9n valoran la inclusividad y la equidad. <\/p>\n\n Los usuarios se sienten mejor al interactuar con sitios web inclusivos. <\/strong><\/p>\n\n Las personas pasan tanto tiempo frente a las pantallas que problemas como el s\u00edndrome del t\u00fanel carpiano, el s\u00edndrome de visi\u00f3n por computadora<\/a> y el trastorno de adicci\u00f3n a Internet<\/a> son demasiado comunes en la actualidad. El dise\u00f1o inclusivo y \u00e9tico puede ayudar a los usuarios a sentirse mejor tanto en su mente como en su cuerpo.<\/p>\n\n El dise\u00f1o web inclusivo ayuda a los sitios web a posicionarse mejor en los resultados de b\u00fasqueda. <\/strong><\/p>\n\n Google actualiz\u00f3 su algoritmo de b\u00fasqueda<\/a> hace un par de a\u00f1os, nombrando cuatro factores esenciales para crear la mejor experiencia en la p\u00e1gina: Rendimiento (velocidad), Accesibilidad, Mejores Pr\u00e1cticas (dise\u00f1o y c\u00f3digo) y SEO (por ejemplo, texto alternativo). El dise\u00f1o inclusivo contribuye a cada uno de estos.<\/p>\n\n Con frecuencia, los dise\u00f1adores crear\u00e1n personas ficticias al inicio de los proyectos de sitios web. Esto les ayuda a visualizar y relacionarse con el usuario final para el que est\u00e1n construyendo el sitio web. Tambi\u00e9n les ayuda a comprender c\u00f3mo ese usuario en particular interactuar\u00eda con el sitio web. <\/p>\n\n Cuando se incluye la inclusividad en su proceso de dise\u00f1o web, las descripciones de sus personas de usuario necesitar\u00e1n ajustarse en cierta medida. Las personas de usuario t\u00edpicas desglosan lo siguiente: <\/p>\n\n Las personas de usuario inclusivas tambi\u00e9n necesitar\u00e1n incluir: <\/p>\n\n Habilidad:<\/strong> Este es el componente de accesibilidad de la inclusividad. Tendr\u00e1 que anticipar c\u00f3mo algunos de sus usuarios pueden estar restringidos en t\u00e9rminos de c\u00f3mo usan e interact\u00faan con el sitio web, tanto f\u00edsica como cognitivamente. <\/p>\n\n Aptitud:<\/strong> Si observa los datos sobre cu\u00e1ntos usuarios est\u00e1n en l\u00ednea<\/a>, se dar\u00e1 cuenta de que algunos de sus usuarios podr\u00edan no tener alfabetizaci\u00f3n digital. Desviarse de las estructuras y dise\u00f1os b\u00e1sicos y no proporcionar suficiente contexto (como etiquetas en formularios de contacto) podr\u00eda resultar perjudicial para las experiencias de estos usuarios. <\/p>\n\n Actitud:<\/strong> Esto se refiere a los usuarios que pueden percibir los sitios web como entornos inseguros. Ya sea que est\u00e9n excesivamente preocupados por su privacidad o nerviosos por encontrar malware, este tipo de temores deben abordarse con caracter\u00edsticas de seguridad y privacidad reconocibles y confiables.<\/p>\n\n Acceso:<\/strong> Los usuarios no tienen que ser pobres en Internet para tener acceso limitado a la web. Por ejemplo, poco m\u00e1s de la mitad de la poblaci\u00f3n mundial tiene acceso a Internet en el hogar, seg\u00fan la U<\/a>NESCO. Eso no significa que no puedan conectarse, solo significa que tienen que encontrar otras formas de obtenerlo, como ir a una biblioteca o un cibercaf\u00e9. Por lo tanto, la conectividad, el hardware, el software e incluso la ubicaci\u00f3n pueden afectar el acceso. <\/p>\n\n Localizaci\u00f3n:<\/strong> Nunca es seguro asumir que todos los usuarios viven en el mismo pa\u00eds, provienen de la misma cultura y hablan el mismo idioma que usted. Como tal, estas diferencias deben abordarse al crear personas de usuario inclusivas.<\/p>\n\n Para que el dise\u00f1o inclusivo funcione, los dise\u00f1adores web deben eliminar las suposiciones, las nociones preconcebidas, as\u00ed como el favorecer al usuario promedio sobre el bien de todos los usuarios. Para hacerlo con \u00e9xito, los dise\u00f1adores deben guiarse por los siguientes principios: <\/p>\n\n No existe una talla \u00fanica en el dise\u00f1o web. Eso no significa que tenga que construir diferentes sitios web o p\u00e1ginas de destino para diferentes usuarios. Sin embargo, s\u00ed significa agregar caracter\u00edsticas adicionales a la interfaz de usuario cuando crea que ayudar\u00e1n a cerrar la brecha entre las experiencias de diferentes usuarios. <\/p>\n\n Por ejemplo, es una buena idea incluir una transcripci\u00f3n de un video debajo del archivo incrustado. De esa manera, los usuarios que no pueden o no quieren escuchar o ver el video pueden leer el texto. <\/p>\n\n El minimalismo es una tendencia duradera en el dise\u00f1o web y con buena raz\u00f3n. No es solo porque crea interfaces m\u00e1s agradables visualmente, sino porque el minimalismo y la simplicidad allanan el camino para un dise\u00f1o m\u00e1s intuitivo. <\/p>\n\n La mejor manera de abordar esto es tratar un sitio web como un producto m\u00ednimo viable (MVP). Construya las caracter\u00edsticas centrales que lo convierten en un producto \u00fatil y valioso. Luego, agregue elementos adicionales solo donde sean necesarios y aporten valor a la experiencia de todos. <\/p>\n\n La consistencia no significa que un sitio web tenga que volverse predecible o aburrido. A\u00fan puede ser creativo mientras mantiene la consistencia.<\/p>\n\n Todos se benefician de la consistencia en el dise\u00f1o. Elimina la frustraci\u00f3n y la confusi\u00f3n causadas por el mismo elemento o caracter\u00edstica presentados de diferentes maneras en el mismo sitio web. Adem\u00e1s, la consistencia con la forma en que la mayor\u00eda de la web maneja los elementos fundamentales \u2014 como la navegaci\u00f3n del sitio web \u2014 puede mejorar la usabilidad de un sitio web y acelerar el tiempo de conversi\u00f3n.<\/p>\n\n Adem\u00e1s de considerar c\u00f3mo las personas interact\u00faan con los sitios web, los dise\u00f1adores tambi\u00e9n deben tener en cuenta c\u00f3mo prefieren<\/em> interactuar con los sitios web. Por ejemplo, un sitio web dominado por im\u00e1genes podr\u00eda ser muy dif\u00edcil de digerir para los usuarios que no son aprendices visuales. <\/p>\n\n Cuando re\u00fana el contenido para un sitio web, aseg\u00farese de que haya una mezcla equilibrada del mismo. Si solo hay un tipo de contenido (como todo texto y sin im\u00e1genes), es probable que algunos de sus visitantes se encuentren en desventaja en cuanto a la comprensi\u00f3n o facilidad de uso. <\/p>\n\n La equidad en el dise\u00f1o web se refiere a resultados equitativos. En otras palabras, independientemente de qui\u00e9n sea el visitante, cada uno deber\u00eda poder completar las tareas con facilidad.<\/p>\n\n Aqu\u00ed es donde el proceso de dise\u00f1o de UX resulta \u00fatil. Obtener informaci\u00f3n de primera mano sobre los objetivos de los usuarios y lo que necesitan para completarlos ayuda a los dise\u00f1adores a crear interacciones y recorridos de usuario sin fricciones para todos. <\/p>\n\n Por ejemplo, considere un componente de UI como un carrusel de im\u00e1genes. La forma inclusiva de dise\u00f1arlo ser\u00eda desactivar la funci\u00f3n de deslizamiento autom\u00e1tico. Luego, incluya capacidades tanto de deslizamiento como de clic para que cada usuario pueda controlar el carrusel y su ritmo.<\/p>\n\n El dise\u00f1o inclusivo mitigar\u00e1 el error humano. Esto significa dise\u00f1ar una interfaz de usuario para prevenir tantos errores como sea posible, al tiempo que se proporciona una respuesta tolerante y \u00fatil a los errores que ocurran. Al reducir la frustraci\u00f3n o la verg\u00fcenza asociada con cometer errores, un dise\u00f1o inclusivo hace m\u00e1s por construir confianza con los visitantes. <\/p>\n\n Este principio particular entra en juego con mayor frecuencia en el punto de interacci\u00f3n. Por ejemplo, los botones siempre deben dise\u00f1arse de manera que sean lo suficientemente grandes para ser vistos y clicados. <\/p>\n\n Los mensajes de error en los formularios de contacto son otro buen ejemplo. Al mostrar mensajes de error en l\u00ednea con un color y tama\u00f1o que todos puedan leer, reducir\u00e1 la probabilidad de errores repetidos. Tambi\u00e9n tendr\u00e1 un formulario de contacto que se siente m\u00e1s \u00fatil que uno que proporciona mensajes de error vagos o que ocurren demasiado tarde en el proceso. <\/p>\n\n Una de las razones por las que los sitios web est\u00e1n sujetos a demandas de accesibilidad de la misma manera que los negocios f\u00edsicos es porque han sido considerados \u00ablugares de acomodaci\u00f3n p\u00fablica\u00bb. Adem\u00e1s de asegurar que todos puedan leer, navegar e interactuar con un sitio web, el dise\u00f1o inclusivo garantiza cierto grado de comodidad a los visitantes. <\/p>\n\n La comodidad puede significar muchas cosas para muchas personas \u2014 espacio amplio, dise\u00f1os predecibles, etc. El dise\u00f1o inclusivo tambi\u00e9n pide a los dise\u00f1adores que consideren cu\u00e1n c\u00f3modos se sentir\u00e1n sus usuarios con el contenido del sitio web. <\/p>\n\n Por ejemplo, utilizar im\u00e1genes diversas que reflejen al p\u00fablico objetivo crear\u00e1 un entorno m\u00e1s acogedor que im\u00e1genes gen\u00e9ricas de stock que los usuarios han visto una y otra vez. Lo mismo puede decirse de usar un texto directo en lugar de uno lleno de jerga que solo un segmento de la audiencia entender\u00eda.<\/p>\n\n El dise\u00f1o web inclusivo es un t\u00e9rmino global que incluye disciplinas como el dise\u00f1o UX, el dise\u00f1o accesible y el dise\u00f1o responsive<\/a>. Sin embargo, el dise\u00f1o inclusivo va un paso m\u00e1s all\u00e1 para asegurar que el resultado final sea un sitio web universalmente utilizable y bien recibido. <\/p>\n\n Este enfoque de dise\u00f1o web requiere una comprensi\u00f3n s\u00f3lida de los desaf\u00edos que enfrentan diferentes personas al interactuar con sitios web, lo cual va m\u00e1s all\u00e1 de la discapacidad o la limitaci\u00f3n. <\/p>\n\n La mejor manera de integrar la inclusividad en su proceso de dise\u00f1o web es, primero, asegurarse de que est\u00e1 trabajando con herramientas que le ayuden a implementarla \u2014 como las caracter\u00edsticas de accesibilidad de WordPress y Elementor<\/a>. Luego, actualice sus plantillas<\/a> de persona de usuario con factores inclusivos como habilidad, aptitud y acceso. Finalmente, mantenga su proceso actualizado a medida que aprende m\u00e1s sobre las experiencias de los usuarios y los desaf\u00edos comunes que enfrentan al usar la web.<\/p>\n","protected":false},"excerpt":{"rendered":" Es importante tener en cuenta al dise\u00f1ar un sitio web que no todos los usuarios interact\u00faan con \u00e9l de la misma manera. Al utilizar el dise\u00f1o inclusivo, puede eliminar los prejuicios y suposiciones de su sitio web y asegurarse de que los usuarios no se sientan excluidos. Siga leyendo para aprender c\u00f3mo dominar este enfoque moderno.<\/p>\n","protected":false},"author":2024193,"featured_media":125462,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[361],"tags":[],"marketing_persona":[],"marketing_intent":[48],"class_list":["post-125460","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-es"],"acf":[],"yoast_head":"\nTabla de Contenidos<\/h4>\n\n\n\n
\u00bfQu\u00e9 es el Dise\u00f1o Inclusivo?<\/h2>\n\n
Por qu\u00e9 es importante el dise\u00f1o web inclusivo<\/h2>\n\n
Las desventajas de la no inclusividad<\/h3>\n\n
Las ventajas de la inclusividad<\/h3>\n\n
C\u00f3mo Crear Personas de Dise\u00f1o Web Inclusivo<\/h2>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_04_blog_cover_what_Is_Inclusive_Web_Design_1200_630_no_text_inner_2.jpg\")
<\/figure>\n\nLos 7 Principios del Dise\u00f1o Inclusivo<\/h2>\n\n
1. Flexibilidad<\/h3>\n\n
2. Simplicidad<\/h3>\n\n
3. Consistencia<\/h3>\n\n
4. Percepci\u00f3n<\/h3>\n\n
5. Equidad<\/h3>\n\n
6. Prevenci\u00f3n<\/h3>\n\n
7. Adaptaci\u00f3n<\/h3>\n\n
Conclusi\u00f3n<\/h2>\n\n