{"id":13978,"date":"2019-01-24T08:40:42","date_gmt":"2019-01-24T08:40:42","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=13978"},"modified":"2020-05-08T07:38:12","modified_gmt":"2020-05-08T07:38:12","slug":"accesibilidad-del-sitio-web-que-es-y-por-que-es-tan-esencial","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/accesibilidad-del-sitio-web-que-es-y-por-que-es-tan-esencial\/","title":{"rendered":"Accesibilidad del sitio web: \u00bfQu\u00e9 es y por qu\u00e9 es tan esencial?"},"content":{"rendered":"

La Internet es un fen\u00f3meno tan global que afecta todos los aspectos de nuestra vida. \u00bfTe imaginas el mundo sin Internet? Bueno, suponemos que puedes, como algunos de nosotros pertenecen a la generaci\u00f3n que no tuvo dispositivos en los tiempos de su infancia (tal vez excepto el reloj electr\u00f3nico chino). A\u00fan as\u00ed, el hecho de que el mundo ser\u00e1 completamente diferente sin Internet es algo que no se puede negar. La web conecta a personas de todo el mundo, nos ayuda a recibir noticias e informaci\u00f3n, almacenar documentos, planificar viajes e incluso mantener nuestra salud. Sin embargo, no todos tienen el mismo nivel de accesibilidad a la Web.<\/p>\n

Dicen que la Web tiene todo y que todos pueden ir a Internet y aprender algo. Suena genial, pero no es verdad. Hay muchos sitios web que no son accesibles para personas con discapacidad. Pues, hablemos de la accesibilidad del sitio web, por qu\u00e9 es tan importante y c\u00f3mo puedes hacer que tu sitio sea completamente accesible.<\/p>\n

\n

\u00bfQu\u00e9 es, en realidad, la accesibilidad web?<\/h2>\n

\"\"<\/a><\/p>\n

Cerca del 15% de todas las personas de la Tierra tiene ciertos defectos de audici\u00f3n, visi\u00f3n, movimiento o descapacidades cognitivas. El acceso a la informaci\u00f3n para estas personas se incluye en la lista de derechos humanos, pero a\u00fan as\u00ed, algunos sitios web son inaccesibles para ellos. Para alcanzar un cierto nivel de accesibilidad, un sitio web debe estar correctamente dise\u00f1ado y codificado.<\/p>\n

\n

Caracter\u00edsticas de accesibilidad<\/strong><\/h3>\n

Contraste de colores<\/strong><\/h4>\n

La transici\u00f3n de color suave puede parecer realmente hermosa y refinada, pero hay personas que no ven lo suficientemente bien o tienen algunos problemas de la percepci\u00f3n de colores. El uso de colores contrastantes (como el blanco y el negro, el amarillo y el negro, el rojo y el blanco) tambi\u00e9n puede ser magn\u00edfico y al mismo tiempo m\u00e1s conveniente para aquellas personas.<\/p>\n

\"\"<\/a><\/p>\n

\n

Reconocimiento de voz<\/strong><\/h4>\n

Con la aparici\u00f3n de Siri<\/a>, Alexa<\/a> y Cortana<\/a> controlar tus dispositivos con voz se est\u00e1 volviendo cada vez m\u00e1s popular. Y tambi\u00e9n hay personas que, por alguna raz\u00f3n, no pueden usar sus manos. Sin embargo, todas ellas podr\u00e1n operar un sitio web con voz, si se permiten tales manipulaciones.<\/p>\n

\n

Texto a voz<\/strong><\/h4>\n

Las personas que tienen grandes problemas con sus ojos o que son completamente ciegas usan un software especializado que convierte textos a voz. Sin embargo, ese software no podr\u00e1 decir qu\u00e9 hay en alguna imagen a menos que escribas alg\u00fan texto en su alt description<\/strong>.<\/p>\n

\n

Layout y dise\u00f1o<\/strong><\/h4>\n

Un dise\u00f1o complicado y original podr\u00eda impresionar al visitante, pero tambi\u00e9n puede confundirle. Si los visitantes no entienden qu\u00e9 deben hacer en tu sitio web, definitivamente algo sale mal. En este caso, cuanto m\u00e1s f\u00e1ciles sean la navegaci\u00f3n y el dise\u00f1o, mejor.<\/p>\n

\"\"<\/a><\/p>\n

\n

Notificaciones<\/strong><\/h4>\n

Algunos propietarios de sitios web no creen que las personas deban ser notificadas sobre las acciones que realizan. Pero cuando rellenas un formulario y al final todo desaparece sin ninguna confirmaci\u00f3n, esto podr\u00eda ser una sorpresa bastante desagradable. Lo mismo ocurre con las notificaciones de error. Todos odiamos los mensajes de \"datos inv\u00e1lidos\". Cuando un mensaje de error te indica claramente qu\u00e9 hiciste mal y c\u00f3mo solucionarlo, puedes ahorrar mucho tiempo.<\/p>\n

\"\"<\/a><\/p>\n

\n

Elementos de control grandes<\/strong><\/h4>\n

Los botones y otros elementos peque\u00f1os son buenos s\u00f3lo si deseas que tus visitantes nunca hagan clic en ellos. Los usuarios de PC todav\u00eda pueden hacer clic en ellos, pero aquellos que abren tu sitio web en una tableta o un tel\u00e9fono inteligente o personas con destreza reducida tendr\u00edan problemas con apuntar a una peque\u00f1a flecha. Aseg\u00farate de que los botones m\u00e1s importantes (como \"Comprar ahora\") de tu sitio web son lo suficientemente grandes.<\/p>\n

\"\"<\/a><\/p>\n

\n

Contenido personalizable<\/strong><\/h4>\n

Diferentes personas tienen diferentes necesidades. Algunos prefieren alejar el texto y las im\u00e1genes para ver una imagen m\u00e1s grande, otros no pueden leer el texto si las letras son demasiado peque\u00f1as. Si le proporcionas algunos ajustes de personalizaci\u00f3n al espectador, definitivamente mejorar\u00e1s la UX del sitio.<\/p>\n

\n

Control por teclado<\/strong><\/h4>\n

No todos pueden usar un rat\u00f3n. Podr\u00edas pensar que controlarlo es una tarea f\u00e1cil, pero hay personas que tienen problemas de coordinaci\u00f3n o s\u00f3lo pueden usar los botones del teclado. Si haces que tu sitio web pueda ser controlado por teclado, ciertamente facilitar\u00e1s la vida de aquellas personas.<\/p>\n

\n

Subt\u00edtulos de video<\/strong><\/h4>\n

Las personas sordas y con problemas de audici\u00f3n tambi\u00e9n quieren ver videos, pero eso es imposible si no hay subt\u00edtulos adjuntos. Agregar un poco de texto al video no es tan complicado como podr\u00edas imaginar, por lo que deber\u00edas pensar en hacer esto.<\/p>\n

Por supuesto, es mejor ver una vez que leer mil veces, aqu\u00ed hay un video de la Iniciativa de Accesibilidad Web del W3C en el que se describen en detalle todas las caracter\u00edsticas (en ingl\u00e9s):<\/p>\n

No s\u00f3lo las personas con discapacidades pueden apovechar esas caracter\u00edsticas. Los colores de contraste permiten leer algo en tu tel\u00e9fono incluso bajo el sol brillante. Los subt\u00edtulos en el video pueden ayudarte cuando quieres verlo en un lugar ruidoso o en alg\u00fan espacio p\u00fablico donde est\u00e1 prohibido hacer ruido. El reconocimiento de voz ser\u00e1 \u00fatil si temporalmente no puedes usar tu mano, y la transformaci\u00f3n de texto a voz te permite realizar m\u00faltiples tareas a la vez. Sin embargo, \u00bfes rentable para el propietario del sitio web implementar aquellas caracter\u00edsticas?<\/p>\n

\n

\u00bfC\u00f3mo puedes ganar con la accesibilidad?<\/h2>\n

Claro que puedes decir: \"Vale, se mencionaron algunas ventajas para las personas con discapacidad, pero \u00bfqu\u00e9 voy a obtener yo?\". Eso es un poco ego\u00edsta, pero generalmente, hacer tu sitio web accesible requiere mucho tiempo, esfuerzos y dinero. Sin embargo, tenemos una respuesta: debes hacerlo, porque la accesibilidad mejorada puede hacer tu p\u00e1gina web m\u00e1s rentable.<\/p>\n

\"\"<\/a><\/p>\n

En primer lugar, la personalizaci\u00f3n de tu sitio web de acuerdo con los requisitos de la accesibilidad mejorada aumentar\u00e1 su facilidad de uso. La interfaz se volver\u00e1 m\u00e1s conveniente para todos los usuarios, no s\u00f3lo para aquellos que tienen discapacidades. Cuanto m\u00e1s agradable sea visitar tu sitio web, con mayor frecuencia volver\u00e1n tus visitantes. Pues, as\u00ed ampl\u00eda el alcance de tu sitio y mejora su tr\u00e1fico: de una forma u otra hace que tu negocio sea m\u00e1s eficiente.<\/p>\n

En segundo lugar, las caracter\u00edsticas de accesibilidad web contribuyen al SEO. En realidad, a Google tambi\u00e9n se le puede llamar una \"persona con discapacidad\", como no puede escuchar archivos de audio o definir qu\u00e9 hay en una imagen. La transcripci\u00f3n del texto de los archivos de audio y las notas alt que se adjuntan a las im\u00e1genes ayudan a Google a verlos y encontrar tu sitio web. Cuanto m\u00e1s f\u00e1cil sea encontrarlo, m\u00e1s alto aparecer\u00e1 tu sitio web en los resultados de b\u00fasqueda de Google.<\/p>\n

Finalmente, en algunos pa\u00edses la ley exige que se haga todo lo posible para las personas con discapacidad. Paquetes de medicamentos con notificaciones en Braille, rampas inclinadas cerca de las escaleras, notificaciones de sonido en las calles: todo eso se ha convertido ya en la necesidad.<\/p>\n

\n

WCAG (Directrices de Accesibilidad para el Contenido Web)<\/h2>\n

\"\"<\/a><\/p>\n

Para garantizar a las personas con discapacidad un nivel de accesibilidad m\u00e1s alto, la Iniciativa de Accesibilidad Web (WAI) dentro del World Wide Web Consortium (W3C) est\u00e1 desarrollando constantemente el documento Directrices de Accesibilidad para el Contenido Web (WCAG en ingl\u00e9s). Este documento incluye un conjunto de est\u00e1ndares de accesibilidad y garantiza que son similares en todos los pa\u00edses. Adem\u00e1s, contiene una serie de recomendaciones de lo que una persona debe hacer para que su sitio web sea accesible. Esas recomendaciones se llaman criterios de \u00e9xito y, seg\u00fan ellos, cualquier sitio web puede alcanzar uno de los tres rangos: A, AA o AAA. La prueba para asignar un rango se realiza por sistemas autom\u00e1ticos y evaluadores que verifican si el contenido del sitio web cumple con los criterios de \u00e9xito y eval\u00faan la usabilidad de la plataforma.<\/p>\n

La versi\u00f3n m\u00e1s reciente de WCAG, es decir, la versi\u00f3n 2.1, se public\u00f3 el 5 de junio de 2018 y contiene todos los requisitos indicados en las versiones anteriores. Esto significa que si alg\u00fan sitio web cumple con los requisitos de WCAG 2.1, autom\u00e1ticamente cumple con todas las dem\u00e1s versiones de WCAG. Con cada nueva versi\u00f3n simplemente se agregan nuevas directrices a la lista existente. La versi\u00f3n anterior, WCAG 2.0, se acept\u00f3 como una norma ISO \/ IEK 40500, y WCAG 2.1 - como una norma de la Uni\u00f3n Europea EN 301549.<\/p>\n

\n

\u00bfC\u00f3mo hacer que tu sitio web sea compatible con WCAG con la ayuda del Suite de Accesibilidad del Sitio Web?<\/h2>\n

Por supuesto, puedes hacer todas las personalizaciones necesarias manualmente t\u00fa mismo. Tendr\u00e1s que leer cuidadosamente el documento WCAG 2.1 y verificar todos los detalles que se mencionan all\u00ed. Se requiere mucho tiempo y esfuerzo, pero tambi\u00e9n hay otra soluci\u00f3n. TemplateMonster ha lanzado recientemente un servicio llamado Suite de Accesibilidad del Sitio Web<\/a>, y eso es lo que te ayudar\u00e1 a hacer que tu sitio web sea accesible sin tener que pasar una semana en analizar todos los puntos de WCAG 2.1.<\/p>\n

Este servicio agrega un panel especial a tu sitio web y proporciona algunos controles adicionales a los visitantes. Los usuarios y clientes potenciales podr\u00e1n personalizar el aspecto de tu sitio web de acuerdo con sus necesidades. Pueden utilizar las siguientes herramientas:<\/p>\n