Tendencias de diseño de envases para 2022

Estado de cumplimiento

Creemos firmemente que Internet debe estar disponible y ser accesible para todos, y nos comprometemos a ofrecer un sitio web accesible al mayor número posible de personas, independientemente de sus circunstancias y capacidades.

Para cumplirlo, nos proponemos adherirnos lo más estrictamente posible a las Pautas de Accesibilidad al Contenido en la Web 2.1 (WCAG 2.1) del Consorcio World Wide Web (W3C) en el nivel AA. Estas directrices explican cómo hacer accesibles los contenidos web a personas con una amplia gama de discapacidades. Cumplir esas directrices nos ayuda a garantizar que el sitio web sea accesible para todas las personas: ciegos, personas con discapacidad motriz, discapacidad visual, discapacidad cognitiva, etc.

Este sitio web utiliza diversas tecnologías destinadas a hacerlo lo más accesible posible en todo momento. Utilizamos una interfaz de accesibilidad que permite a las personas con específicas puedan ajustar la interfaz de usuario del sitio web a sus necesidades personales.

Además, el sitio web utiliza una aplicación basada en IA que se ejecuta en segundo plano y optimiza su nivel de accesibilidad constantemente. Esta aplicación corrige el HTML del sitio web, adapta su funcionalidad y comportamiento a los lectores de pantalla que utilizan los usuarios invidentes y a las funciones del teclado que utilizan las personas con deficiencias motrices.

Si ha detectado algún fallo o tiene ideas para mejorarlo, estaremos encantados de recibirlas. Puede ponerse en contacto con los operadores del sitio web a través del siguiente correo electrónico

Lector de pantalla y navegación mediante teclado

Nuestro sitio web aplica la técnica de atributos ARIA (Accessible Rich Internet Applications), junto con diversos cambios de comportamiento, para garantizar que los usuarios invidentes que nos visitan con lectores de pantalla puedan leer y disfrutar de las funciones del sitio. lectores de pantalla puedan leer, comprender y disfrutar de las funciones del sitio web. En cuanto un usuario con un lector de pantalla entra en su sitio web, recibe inmediatamente que introduzca el perfil de lector de pantalla para que pueda navegar y utilizar su sitio con eficacia. A continuación, nuestro sitio web cubre algunos de los requisitos más importantes de los lectores de pantalla, junto con capturas de pantalla de consola de ejemplos de código:

1. Optimización para lectores de pantalla: ejecutamos un proceso en segundo plano que aprende los componentes del sitio web de arriba abajo, para garantizar el cumplimiento continuo incluso cuando se actualiza el sitio web. En este proceso, proporcionamos a los lectores de pantalla datos significativos utilizando el conjunto de atributos ARIA. Por ejemplo, proporcionamos etiquetas precisas para los formularios; descripciones de iconos accionables (iconos de redes sociales, iconos de búsqueda, iconos de carrito, etc.); orientaciones de validación para entradas de formularios; funciones de elementos como botones, menús, diálogos modales (popups) y otros. Además, el proceso de fondo escanea todas las imágenes del sitio web y proporciona una descripción precisa y significativa basada en el reconocimiento de objetos como etiqueta ALT (texto alternativo) para las imágenes que no están descritas. para las imágenes que no están descritas. También extraerá los textos que estén incrustados en la imagen, utilizando una tecnología OCR (reconocimiento óptico de caracteres). Para activar los ajustes del lector de pantalla en cualquier momento, los usuarios sólo tienen que pulsar la combinación de teclado Alt+1. Los usuarios de lectores de pantalla también reciben anuncios automáticos para activar el modo lector de pantalla en cuanto entran en el sitio web.

   Estos ajustes son compatibles con todos los lectores de pantalla habituales, incluidos JAWS y NVDA.

2. Optimización de la navegación por teclado: El proceso en segundo plano también ajusta el HTML del sitio web y añade varios comportamientos mediante código JavaScript para que el sitio web se pueda manejar con el teclado. Esto incluye la posibilidad de navegar por el sitio web con las teclas Tab y Mayús+Tab, manejar desplegables con las flechas del teclado, cerrarlos con Esc, activar botones y enlaces con la tecla Intro, navegar entre elementos de radio y casillas de verificación con las flechas del teclado, y rellenarlos con la barra espaciadora o la tecla Intro.Además, los usuarios de teclado encontrarán menús de navegación rápida y de omisión de contenido, disponibles en cualquier momento pulsando Alt+1, o como primeros elementos del sitio al navegar con el teclado. El proceso en segundo plano también gestiona las ventanas emergentes activadas moviendo el foco del teclado hacia ellas en cuanto aparecen, y sin permitir que el foco se desvíe fuera de él.

   Los usuarios también pueden utilizar atajos como "M" (menús), "H" (encabezados), "F" (formularios), "B" (botones) y "G" (gráficos) para saltar a elementos específicos.

