Un projet de master international commun entre l’Université d’Oued et l’Université de Gafsa

Statut de conformité

Nous croyons fermement qu'Internet doit être disponible et accessible à tous, et nous nous engageons à fournir un site Web accessible au public le plus large possible, quelles que soient les circonstances et les capacités.

Pour y parvenir, nous visons à adhérer aussi strictement que possible aux directives pour l'accessibilité des contenus Web 2.1 (WCAG 2.1) du World Wide Web Consortium (W3C) au niveau AA. Ces lignes directrices expliquent comment rendre le contenu Web accessible aux personnes présentant un large éventail de handicaps. Le respect de ces directives nous aide à garantir que le site Web est accessible à tous : personnes aveugles, personnes ayant une déficience motrice, une déficience visuelle, une déficience cognitive, etc.

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 souffrant de handicaps spécifiques d'ajuster l'interface utilisateur du site Web (interface utilisateur) et de la concevoir en fonction de 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 aux lecteurs d'écran utilisés par les utilisateurs aveugles et aux fonctions de clavier utilisées par les personnes ayant une déficience motrice.

Si vous avez constaté un dysfonctionnement ou si vous avez des idées d'amélioration, nous serons heureux de vous entendre. Vous pouvez contacter les opérateurs du site Web en utilisant l'e-mail suivant

Lecteur d'écran et navigation au clavier

Notre site Web met en œuvre la technique des attributs ARIA (Accessible Rich Internet Applications), ainsi que divers changements de comportement, pour garantir que les utilisateurs aveugles visitant avec des lecteurs d'écran soient capables de lire, de comprendre et de profiter des fonctions du site Web. Dès qu'un utilisateur équipé d'un lecteur d'écran accède à votre site, il reçoit immédiatement une invitation à saisir le profil du lecteur d'écran afin de pouvoir parcourir et exploiter votre site efficacement. Voici comment notre site Web couvre certaines des exigences les plus importantes en matière de lecteur d'écran, ainsi que des captures d'écran de console d'exemples de code :

1. Optimisation du lecteur d'écran : we run a background process that learns the website’s components from top to bottom, to ensure ongoing compliance even when updating the website. In this process, we provide screen-readers with meaningful data using the ARIA set of attributes. For example, we provide accurate form labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; element roles such as buttons, menus, modal dialogues (popups), and others. Additionally, the background process scans all the website’s images and provides an accurate and meaningful image-object-recognition-based description as an ALT (alternate text) tag for images that are not described. It will also extract texts that are embedded within the image, using an OCR (optical character recognition) technology. To turn on screen-reader adjustments at any time, users need only to press the Alt+1 keyboard combination. Screen-reader users also get automatic announcements to turn the Screen-reader mode on as soon as they enter the website.

   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 code HTML du site Web et ajoute divers comportements à l'aide du code JavaScript pour rendre le site Web exploitable au clavier. Cela inclut la possibilité de naviguer sur le site Web à l'aide des touches Tab et Shift+Tab, d'utiliser les listes déroulantes avec les touches fléchées, de les fermer avec Echap, de déclencher des boutons et des liens à l'aide de la touche Entrée, de naviguer entre les éléments radio et les cases à cocher à l'aide des touches fléchées, et remplissez-les 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 avec le clavier. Le processus d'arrière-plan gère également les fenêtres contextuelles déclenchées en déplaçant le focus du clavier vers elles dès qu'elles apparaissent, et ne permet pas au focus de dériver en dehors de celui-ci.

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

Profils de handicap pris en charge sur notre site Web

• Mode sans échec pour l'épilepsie : Ce profil permet aux personnes épileptiques d'utiliser le site Web en toute sécurité en éliminant le risque de convulsions résultant d'animations clignotantes ou clignotantes et de combinaisons de couleurs risquées.
• Mode malvoyant : Ce mode ajuste le site Web pour la commodité des utilisateurs souffrant de déficiences visuelles telles que la dégradation de la vue, la vision tunnel, la cataracte, le glaucome et autres.
• Mode handicap cognitif : Ce mode offre différentes options d'assistance pour aider les utilisateurs souffrant de déficiences cognitives telles que la dyslexie, l'autisme, le CVA et autres, à se concentrer plus facilement sur les éléments essentiels du site Web.
• Mode adapté au TDAH : Ce mode aide les utilisateurs atteints de TDAH et de troubles neurodéveloppementaux à lire, parcourir et se concentrer plus facilement sur les principaux éléments 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 qui s'installe sur un ordinateur et un smartphone, et les sites Web doivent être compatibles avec celui-ci.
• Profil de navigation au clavier (déficients moteurs) : Ce profil permet aux personnes à mobilité réduite d'utiliser le site Internet à l'aide des touches Tab, Shift+Tab et Entrée du clavier. Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (graphiques) pour accéder à des éléments spécifiques.

Ajustements supplémentaires de l’interface utilisateur, de la conception 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 des lignes, etc.
2. Ajustements de couleur – Les utilisateurs peuvent sélectionner différents profils de contraste de couleurs tels que clair, foncé, inversé et monochrome. De plus, les utilisateurs peuvent échanger 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 en cliquant sur un bouton. Les animations contrôlées par l'interface incluent des vidéos, des GIF et des transitions clignotantes CSS.
4. Mise en valeur 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. Coupure audio – Les utilisateurs d'appareils auditifs peuvent ressentir des maux de tête ou d'autres problèmes dus à la lecture audio automatique. Cette option permet aux utilisateurs de désactiver instantanément l’ensemble du site Web.
6. Troubles cognitifs – Nous utilisons un moteur de recherche lié à Wikipédia et Wiktionnaire, permettant aux personnes souffrant de troubles cognitifs de déchiffrer la signification d'expressions, d'initiales, d'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 de nombreuses autres fonctions.

Compatibilité du navigateur et des technologies d'assistance

Notre objectif est de prendre en charge le plus large éventail 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. Par conséquent, nous avons travaillé très dur pour être en mesure de prendre en charge tous les principaux systèmes qui représentent plus de 95% de 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

Malgré tous nos efforts pour permettre à chacun d'adapter le site Web à ses besoins. Il peut encore y avoir des pages ou des sections qui ne sont pas entièrement accessibles, qui sont en train de le devenir ou qui ne disposent pas d'une solution technologique adéquate pour les rendre accessibles. Néanmoins, nous améliorons constamment notre accessibilité, ajoutons, mettons à jour et améliorons ses options et fonctionnalités, et développons et adoptons de nouvelles technologies. Tout cela vise à atteindre le niveau optimal d’accessibilité, suite aux progrès technologiques. Pour toute assistance, veuillez contacter