Un bon design

Statut de conformité

Nous croyons fermement que l'internet doit être disponible et accessible à tous, et nous nous engageons à fournir un site web accessible au plus grand nombre possible de personnes, quelles que soient leur situation et leurs capacités.

Pour ce faire, nous nous efforçons de respecter aussi strictement que possible les Règles pour l'accessibilité des contenus Web 2.1 (WCAG 2.1) du World Wide Web Consortium (W3C) au niveau AA. Ces règles expliquent comment rendre le contenu web accessible aux personnes présentant un large éventail de handicaps. Le respect de ces règles nous aide à garantir que le site web est accessible à toutes les personnes : les personnes aveugles, les personnes ayant des troubles moteurs, une déficience visuelle, des troubles cognitifs, et bien d'autres.

Ce site web utilise diverses technologies destinées à le rendre aussi accessible que possible à tout moment. Nous utilisons une interface d'accessibilité qui permet aux personnes présentant des handicaps spécifiques d'ajuster l'interface utilisateur (UI) et le design du site web selon leurs besoins personnels.

De plus, le site web utilise une application basée sur l'IA qui s'exécute en arrière-plan et optimise constamment son niveau d'accessibilité. Cette application corrige le HTML du site web, adapte ses fonctionnalités et son comportement pour les lecteurs d'écran utilisés par les utilisateurs aveugles, ainsi que pour les fonctions clavier utilisées par les personnes présentant des déficiences motrices.

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

Navigation par lecteur d'écran et clavier

Notre site web met en œuvre la technique des attributs ARIA (Accessible Rich Internet Applications), parallèlement à diverses modifications comportementales, afin de garantir que les utilisateurs aveugles visitant le site avec des lecteurs d'écran puissent lire, comprendre et profiter des fonctionnalités du site web. Dès qu'un utilisateur muni d'un lecteur d'écran entre sur votre site, il reçoit immédiatement une invite l'invitant à accéder au profil de lecteur d'écran afin qu'il puisse naviguer et utiliser votre site efficacement. Voici comment notre site web répond à certaines des exigences les plus importantes en matière de lecteurs d'écran, accompagnées de captures d'écran de la console présentant des exemples de code :

1. Optimisation pour lecteur d'écran : nous exécutons un processus en arrière-plan qui apprend les composants du site web de haut en bas, afin de garantir une conformité continue même lors de la mise à jour du site web. Dans ce processus, nous fournissons aux lecteurs d'écran des données significatives à l'aide de l'ensemble d'attributs ARIA. Par exemple, nous fournissons des libellés de formulaire précis ; des descriptions pour les icônes interactives (icônes de médias sociaux, icônes de recherche, icônes de panier, etc.) ; des indications de validation pour les champs de formulaire ; des rôles d'éléments tels que boutons, menus, boîtes de dialogue modales (fenêtres contextuelles), et autres. De plus, le processus en arrière-plan analyse toutes les images du site web et fournit une description précise et significative basée sur la reconnaissance d'objets d'image sous forme de balise ALT (texte alternatif) pour les images qui ne sont pas décrites. Il extrait également les textes intégrés dans l'image, à l'aide d'une technologie OCR (reconnaissance optique de caractères). Pour activer les ajustements pour lecteurs d'écran à tout moment, les utilisateurs n'ont qu'à appuyer sur la combinaison de touches Alt+1. Les utilisateurs de lecteurs d'écran reçoivent également des annonces automatiques pour activer le mode lecteur d'écran dès qu'ils entrent sur le site web.

   Ces ajustements sont compatibles avec tous les lecteurs d'écran populaires, notamment JAWS et NVDA.

2. Optimisation de la navigation au clavier : Le processus en arrière-plan ajuste également le HTML du site web et ajoute divers comportements à l'aide de code JavaScript afin de rendre le site web utilisable au clavier. Cela inclut la possibilité de naviguer sur le site web à l'aide des touches Tab et Maj+Tab, d'utiliser les listes déroulantes avec les touches fléchées, de les fermer avec Échap, de déclencher des boutons et des liens à l'aide de la touche Entrée, de naviguer entre les éléments de type bouton radio et case à cocher à l'aide des touches fléchées, et de les remplir avec la barre d'espace ou la touche Entrée. De plus, les utilisateurs du clavier trouveront des menus de navigation rapide et de saut de contenu, disponibles à tout moment en cliquant sur Alt+1, ou comme premiers éléments du site lors de la navigation au clavier. Le processus en arrière-plan gère également les fenêtres contextuelles déclenchées en déplaçant le focus du clavier vers celles-ci dès qu'elles apparaissent, et ne permet pas au focus de sortir de celles-ci.

   Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (graphiques) pour accéder directement à des éléments spécifiques.

