Accesibilidad web de Drupal 8: por qué nos encanta y por qué a ti también debería preocuparte

La accesibilidad web está arraigada en los valores y principios de Drupal. A partir de Drupal 7, la iniciativa de accesibilidad web ha progresado en gran medida a través de Drupal 8. ¿Por qué es tan importante la accesibilidad del sitio web? ¿Cómo asegura Drupal 8 la accesibilidad del sitio web? Vamos a sumergirnos para responder a todas sus preguntas.

El poder de la Web está en su universalidad. El acceso de todas las personas independientemente de su discapacidad es un aspecto fundamental. - Tim Berners Lee, inventor de la World Wide Web.

¡Internet como lo conocemos hoy tiene 11315 días! Originalmente concebido para satisfacer la demanda de intercambio automático de información entre científicos en universidades e institutos de todo el mundo, Internet hoy en día es una parte integral de más de 3 mil millones de personas en el mundo. Por varias razones que van desde las redes sociales hasta la recopilación de información para proyectos, hoy en día Internet es posiblemente el recurso más poderoso conocido por la humanidad.

A lo largo de los años, el auge de las aplicaciones de chat-bot y aprendizaje automático ha llevado a las empresas a crear su presencia en línea en forma de sitios web y utilizar inteligencia artificial para una mejor experiencia del cliente. Esto no es sorprendente, dado el hecho de que en los últimos años, el chat o la mensajería se han apoderado de las redes sociales para convertirse en la opción "de referencia" para los usuarios que desean ponerse en contacto con una empresa.

Pero, ¿alguna vez se ha detenido a pensar si todo el mundo puede acceder a la web?

Estamos en 2018 y me pregunto, ¿por qué la accesibilidad web es aún menos, bueno, accesible? Como empresa, el mercado competitivo lo empuja a llegar a la mayor cantidad de personas posible para promover su marca. Más las barreras reducen las posibilidades de llegar a clientes potenciales. Este es básicamente el concepto detrás de la accesibilidad web: eliminar las barreras que enfrenta la audiencia.

¿Qué es la accesibilidad web?

Generalmente, las personas refieren la accesibilidad web con lectores de pantalla o discapacidades visuales. Sin embargo, la gama de temas que cubre es amplia e incluye más que eso. Por ejemplo, tener un contraste de pantalla apropiado para que una persona vea la pantalla en un día soleado es un caso de uso para alguien con una visión normal en lugar de para alguien con una discapacidad.

El Consorcio World Wide Web ha introducido algunas pautas para lograr ciertos niveles de accesibilidad para garantizar que un sitio web sea lo más útil posible. Publicado en 1999 como versión 1.0 y más tarde en 2008 como versión 2.0, WCAG 2.0 es generalmente aceptado como el estándar para medir cuando se habla de accesibilidad web y la información que presenta a un usuario.

La importancia de la accesibilidad web

Con la creciente importancia de Internet en la vida de las personas, si lo que desea transmitir (su contenido básicamente) no es fácilmente accesible para todos, está rechazando a su audiencia incluso antes de que lleguen a la puerta. Por ejemplo, algo tan simple como una mano rota o una ceguera temporal puede dificultar la navegación por la web.

Si bien el hecho de que la accesibilidad web no es solo para personas con discapacidades es bastante resonante, las empresas deben saber que el diseño flexible y receptivo de un sitio web totalmente accesible es un beneficio para todos. Los estándares de accesibilidad web están diseñados para promover la inclusión y Drupal está estableciendo un punto de referencia cuando se trata de apoyar y fomentar la inclusión.

¿Cómo ayuda Drupal ?

Drupal CMS, un SaaS basado en web, brinda la capacidad de organizar y administrar el contenido web de una organización de manera sistemática. Las pautas del Consorcio World Wide Web se dividen en dos: ATAG 2.0 que aborda las herramientas de autoría y WCAG 2.0 que aborda el contenido web y es ampliamente utilizado por los desarrolladores y las herramientas de evaluación de accesibilidad. Drupal CMS, como plataforma, se ha creado para cumplir con ambas pautas. Si bien la iniciativa de accesibilidad comenzó con Drupal 7, Drupal 8 aborda algunas de las mejores funciones de accesibilidad.

Funciones y módulos de accesibilidad de Drupal 8

La versión más avanzada de Drupal permite que su sitio web sea mucho más accesible para las tecnologías de asistencia y los usuarios que dependen de ellas, que nunca antes. Drupal 8 amplía la accesibilidad con varios módulos principales y contribuidos.

Mejor contraste

El nivel de contraste deficiente se suele citar como la característica que los desarrolladores suelen pasar por alto. Sin embargo, en Drupal 8, los temas centrales tienen mayores contrastes, gracias a los mantenedores de accesibilidad de Drupal. Con contrastes mejorados, los usuarios que sufren de daltonismo pueden acceder fácilmente a los sitios web. Además, esta función es una ventaja adicional cuando se visita un sitio web bajo la luz del sol en un dispositivo portátil como un teléfono móvil o una pestaña.

Formularios