Perfiles de discapacidad en nuestro sitio web

• Modo seguro para epilepsia: este perfil permite a las personas con epilepsia utilizar el sitio web de forma segura, eliminando el riesgo de convulsiones que provocan las animaciones intermitentes o parpadeantes y las combinaciones de colores arriesgadas.
• Modo para deficientes visuales: este modo ajusta el sitio web para la comodidad de los usuarios con deficiencias visuales como Degradación de la vista, Visión de túnel, Cataratas, Glaucoma y otros.
• Modo Discapacidad Cog nitiva: este modo ofrece diferentes opciones de asistencia para ayudar a los usuarios con discapacidades cognitivas como la dislexia, el autismo, el AVC y otras, a centrarse en los elementos esenciales de la página web con mayor facilidad.
• Modo ADHD Friendly: este modo ayuda a los usuarios con TDAH y trastornos del neurodesarrollo a leer, navegar y centrarse en los elementos principales del sitio web con mayor facilidad, al tiempo que reduce significativamente las distracciones.
• Modo Ceguera: este modo configura el sitio web para que sea compatible con lectores de pantalla como JAWS, NVDA, VoiceOver y TalkBack. Un lector de pantalla es un software para usuarios invidentes que se instala en ordenadores y smartphones, y los sitios web deben ser compatibles con él.
• Perfil de navegación con teclado (discapacitados motóricos): este perfil permite a los discapacitados motóricos utilizar el sitio web con las teclas Tab, Mayús+Tab y Intro. Los usuarios también pueden utilizar atajos como "M" (menús), "H" (encabezados), "F" (formularios), "B" (botones) y "G" (gráficos) para saltar a elementos específicos.

Ajustes adicionales de interfaz de usuario, diseño y legibilidad

1. Ajustes de fuente - los usuarios, pueden aumentar y disminuir su tamaño, cambiar su familia (tipo), ajustar el espaciado, la alineación, la altura de línea, y mucho más.
2. Ajustes de color: los usuarios pueden seleccionar varios perfiles de contraste de color, como claro, oscuro, invertido y monocromo. Además, los usuarios pueden cambiar los esquemas de color de títulos, textos y fondos, con más de 7 opciones de coloración diferentes.
3. Animaciones: los usuarios epilépticos pueden detener todas las animaciones en ejecución con sólo pulsar un botón. Las animaciones controladas por la interfaz incluyen vídeos, GIF y transiciones intermitentes CSS.
4. Resaltar contenido: los usuarios pueden elegir resaltar elementos importantes como enlaces y títulos. También pueden elegir resaltar solo los elementos enfocados o sobre los que se pasa el ratón.
5. Silenciamiento de audio: los usuarios con dispositivos auditivos pueden sufrir dolores de cabeza u otros problemas debido a la reproducción automática de audio. Esta opción permite silenciar todo el sitio web al instante.
6. Trastornos cognitivos: utilizamos un motor de búsqueda vinculado a Wikipedia y Wikcionario, que permite a las personas con trastornos cognitivos descifrar significados de frases, iniciales, argot y otros.
7. Funciones adicionales: ofrecemos a los usuarios la opción de cambiar el color y el tamaño del cursor, utilizar un modo de impresión, activar un teclado virtual y muchas otras funciones.

Compatibilidad con navegadores y tecnologías de asistencia

Nuestro objetivo es ofrecer compatibilidad con el mayor número posible de navegadores y tecnologías de asistencia, para que nuestros usuarios puedan elegir las herramientas que mejor se adapten a sus necesidades con el menor número posible de limitaciones. Por lo tanto, hemos trabajado muy duro para ser capaces de soportar los principales sistemas que comprenden más del 95% de la cuota de mercado de usuarios, incluyendo Google Chrome, Mozilla Firefox, Apple Safari, Opera y Microsoft Edge, JAWS y NVDA (lectores de pantalla), tanto para Windows como para usuarios de MAC.

Notas, comentarios y opiniones

A pesar de que nos esforzamos al máximo para que cualquier persona pueda adaptar el sitio web a sus necesidades, aún puede haber páginas o secciones que no sean totalmente accesibles, que estén en proceso de serlo o que carezcan de una solución tecnológica adecuada para hacerlas accesibles. Aún así, estamos mejorando continuamente nuestra accesibilidad, añadiendo, actualizando y mejorando sus opciones y características, y desarrollando y adoptando nuevas tecnologías. Todo ello con el fin de alcanzar el nivel óptimo de accesibilidad, siguiendo los avances tecnológicos. Si necesita ayuda, póngase en contacto con