Version 4.5 - Disponible automatiquementNouveau : site web et calendrier également accessibles aux personnes handicapées

Afin que les visiteurs d'un site web associatif ne perdent pas inutilement de temps, ClubDesk 4.5 a ajouté un bouton invisible qui n'apparaît que lorsque l'on navigue à l'aide du clavier ou d'un lecteur d'écran : « Aller au contenu principal ». En un clic ou en appuyant sur une touche, vous pouvez accéder directement au contenu réel de la page sans avoir à parcourir à chaque fois l'ensemble de la navigation et l'en-tête.

C'est un énorme soulagement, en particulier pour les personnes malvoyantes qui utilisent un lecteur d'écran et la touche de tabulation. Imaginez que quelqu'un souhaite uniquement lire les informations relatives à un événement sur votre site web. Sans cette fonction, il ou elle devrait parcourir toutes les entrées du menu à chaque fois avant que le contenu réel ne soit lu. Avec « Aller au contenu principal », il accède immédiatement à l'essentiel, rapidement, sans obstacle et sans détours.

Et le meilleur dans tout cela : les sites web d'associations existants créés avec ClubDesk bénéficient automatiquement de cette innovation. Vous n'avez rien à modifier pour offrir cette facilité supplémentaire à vos membres.

Pour que personne ne se perde lors de la navigation avec le clavier, ClubDesk 4.5 met désormais automatiquement en évidence chaque élément sélectionné. Pour les boutons, les liens ou les champs de formulaire, un cadre de mise au point clairement visible apparaît, dont la couleur est automatiquement choisie en fonction des couleurs de votre association.

Ceci est particulièrement important pour les personnes ayant des limitations motrices ou pour tous ceux qui préfèrent travailler avec le clavier plutôt qu'avec la souris. Lorsque quelqu'un remplit en ligne un formulaire d'adhésion à l'association, le cadre de sélection visible permet de voir à tout moment dans quel champ de saisie se trouve le curseur ou si un lien ou un bouton est sélectionné. Cela permet d'éviter les erreurs et rend l'utilisation beaucoup plus facile et plus sûre.

Cette fonction sera également activée automatiquement sur tous les sites web existants des associations avec la Version 4.5. Vous n'avez donc rien à faire pour que votre site web bénéficie de ce confort supplémentaire.

Avec ClubDesk 4.5, il est désormais possible de saisir des textes alternatifs (textes Alt) pour toutes les images de votre site web associatif. Ces brèves descriptions sont lues par des lecteurs d'écran et rendent ainsi les images compréhensibles même pour les personnes qui ne peuvent pas les voir. Cela s'applique à tous les blocs de contenu tels que les images, les carrousels d'images, les vidéos ou les fichiers audio. Si vous téléchargez par exemple une photo du local de votre club sur le site web, vous pouvez indiquer dans le texte alternatif « Local du club SC Muster ». Si une personne malvoyante se fait lire la page, elle comprendra clairement qu'il s'agit d'une photo du local de votre club, car le lecteur d'écran lui lira le contenu correspondant.

Afin de vous faciliter la tâche, ClubDesk ajoute même automatiquement de nombreux textes alternatifs. Si vous affichez par exemple sur votre site web une liste des membres du comité directeur avec leur photo, ceux-ci seront accompagnés de la mention « Portrait de Max Mustermann » et une photo de l'équipe masculine 1 sera automatiquement accompagnée du texte « Photo de groupe de l'équipe masculine 1 ». La page devient ainsi plus compréhensible et plus accessible pour tous.

Une autre avancée importante en matière d'accessibilité est le nouveau Captcha Altcha, intégré à ClubDesk 4.5. Les Captchas classiques à image ou à clic, comme la sélection fastidieuse de feux de signalisation ou de passages piétons, constituent un véritable obstacle pour de nombreux utilisateurs, en particulier pour les personnes malvoyantes.

Le Captcha Altcha fonctionne de manière totalement invisible en arrière-plan et ne nécessite aucune saisie ni confirmation de la part des visiteurs de votre site web associatif. Imaginez que quelqu'un s'inscrive en ligne à un entraînement ou souhaite faire un don : au lieu d'avoir à résoudre un Captcha fastidieux, il ou elle peut simplement terminer la procédure directement.

Malgré sa simplicité, le système offre une protection fiable contre le spam et répond pleinement aux exigences en matière d'accessibilité numérique. Pour les sites web de vos associations, cela signifie moins d'obstacles pour vos membres et les personnes intéressées, et en même temps plus de sécurité pour vous.

