ACCESIBILIDAD

grandecosmetics.com

Estado de cumplimiento

Creemos firmemente que internet debe estar disponible y ser accesible para cualquier persona, y estamos comprometidos a proporcionar un sitio web accesible para el público más amplio posible, independientemente de las circunstancias y la capacidad.

Para lograrlo, nuestro objetivo es cumplir lo más estrictamente posible con 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 pautas explican cómo hacer que el contenido web sea accesible para personas con una amplia gama de discapacidades. El cumplimiento de estas pautas nos ayuda a garantizar que el sitio web sea accesible para todas las personas: personas ciegas, personas con problemas de movilidad, problemas de visión, discapacidades cognitivas y más.

Este sitio web utiliza varias tecnologías destinadas a hacerlo lo más accesible posible en todo momento. Utilizamos una interfaz de accesibilidad que permite a las personas con discapacidades específicas ajustar la UI (interfaz de usuario) del sitio web y diseñarla según 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 repara el HTML del sitio web, adapta su funcionalidad y comportamiento para los lectores de pantalla utilizados por usuarios ciegos, y para las funciones de teclado utilizadas por personas con problemas de movilidad.

Si desea ponerse en contacto con el propietario del sitio web, utilice el siguiente correo electrónico customerservice@grandecosmetics.com

Lector de pantalla y navegación con teclado

Nuestro sitio web implementa la técnica de atributos ARIA (Aplicaciones de Internet Enriquecidas Accesibles), junto con varios cambios de comportamiento diferentes, para garantizar que los usuarios ciegos que visitan con lectores de pantalla puedan leer, comprender y disfrutar de las funciones del sitio web. Tan pronto como un usuario con un lector de pantalla entra en su sitio, recibe inmediatamente un aviso para ingresar al Perfil de Lector de Pantalla para que pueda navegar y operar su sitio de manera efectiva. Así es como nuestro sitio web cubre algunos de los requisitos más importantes del lector de pantalla, junto con capturas de pantalla de la consola de ejemplos de código:

1. Optimización del lector de pantalla: ejecutamos un proceso en segundo plano que aprende los componentes del sitio web de arriba a abajo, para garantizar el cumplimiento continuo incluso al actualizar el sitio web. En este proceso, proporcionamos a los lectores de pantalla datos significativos utilizando el conjunto de atributos ARIA. Por ejemplo, proporcionamos etiquetas de formulario precisas; descripciones para iconos accionables (iconos de redes sociales, iconos de búsqueda, iconos de carrito, etc.); guía de validación para entradas de formulario; roles de elementos como botones, menús, diálogos modales (ventanas emergentes) y otros.

Además, el proceso en segundo plano escanea todas las imágenes del sitio web y proporciona una descripción precisa y significativa basada en el reconocimiento de objetos de imagen como una etiqueta ALT (texto alternativo) para las imágenes que no están descritas. También extraerá textos 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 solo necesitan presionar la combinación de teclas Alt+1. Los usuarios de lectores de pantalla también reciben anuncios automáticos para activar el modo de lector de pantalla tan pronto como entran en el sitio web.

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

2. Optimización de la navegación con teclado: El proceso en segundo plano también ajusta el HTML del sitio web y añade varios comportamientos utilizando código JavaScript para que el sitio web sea operable mediante el teclado. Esto incluye la capacidad de navegar por el sitio web utilizando las teclas Tab y Shift+Tab, operar menús desplegables con las teclas de flecha, cerrarlos con Esc, activar botones y enlaces utilizando la tecla Enter, navegar entre elementos de radio y casilla de verificación utilizando las teclas de flecha, y rellenarlos con la barra espaciadora o la tecla Enter.

Además, los usuarios de teclado encontrarán navegación rápida y menús para saltar contenido, disponibles en cualquier momento haciendo clic en Alt+1, o como el primer elemento del sitio al navegar con el teclado. El proceso en segundo plano también maneja las ventanas emergentes activadas moviendo el foco del teclado hacia ellas tan pronto como aparecen, y no permitiendo que el foco se desvíe fuera de ellas.

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

Perfiles de discapacidad compatibles en nuestro sitio web