Profils de handicap pris en charge sur notre site web

• Mode sécurisé pour l'épilepsie : ce profil permet aux personnes épileptiques d'utiliser le site web en toute sécurité en éliminant le risque de crises résultant d'animations clignotantes ou scintillantes et de combinaisons de couleurs à risque.
• Mode malvoyant : ce mode adapte le site web pour la commodité des utilisateurs ayant des déficiences visuelles telles que la baisse de la vue, la vision tubulaire, la cataracte, le glaucome, et autres.
• Mode handicap cognitif : ce mode propose différentes options d'assistance pour aider les utilisateurs présentant des troubles cognitifs tels que la dyslexie, l'autisme, l'AVC et autres, à se concentrer plus facilement sur les éléments essentiels du site web.
• Mode adapté aux TDAH : ce mode aide les utilisateurs atteints de TDAH et de troubles neurodéveloppementaux à lire, naviguer et se concentrer plus facilement sur les éléments principaux du site web, tout en réduisant considérablement les distractions.
• Mode cécité : ce mode configure le site web pour qu'il soit compatible avec les lecteurs d'écran tels que JAWS, NVDA, VoiceOver et TalkBack. Un lecteur d'écran est un logiciel destiné aux utilisateurs aveugles, installé sur un ordinateur et un smartphone, et les sites web doivent être compatibles avec celui-ci.
• Profil de Navigation au Clavier (Personnes en Situation de Handicap Moteur) : ce profil permet aux personnes en situation de handicap moteur d'utiliser le site web à l'aide des touches Tab, Maj+Tab et Entrée. Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (images) pour accéder directement à des éléments spécifiques.

Réglages supplémentaires de l'interface, du design et de la lisibilité

1. Ajustements de police – les utilisateurs peuvent augmenter et diminuer sa taille, modifier sa famille (type), ajuster l'espacement, l'alignement, la hauteur de ligne, et bien plus.
2. Réglages des couleurs – les utilisateurs peuvent sélectionner divers profils de contraste de couleurs tels que clair, sombre, inversé et monochrome. En outre, les utilisateurs peuvent permuter les schémas de couleurs des titres, des textes et des arrière-plans, avec plus de sept options de coloration différentes.
3. Animations – une personne épileptique peut arrêter toutes les animations en cours d'un simple clic sur un bouton. Les animations contrôlées par l'interface incluent les vidéos, les GIF et les transitions clignotantes CSS.
4. Mise en évidence du contenu – les utilisateurs peuvent choisir de mettre l'accent sur des éléments importants tels que les liens et les titres. Ils peuvent également choisir de mettre en évidence uniquement les éléments ciblés ou survolés.
5. Désactivation de l'audio – les utilisateurs porteurs de dispositifs auditifs peuvent éprouver des maux de tête ou d'autres problèmes en raison de la lecture automatique de l'audio. Cette option permet aux utilisateurs de désactiver instantanément l'audio du site Web entier.
6. Troubles cognitifs – nous utilisons un moteur de recherche lié à Wikipédia et à Wiktionnaire, permettant aux personnes atteintes de troubles cognitifs de déchiffrer la signification de phrases, sigles, argot et autres.
7. Fonctions supplémentaires – nous offrons aux utilisateurs la possibilité de modifier la couleur et la taille du curseur, d'utiliser un mode d'impression, d'activer un clavier virtuel et bien d'autres fonctions.

Compatibilité avec les navigateurs et les technologies d'assistance

Nous visons à prendre en charge le plus grand nombre possible de navigateurs et de technologies d'assistance, afin que nos utilisateurs puissent choisir les outils qui leur conviennent le mieux, avec le moins de limitations possible. C'est pourquoi nous avons travaillé très dur pour pouvoir prendre en charge tous les principaux systèmes qui représentent plus de 95 % de la part de marché des utilisateurs, notamment Google Chrome, Mozilla Firefox, Apple Safari, Opera et Microsoft Edge, JAWS et NVDA (lecteurs d'écran).

Notes, commentaires et retours

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