Los errores al completar formularios es uno de los factores más comunes que afectan la interfaz de usuario. Con los nuevos estándares, identificar estos errores se vuelve mucho más fácil. Al utilizar una mejor verborrea de errores de validación de formularios, Drupal 8 ofrece una opción para activar esta función que mejora la accesibilidad relacionada con la visualización de errores de formulario. Por ejemplo, una persona con discapacidad visual ahora puede identificar fácilmente qué errores pudo haber cometido al completar un formulario web.

Botones en lugar de enlaces

Una práctica común entre muchos propietarios de sitios web es utilizar textos de anclaje como "llamadas a la acción" en lugar de botones. Desde un punto de vista semántico, es más lógico utilizar un botón en lugar de textos de anclaje, ya que estos elementos de la interfaz de usuario están orientados a la acción. Por ello, Drupal 8 ha pedido que esta medida utilice botones en lugar de enlaces. Este nuevo estándar establecido por Drupal 8 se puede manejar sin depender mucho de WAI-ARIA que puede ser útil para identificar el propósito de algunos elementos.

Otras funciones de accesibilidad de Drupal 8

El texto alternativo (texto alternativo) generalmente se refiere a las palabras que se utilizan para describir una imagen en particular. Aunque no son visibles ni se muestran en la página, estos textos alternativos son utilizados por herramientas como lectores de pantalla y son un gran activo para la accesibilidad web. Esta función, que está configurada como 'requerida' de forma predeterminada en Drupal 8, ayuda a la audiencia con discapacidad visual a saber de qué se trata la imagen con la ayuda del texto.

TabbingManager es una función que restringe las tabulaciones y guía a los usuarios no visuales a elementos importantes de la página "tabulables". Esto es útil para los usuarios que prefieren usar la tecla Tab del teclado en lugar del mouse.

La función de alertas auditivas es una función de Javascript que transmite un mensaje / instrucción asertiva o cortés a los usuarios auditivos si se realizan cambios en la página (que de otro modo pasarían desapercibidos para los lectores de pantalla).

Módulo de creación de diseños

El creador de diseños es uno de los módulos de Drupal 8 más poderosos y populares que es ampliamente utilizado por los creadores de contenido. Ofrece capacidades de creación de páginas fáciles y potentes que permiten a los creadores de sitios crear páginas personalizadas, crear y anular plantillas reutilizables, personalizaciones granulares y mucho más. Se ha mantenido estable desde el lanzamiento de Drupal 8.7 y está en el núcleo.

Como parte del compromiso de Drupal con la inclusión y la accesibilidad, Layout Builder cumple con todas las pautas establecidas en WCAG 2.0 AA (necesarias para cumplir con el nivel AA de las Pautas de accesibilidad al contenido web). Solo una vez que pasó la "puerta de accesibilidad", el módulo se lanzó como una versión estable. Y este fue un compromiso que fue asumido y debidamente cumplido por la comunidad Drupal.

Módulo de verificación de accesibilidad de CKEditor

El módulo CKEditor Accessibility Checker es un módulo de Drupal 8 que le permite probar el nivel de accesibilidad del contenido dentro del CKEditor. No solo detecta las áreas problemáticas en la accesibilidad del sitio web; también le ayuda a resolverlos para una mejor conformación de accesibilidad. Aprovecha el complemento Accessibility Checker de CKEditor.com para realizar estas funcionalidades.

Módulo SiteImprove

Siteimprove es un módulo contribuido por Drupal 8 que proporciona un complemento para conectar su sitio web Drupal a la plataforma de inteligencia Siteimprove. Siteimprove es un software de optimización de presencia digital que proporciona información asombrosa que no solo puede ayudar a mejorar el cumplimiento de la accesibilidad web, sino que también ayuda a mejorar el tráfico del sitio web, la calidad del contenido, el rendimiento y más.

Módulo de cambio de tamaño de texto

Este es un módulo de Drupal contribuido para la accesibilidad web y se usa ampliamente en proyectos de Drupal 7 y Drupal 8. Permite a los usuarios aumentar o disminuir el tamaño de fuente de una página web con solo hacer clic en un botón. Ayuda en gran medida a los usuarios con discapacidad visual, ya que pueden ajustar el tamaño del texto que se adapte a su vista.

El futuro de la accesibilidad web en Drupal

A lo largo de los años, Drupal ha dado grandes pasos para lograr la accesibilidad web a través de varios de sus principales lanzamientos y es una de las implementaciones líderes de los estándares de accesibilidad web. Dado que la accesibilidad web es uno de los principales factores que contribuyen a la interfaz de usuario y la capacidad de una empresa para llegar a la audiencia máxima, varias iniciativas estratégicas para el núcleo de Drupal seguramente darán forma al futuro de la forma en que las personas interactúan con un sitio web. Algunos de los más destacados incluyen:

• Interfaces similares a aplicaciones y varias interacciones de IU que se presentan sin actualizaciones de página completa: paneles deslizantes, enfoque automático, filtros de resultados en vivo, arrastrar y soltar, mensajes emergentes de éxito, vistas previas en vivo, pasos de progreso similares a los de un asistente y suplantación de roles .
• Pruebas automatizadas utilizando controladores de navegador sin cabeza.
• Admite más modos de interacción, como el modo de alto contraste de MS Windows y el control por voz.
• Pruebas de accesibilidad del usuario final
• La iniciativa de la biblioteca de componentes temáticos que implica una gran refactorización de cómo Drupal produce resultados.