Perfil seguro para la epilepsia: este perfil permite a las personas con epilepsia usar el sitio web de forma segura eliminando el riesgo de ataques resultantes de animaciones intermitentes o parpadeantes y combinaciones de colores arriesgadas.

Perfil de discapacidad visual: este perfil ajusta el sitio web para que sea accesible para la mayoría de las discapacidades visuales como la degeneración visual, visión de túnel, cataratas, glaucoma y otras.

Perfil de discapacidad cognitiva: este perfil proporciona varias funciones de asistencia para ayudar a los usuarios con discapacidades cognitivas como autismo, dislexia, ACV y otras, a concentrarse en los elementos esenciales más fácilmente.

Perfil amigable con el TDAH: este perfil reduce significativamente las distracciones y el ruido, para ayudar a las personas con TDAH y trastornos del neurodesarrollo a navegar, leer y concentrarse en los elementos esenciales más fácilmente.

Perfil de usuarios ciegos (lectores de pantalla): este perfil ajusta el sitio web para que sea compatible con lectores de pantalla como JAWS, NVDA, VoiceOver y TalkBack. Un lector de pantalla está instalado en la computadora del usuario ciego y este sitio es compatible con él.

Perfil de navegación con teclado (discapacidad motriz): este perfil permite a las personas con discapacidad motriz operar el sitio web utilizando las teclas Tab, Shift+Tab y Enter del teclado. Los usuarios también pueden usar atajos como "M" (menús), "H" (encabezados), "F" (formularios), "B" (botones) y "G" (gráficos) para saltar a elementos específicos.

Ajustes adicionales de UI, 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 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 intercambiar esquemas de color de títulos, textos y fondos, con más de 7 opciones de coloración diferentes.

1. Animaciones – los usuarios epilépticos pueden detener todas las animaciones en ejecución con un clic de botón. Las animaciones controladas por la interfaz incluyen videos, GIF y transiciones de destello CSS.
2. Resaltado de contenido – los usuarios pueden elegir enfatizar elementos importantes como enlaces y títulos. También pueden elegir resaltar solo elementos enfocados o sobre los que se pasa el cursor.
3. Silenciamiento de audio – los usuarios con dispositivos auditivos pueden experimentar dolores de cabeza u otros problemas debido a la reproducción automática de audio. Esta opción permite a los usuarios silenciar todo el sitio web al instante.
4. Trastornos cognitivos – utilizamos un motor de búsqueda vinculado a Wikipedia y Wiktionary, lo que permite a las personas con trastornos cognitivos descifrar significados de frases, iniciales, argot y otros.
5. Funciones adicionales – ofrecemos a los usuarios la opción de cambiar el color y el tamaño del cursor, usar un modo de impresión, habilitar un teclado virtual y muchas otras funciones.

Tecnología de asistencia y compatibilidad con el navegador

Nuestro objetivo es admitir la más amplia gama posible de navegadores y tecnologías de asistencia, para que nuestros usuarios puedan elegir las herramientas que mejor se adapten a ellos, con las mínimas limitaciones posibles. Por lo tanto, hemos trabajado muy duro para poder admitir todos los sistemas principales que comprenden más del 95 % de la cuota de mercado de usuarios, incluidos Google Chrome, Mozilla Firefox, Apple Safari, Opera y Microsoft Edge, JAWS y NVDA (lectores de pantalla), tanto para usuarios de Windows como de MAC.

Notas, comentarios y retroalimentación

A pesar de nuestros mejores esfuerzos para permitir que cualquier persona adapte el sitio web a sus necesidades, aún puede haber páginas o secciones que no sean completamente accesibles, que estén en proceso de serlo o que carezcan de una solución tecnológica adecuada para hacerlas accesibles. Aun así, mejoramos continuamente nuestra accesibilidad, agregando, actualizando y mejorando sus opciones y características, y desarrollando y adoptando nuevas tecnologías. Todo esto tiene como objetivo alcanzar el nivel óptimo de accesibilidad, siguiendo los avances tecnológicos. Si desea ponerse en contacto con el propietario del sitio web, utilice el siguiente correo electrónico customerservice@grandecosmetics.com