i
i
En décembre 2024, nous avons pu réaliser un projet très spécial pour la ville de Tettnang : le premier calendrier de l'Avent de Tettnang. L’objectif était de faire briller encore plus la ville pendant la période de Noël. En étroite collaboration avec la ville de Tettnang, nous avons transformé l'hôtel de ville historique en un calendrier de l'Avent surdimensionné qui a non seulement créé une atmosphère festive mais a également renforcé la cohésion sociale.
Concept
Design
L'hôtel de ville de Tettnang devait être équipé d'un total de 26 « portes-fenêtres » qui devaient refléter un design unique. Chaque porte était constituée d'un cadre en bois recouvert d'un tissu spécial, derrière lequel une bande LED assurait l'éclairage. Tous les cadres étaient reliés entre eux et pouvaient être contrôlés de manière centralisée en termes de lumière et de musique. Chaque jour à 17.00 heures, une « fenêtre s’ouvrait » avec de la musique et de la lumière. La conception de chaque « porte » individuelle ne doit pas seulement refléter la période festive de Noël, mais également souligner l’importance culturelle de la ville.
Notre agence a été chargée de la conception créative des 26 fenêtres, avec un accent particulier sur une combinaison harmonieuse de tradition et de modernité. Le défi était de développer un design qui honorerait l’architecture historique de l’hôtel de ville tout en dégageant une atmosphère moderne et fraîche – un design qui plairait aux enfants comme aux adultes.
Chacune des 26 fenêtres a été conçue avec des illustrations affectueuses qui capturent l'atmosphère magique de l'Avent. Des éléments de design à la fois ludiques et élégants ont été combinés. Les portes combinent des motifs de Noël classiques tels que des sapins, des flocons de neige et des lumières avec des interprétations créatives et modernes qui rendent chaque fenêtre vivante et unique.
Les illustrations se fondent harmonieusement dans le charme de l'hôtel de ville en traduisant des éléments historiques tels que le château lui-même dans une imagerie moderne mais festive. Le choix des couleurs s'inspire des couleurs traditionnelles de Noël, mais est rehaussé d'or précieux pour donner au projet un aspect luxueux.
Responsable Conseil/Stratégie de Marque
Agence de publicité KAOS
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 ce faire, nous visons à adhérer aussi strictement que possible aux Directives d'accessibilité aux contenus Web 3 (WCAG 2.1) du World Wide Web Consortium (W2.1C) au niveau AA. Ces directives expliquent comment rendre le contenu Web accessible aux personnes souffrant d'un large éventail de handicaps. Le respect de ces directives nous aide à garantir que le site Web est accessible à toutes les personnes: les aveugles, les personnes ayant une déficience motrice, une déficience visuelle, des déficiences cognitives, 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 ayant des handicaps spécifiques d'ajuster l'interface utilisateur (interface utilisateur) du site Web 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 en permanence son niveau d'accessibilité. Cette application corrige le code 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 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'adresse e-mail suivante info@kaos.de
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 des lecteurs d'écran puissent lire, comprendre et profiter des fonctions du site. Dès qu'un utilisateur avec un lecteur d'écran entre sur votre site, il reçoit immédiatement une invite pour entrer dans le profil de lecteur d'écran afin qu'il puisse naviguer et exploiter efficacement votre site. 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 d'exemples de code sur console:
Optimisation du 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 en utilisant l'ensemble d'attributs ARIA. Par exemple, nous fournissons des étiquettes de formulaire précises ; descriptions des icônes exploitables (icônes de réseaux sociaux, icônes de recherche, icônes de panier, etc.) ; conseils de validation pour les entrées de formulaire ; rôles d'éléments tels que des boutons, des menus, des dialogues modaux (popups) 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 la forme d'une balise ALT (texte alternatif) pour les images qui ne sont pas décrites. Il extraira également les textes intégrés dans l'image, à l'aide d'une technologie OCR (reconnaissance optique de caractères). Pour activer les réglages du lecteur d'écran à tout moment, les utilisateurs doivent simplement 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 accèdent au site Web.
Ces ajustements sont compatibles avec tous les lecteurs d'écran courants, y compris JAWS et NVDA.
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 en 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 en empêchant le focus de dériver en dehors de celui-ci.
Les utilisateurs peuvent également utiliser des raccourcis tels que «M» (menus), «H» (en-têtes), «F» (formulaires), «B» (boutons) et «G» (graphiques) pour accéder à des éléments spécifiques.
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 la part de marché des utilisateurs, notamment Google Chrome, Mozilla Firefox, Apple Safari, Opera et Microsoft Edge, JAWS et NVDA (lecteurs d'écran).
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 pour lesquelles il manque une solution technologique adéquate pour les rendre accessibles. Cependant, nous améliorons continuellement notre accessibilité, en ajoutant, en mettant à jour et en améliorant ses options et fonctionnalités, et en développant et en adoptant de nouvelles technologies. Tout cela vise à atteindre un niveau optimal d’accessibilité, suite aux avancées technologiques. Pour toute assistance, veuillez contacter info@kaos.de