Avec ClubDesk 4.5, les titres des pages ont également été remaniés, c'est-à-dire les textes qui s'affichent en haut de l'onglet du navigateur. L'ordre a été modifié de manière à ce que les informations les plus importantes apparaissent toujours en premier et que le nom du club figure à la fin.

Cela facilite notamment l'orientation des utilisateurs malvoyants ou handicapés, car les lecteurs d'écran lisent directement les titres. Ainsi, si plusieurs onglets sont ouverts, l'utilisateur reconnaît immédiatement s'il s'agit de la page du formulaire d'inscription, du calendrier ou de la page d'accueil, sans avoir à parcourir le contenu de la page. Tout le monde trouve ainsi plus rapidement les informations souhaitées et garde à tout moment une vue d'ensemble.

Tous les modèles de conception de sites web ClubDesk ont été entièrement optimisés pour l'accessibilité. À l'aide de l'outil de vérification professionnel Eye-Able®, nous avons testé tous les modèles conformément aux spécifications de l'European Accessibility Act (directive européenne 2019/882) et des Web Content Accessibility Guidelines (WCAG), puis avons procédé aux ajustements nécessaires.

Nous avons notamment veillé à ce que tous les textes soient suffisamment grands et que l'espacement entre les lignes soit suffisant pour garantir une lisibilité optimale. Les contrastes de couleurs ont également été ajustés afin que les textes, boutons, éléments de commande, indicateurs de focus, etc. restent reconnaissables sur tous les arrière-plans, images, etc. utilisés, même pour les personnes malvoyantes. De plus, toutes les images sont accompagnées de « bons » textes alternatifs.

Si vous utilisez l'un des designs fournis avec ClubDesk 4.5, vous pouvez être sûr que le site web de votre club répond à toutes ces exigences en matière d'accessibilité.

Si vous adaptez les couleurs, par exemple aux couleurs de votre association, votre site web restera probablement accessible tant que les couleurs utilisées sont aussi claires ou foncées que celles des modèles. Vous pouvez donc utiliser les designs fournis comme guide pour déterminer le contraste entre les couleurs d'arrière-plan et les éléments au premier plan.

Conseil : comme le module de site web intelligent de ClubDesk rassemble toutes les couleurs utilisées pour les barres de titre, les arrière-plans de liste, les boutons, les liens, les titres, etc. et les affiche dans une Fenêtre, l'ajustement des couleurs avec ClubDesk est un jeu d'enfant. Vous trouverez des instructions simples étape par étape dans la Base de connaissances ClubDesk sous le titre « Comment puis-je régler les couleurs de mon site web ? (allemand) ».

Outils gratuits pour vérifier le contraste

Si vous utilisez des couleurs nettement plus claires ou plus foncées que celles des modèles de conception, vous devriez vérifier rapidement votre site web à l'aide d'un outil approprié. Des outils en ligne gratuits tels que Barrierefreies.Design ou Siteimprove Contrast Checker vérifient si vos combinaisons de couleurs répondent aux exigences en matière d'accessibilité.

Afin de faciliter encore davantage l'utilisation des sites web des associations, nous avons ajouté des fonctionnalités sensorielles importantes à ClubDesk 4.5. Les éléments tels que les liens ne sont plus seulement mis en évidence par leur couleur, mais également par des soulignements ou d'autres caractéristiques visuelles. Cela permet, par exemple, aux personnes souffrant de daltonisme de reconnaître les liens de manière fiable.

L'affichage des messages d'erreur a également été amélioré. En plus du marquage en couleur, une icône d'erreur clairement visible apparaît désormais automatiquement, qui attire immédiatement l'attention et est détectée de manière fiable par les lecteurs d'écran. De plus, le navigateur affiche les messages d'erreur directement dans les champs de saisie. Cela facilite l'utilisation pour tous les utilisateurs, mais surtout pour les personnes qui dépendent de technologies d'assistance.

Comme pour les sites web créés avec ClubDesk, un élément de commande supplémentaire, invisible au premier abord, a été intégré au calendrier ClubDesk : « Aller au contenu principal ». Cela permet aux utilisateurs qui naviguent à l'aide d'un clavier ou d'un lecteur d'écran d'accéder immédiatement au contenu qui les intéresse, par exemple directement à la liste des rendez-vous ou aux informations détaillées d'un événement.

Pour les personnes handicapées, cela représente un grand soulagement, car elles n'ont plus besoin de parcourir la navigation et l'en-tête avant que le contenu réel ne soit lu. Au lieu de cela, une simple pression sur une touche leur permet d'accéder directement aux informations importantes.

Cette fonction est automatiquement disponible dans tous les calendriers existants des associations.

