{"id":4288,"date":"2021-05-19T10:17:00","date_gmt":"2021-05-19T08:17:00","guid":{"rendered":"https:\/\/www.insuit.net\/?p=4288"},"modified":"2023-09-05T11:28:33","modified_gmt":"2023-09-05T09:28:33","slug":"reglas-oro-accesibilidad-web-insuit","status":"publish","type":"post","link":"https:\/\/www.insuit.net\/es\/reglas-oro-accesibilidad-web-insuit\/","title":{"rendered":"Las 10 reglas de oro de la accesibilidad web"},"content":{"rendered":"\n
Reglas de oro de la accesibilidad web,<\/strong> \u00bfpara qu\u00e9? El objetivo de cerrar la brecha digital es un hecho que viene reforz\u00e1ndose con el auge de la era digital y, m\u00e1s a\u00fan, en estos tiempos de pandemia, donde se ha acelerado de forma abrupta.<\/p>\n\n\n\n En este momento, invertir en accesibilidad web es un punto que marca la diferencia,<\/strong> no s\u00f3lo por el hecho de evitar sanciones o penalizaciones legales<\/a> que vienen dadas por la exigencia de las distintas normativas que rigen este punto<\/a>, sino tambi\u00e9n, por el hecho de eliminar las barreras que impiden el acceso a la informaci\u00f3n<\/a>, servicios y productos que est\u00e1n en la web.<\/p>\n\n\n\n Esto hace que un grupo de personas en situaci\u00f3n de vulnerabilidad pueda disfrutar de una mejor calidad de vida <\/strong>(personas mayores y con discapacidad) estimulando, adem\u00e1s, una mayor productividad para todos.<\/p>\n\n\n\n Por ello es indispensable sumarse a la accesibilidad web y para hacerlo de la mejor forma, compartimos contigo las 10 reglas de oro de la accesibilidad web<\/strong> que te har\u00e1n ser un agente de cambio social, pero que tambi\u00e9n, te permitir\u00e1 capitalizar un segmento que ha venido siendo excluido por mucho tiempo.<\/p>\n\n\n\n \u00bfQu\u00e9 pasos debemos seguir para crear un sitio web que sea accesible? Presta atenci\u00f3n y toma nota de las 10 reglas que debes cumplir <\/strong>para hacer que tu p\u00e1gina sea accesible y usable.<\/p>\n\n\n\n Ser cuidadoso a la hora de garantizar la accesibilidad y una buena usabilidad web<\/a>, te permitir\u00e1 llegar a un mayor n\u00famero de personas interesadas en digerir el contenido que ofreces en tu p\u00e1gina web.<\/strong><\/p>\n\n\n\n S\u00famate a la accesibilidad web <\/strong>y garantiza el cumplimiento de la normativa que exige el Real Decreto 1112\/2018<\/a> a las administraciones p\u00fablicas, as\u00ed como con la Ley 56\/2007 y el nuevo Real Decreto 193\/2023 dirigido al sector privado<\/a>, o a cumplir con las exigencias del programa subvencionado de Kit Digital<\/a>. <\/p>\n\n\n\n Ayuda de esta forma a que las personas con discapacidad puedan navegar de manera libre e independiente por la web, <\/strong>mejorando as\u00ed su calidad de vida y sus oportunidades de productividad.<\/p>\n\n\n\n \u00a1En inSuit te lo hacemos sencillo! <\/strong>Dejamos a tu disposici\u00f3n la soluci\u00f3n ideal para que puedas capitalizar y garantizar los est\u00e1ndares de accesibilidad web<\/strong> sin necesidad de hacer modificaciones complicadas en tu p\u00e1gina original.<\/p>\n\n\n\n10 reglas de oro de la accesibilidad web<\/h2>\n\n\n\n
\n
En este punto te recomendamos sacarle el mayor provecho a la <\/strong>Plataforma de Accesibilidad inSuit Tools\u00ae<\/a>, con la que podr\u00e1s enriquecer tu p\u00e1gina web con informaci\u00f3n sem\u00e1ntica siguiendo el est\u00e1ndar Wai-aria y mejorar muchas pautas de accesibilidad en el contenido web descritas en la Web Content Accessibility Guidelines (WCAG)<\/a>. Donde proponemos soluciones personalizadas por expertos en accesibilidad y usabilidad.<\/strong>
<\/li>\n\n\n\n
Este punto es fundamental para permitir la accesibilidad y funcionalidad con tecnolog\u00eda de asistencia<\/strong> como lectores de contenido. Tal es el caso de nuestra herramienta inSuit Aloud\u00ae,<\/strong> que le permite a tu web leer al usuario el contenido y las opciones disponibles, lo que posibilita el acceso a los contenidos y la navegaci\u00f3n<\/strong> sin necesidad de ver la pantalla.
Para ello el motor de inSuit Tools\u00ae, optimiza los elementos sem\u00e1nticos de HTML aprovechando la posibilidad de dar informaci\u00f3n extra a trav\u00e9s de los elementos o etiquetas de este lenguaje, <\/strong>con la finalidad de definir o describir el contenido, funci\u00f3n o secci\u00f3n que contienen. Dicha informaci\u00f3n es clave para rastrear documentos de forma \u00f3ptima.<\/strong><\/li>\n<\/ol>\n\n\n\n\n
El motor de inSuit Tools\u00ae posiciona el foco del teclado en todos los elementos de la p\u00e1gina para permitir la navegaci\u00f3n<\/strong> por la web. Lo realiza de forma independiente a c\u00f3mo se haya desarrollado la misma, modificando su programaci\u00f3n en tiempo real<\/strong>, para que todo elemento que pudiera bloquear la navegaci\u00f3n por no cumplir con las normas de accesibilidad web sea subsanado. De esta forma los usuarios pueden acceder a todo el contenido de la p\u00e1gina y navegar utilizando \u00fanicamente el teclado<\/strong>.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n\n\n\n\n
Mantener un contenido simple y comprensible aunado a un dise\u00f1o claro deja muchos beneficios. En este caso, inSuit Keyboard\u00ae es la soluci\u00f3n ideal para que el usuario puede navegar aprovechando todos los elementos<\/strong> visuales destacados, permiti\u00e9ndole estar m\u00e1s centrados, simplificando as\u00ed la navegaci\u00f3n.
Esto ser\u00e1 atractivo para muchas personas, haciendo que la web sea mucho m\u00e1s accesible para aquellos con dificultad de aprendizaje<\/strong> o con discapacidades cognitivas.
<\/li>\n\n\n\n
Elegir colores con un buen contraste para navegar, leer e interactuar es un punto a favor para toda p\u00e1gina web. Para ello, te ofrecemos la soluci\u00f3n inSuit Visual\u00ae,<\/strong> la cual permitir\u00e1 al usuario poder hacer combinaci\u00f3n de contraste y color<\/strong> para as\u00ed visualizar textos limpios e incluso ajustar su tama\u00f1o.
Contar con un contraste \u00f3ptimo entre los colores del primer plano y de fondo permite identificar de una manera m\u00e1s f\u00e1cil los textos, im\u00e1genes, enlaces, \u00edconos y botones. <\/strong>Punto muy importante para digerir la informaci\u00f3n en la web.<\/li>\n<\/ol>\n\n\n\n\n
Toma en cuenta, siempre, que el texto alternativo (el que describe a las im\u00e1genes) es clave a la hora de mejorar la accesibilidad para las personas que no pueden ver im\u00e1genes en la web, <\/strong>de esta forma los lectores de pantalla podr\u00e1n describir lo que no puede ser percibido en im\u00e1genes.
Tomando en cuenta la importancia del texto alternativo, en inSuit Tools\u00ae hemos ideado la forma de detectar todas a las im\u00e1genes con informaci\u00f3n<\/strong> sin un texto que las describa; esto con la finalidad, de generarlos. <\/strong>De esta forma queda garantizado que no exista ninguna imagen en la p\u00e1gina web que no tenga la etiqueta Alt<\/a>.
<\/li>\n\n\n\n
El motor de inSuit Tools\u00ae incorpora de manera autom\u00e1tica el protocolo<\/strong> WAI-ARIA<\/strong>, una especificaci\u00f3n t\u00e9cnica de la W3C que describe c\u00f3mo a\u00f1adir contenido sem\u00e1ntico y metadatos al contenido HTML, proporcionando a los navegadores web informaci\u00f3n sobre el comportamiento de la interfaz y su estructura. Mediante esta informaci\u00f3n, inSuit Tools\u00ae puede introducir balizas t\u00e9cnicas para guiar al usuario a trav\u00e9s de la web de manera accesible<\/strong>.
Un ejemplo de esto, es el hecho de utilizar etiquetas para describir los campos de entrada y marcadores de posici\u00f3n<\/strong> dentro de un formulario aprovechando sus etiquetas, lo cual es muy \u00fatil y pr\u00e1ctico para los usuarios.
<\/li>\n\n\n\n
Evita que tus usuarios se pierdan informaci\u00f3n extra y relevante de la p\u00e1gina. Cada enlace debe tener siempre una raz\u00f3n significativa detr\u00e1s de \u00e9l<\/strong> y, esa raz\u00f3n, debe ser accesible. Entendiendo este punto, inSuit Tools\u00ae es capaz de etiquetar y balizar numerando a cada enlace en la web,<\/strong> haci\u00e9ndolos accesibles para todos los usuarios.
<\/li>\n\n\n\n
De esta forma podr\u00e1s dejar con mayor claridad las opciones de interacci\u00f3n<\/strong> que llaman a una acci\u00f3n en la web.
Independientemente del tama\u00f1o del bot\u00f3n que tenga la p\u00e1gina web original, inSuit Tools\u00ae va a etiquetarlo y balizarlo de forma que sea m\u00e1s visible y accesible<\/strong>. Adem\u00e1s, con las funcionalidades de inSuit Senior\u00ae (para personas mayores) e inSuit Visual\u00ae (para visi\u00f3n reducida)<\/strong>, es posible aumentar de tama\u00f1o todos los elementos de la web<\/strong> para que sean m\u00e1s visibles.<\/li>\n<\/ol>\n\n\n\n\n
Los subt\u00edtulos hacen que los videos sean accesibles para personas con dificultades auditivas.<\/strong> Incluso tambi\u00e9n para eliminar barreras de idiomas o para las personas que desean ver videos en entornos ruidosos o donde necesitan estar en silencio.
\u00a1Con inSuit puedes resolverlo!<\/strong> A trav\u00e9s de un servicio complementario, te ofrecemos la posibilidad de generar subt\u00edtulos en directo de manera autom\u00e1tica. <\/li>\n<\/ol>\n\n\n\nCumple con todas las reglas de oro de la accesibilidad web con inSuit<\/h2>\n\n\n\n