Desde logotipos hasta diseño web: nuestro estudio de diseño gráfico transforma ideas en éxitos visuales

Estado de cumplimiento

Creemos firmemente que internet debe estar disponible y ser accesible para cualquier persona, y nos comprometemos a ofrecer un sitio web accesible para el público más amplio posible, independientemente de las circunstancias y las capacidades.

Para cumplir con esto, nuestro objetivo es adherirnos lo más estrictamente posible a las Pautas de Accesibilidad para el Contenido 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 variedad de discapacidades. Cumplir con esas pautas nos ayuda a garantizar que el sitio web sea accesible para todas las personas: personas ciegas, personas con discapacidades motoras, discapacidad visual, discapacidades cognitivas y más.

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 discapacidades específicas ajustar la interfaz de usuario (UI) 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 de forma constante. Esta aplicación corrige el HTML del sitio web, adapta su funcionalidad y comportamiento para los lectores de pantalla utilizados por los usuarios ciegos, y para las funciones de teclado utilizadas por las personas con discapacidades motoras.

If you’ve found a malfunction or have ideas for improvement, we’ll be happy to hear from you. You can reach out to the website’s operators by using the following email info@kaos.de

Navegación con lector de pantalla y teclado

Nuestro sitio web implementa la técnica de atributos ARIA (Accessible Rich Internet Applications), junto con diversos cambios de comportamiento, para garantizar que los usuarios ciegos que lo 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 entrar en el 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 de los lectores 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 usando 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.); orientación de validación para campos 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 etiqueta ALT (texto alternativo) para las imágenes que no están descritas. También extraerá los textos que están incrustados dentro de la imagen, usando una tecnología OCR (reconocimiento óptico de caracteres). Para activar los ajustes del lector de pantalla en cualquier momento, los usuarios solo necesitan pulsar 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 por teclado: El proceso en segundo plano también ajusta el HTML del sitio web y añade diversos comportamientos mediante código JavaScript para que el sitio web sea operable con el teclado. Esto incluye la capacidad de navegar por el sitio web usando las teclas Tab y Shift+Tab, operar menús desplegables con las teclas de flecha, cerrarlos con Esc, activar botones y enlaces con la tecla Enter, navegar entre elementos de botón de opción y casilla de verificación usando las teclas de flecha, y rellenarlos con la barra espaciadora o la tecla Enter. 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 al pulsar Alt+1, o como los 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 tan pronto como aparecen, y no permite que el foco se desplace fuera de ellas.

   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 compatibles con nuestro sitio web

• Modo seguro para la epilepsia: este perfil permite a las personas con epilepsia usar el sitio web de forma segura al eliminar el riesgo de convulsiones provocadas por animaciones intermitentes o parpadeantes y combinaciones de colores de riesgo.
• Modo para personas con discapacidad visual: este modo adapta el sitio web para la comodidad de los usuarios con discapacidades visuales como degradación de la vista, visión tubular, cataratas, glaucoma y otras.
• Modo para discapacidad cognitiva: este modo ofrece diferentes opciones de asistencia para ayudar a los usuarios con discapacidades cognitivas como dislexia, autismo, ACV y otras, a centrarse en los elementos esenciales del sitio web con mayor facilidad.
• Modo compatible con el TDAH: 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 para 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 ciegos que se instala en un ordenador y un teléfono inteligente, y los sitios web deben ser compatibles con él.
• Perfil de navegación por teclado (personas con discapacidad motriz): este perfil permite a las personas con discapacidad motriz operar el sitio web utilizando las teclas Tab, Shift+Tab y Enter. 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, 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 diversos perfiles de contraste de color, como claro, oscuro, invertido y monocromo. Además, los usuarios pueden intercambiar los esquemas de color de títulos, textos y fondos, con más de siete opciones de coloración diferentes.
3. Animaciones – una persona con epilepsia puede detener todas las animaciones en ejecución con solo pulsar un botón. Las animaciones controladas por la interfaz incluyen vídeos, GIF y transiciones de parpadeo CSS.
4. Resaltado de contenido – los usuarios pueden elegir enfatizar elementos importantes como enlaces y títulos. También pueden optar por resaltar solo elementos enfocados o sobre los que se pasa el cursor.
5. 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 instantáneamente.
6. Trastornos cognitivos – utilizamos un motor de búsqueda vinculado a Wikipedia y Wiktionary, que permite a las personas con trastornos cognitivos descifrar el significado de frases, siglas, jerga y otros términos.
7. 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.

Compatibilidad con navegadores y tecnologías de asistencia

Nuestro objetivo es admitir la mayor variedad 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 ello, 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).

Notas, comentarios y sugerencias

Despite our very best efforts to allow anybody to adjust the website to their needs. There may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or are lacking an adequate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating and improving its options and features, and developing and adopting new technologies. All this is meant to reach the optimal level of accessibility, following technological advancements. For any assistance, please reach out to info@kaos.de