Afin que vous sachiez à tout moment où vous vous trouvez lorsque vous naviguez à l'aide du clavier, votre calendrier associatif affiche désormais automatiquement un cadre de mise au point clair autour de l'élément actif. Qu'il s'agisse d'une entrée dans la liste des rendez-vous, d'un bouton ou d'un champ de saisie, la mise au point est immédiatement reconnaissable et facilite considérablement l'utilisation.

Cette amélioration aide non seulement les personnes malvoyantes ou à mobilité réduite, mais rend également le calendrier plus pratique pour tous. Par exemple, si vous souhaitez passer rapidement d'un rendez-vous à l'autre, vous voyez immédiatement quelle entrée est actuellement sélectionnée.

Afin que les lecteurs d'écran puissent mieux reconnaître et restituer les contenus du calendrier, tous les champs, éléments et sections ont été soit étiquetés, soit dotés d'une étiquette invisible. Il est ainsi possible de savoir à tout moment si le focus se trouve dans la liste des rendez-vous, dans la vue détaillée d'un rendez-vous individuel ou dans un champ de saisie.

Cela facilite considérablement l'orientation, car les lecteurs d'écran lisent directement les étiquettes appropriées aux personnes handicapées.

Dans le calendrier ClubDesk, les titres des pages ont également été améliorés, c'est-à-dire les textes qui s'affichent dans l'onglet du navigateur et qui sont lus par les lecteurs d'écran. Ils contiennent désormais les informations les plus importantes de la page ouverte. Ainsi, dans les détails de l'événement, l'objet du rendez-vous s'affiche également dans le titre.

Cela facilite l'orientation de tous les utilisateurs. Les personnes malvoyantes qui utilisent des lecteurs d'écran en bénéficient tout particulièrement. Elles peuvent immédiatement entendre sur quelle page elles se trouvent sans avoir à parcourir tout le contenu de la page. Même ceux qui ont plusieurs onglets ouverts savent immédiatement quelle page du calendrier est actuellement active.

Dans le calendrier des associations, nous avons également amélioré la présentation des éléments importants afin qu'ils soient plus facilement reconnaissables pour tous les utilisateurs. Les liens ne sont plus seulement mis en évidence par leur couleur, mais également soulignés ou accompagnés d'autres caractéristiques visuelles. Ils peuvent ainsi être facilement identifiés, même par les personnes malvoyantes.

En cas de messages d'erreur, une icône d'erreur clairement visible permet désormais de repérer immédiatement les problèmes et de les détecter correctement à l'aide de lecteurs d'écran. De plus, le navigateur affiche directement les erreurs dans les champs de saisie, par exemple lorsqu'un champ obligatoire a été oublié dans un formulaire d'inscription.

Ces adaptations rendent non seulement le calendrier plus accessible aux personnes malvoyantes, mais améliorent également la clarté et la convivialité pour tous les membres.

Afin que le contenu du calendrier de l'association soit facilement lisible pour tous, nous avons optimisé tous les contrastes de couleurs. Les textes, boutons et symboles se détachent désormais clairement de l'arrière-plan et restent facilement reconnaissables pour les personnes malvoyantes.

Cette modification rend également le calendrier plus agréable à lire pour tous les autres utilisateurs, que ce soit sur un ordinateur portable, une tablette ou un smartphone.

Dans le calendrier ClubDesk, une déclaration d'accessibilité s'affiche désormais automatiquement dans le pied de page, juste à côté des mentions légales, de la politique de confidentialité et des conditions générales. Cette déclaration indique dans quelle mesure le calendrier répond aux exigences en matière d'accessibilité. Une telle déclaration est particulièrement importante pour les offres numériques, telles que le calendrier associatif, qui est accessible à un grand nombre de personnes, car elle garantit la transparence pour les personnes handicapées.

À propos : nous avons délibérément choisi de ne pas fournir de modèle standard pour la déclaration d'accessibilité des sites web des associations. La raison est simple : la déclaration d'accessibilité est très individuelle pour chaque site, car elle doit énumérer séparément chaque élément qui n'est pas accessible. De plus, la plupart des associations ne sont pas légalement tenues de la publier. Si vous avez néanmoins besoin d'une déclaration, vous devez la faire établir à l'aide d'un outil de vérification spécialisé qui analyse votre site et génère une déclaration parfaitement adaptée.

Grâce à la déclaration intégrée automatiquement dans le calendrier de l'association, vous avez toutefois la certitude que cet espace central de la vie numérique de votre association répond aux exigences pertinentes en matière d'accessibilité. Et cela, de manière entièrement automatique grâce à ClubDesk.