undefined cover
undefined cover
Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ? cover
Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ? cover
Café Klatsch

Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ?

Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ?

30min |21/02/2025
Play
undefined cover
undefined cover
Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ? cover
Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ? cover
Café Klatsch

Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ?

Nouvelle Loi sur l'Accessibilité Numérique : Êtes-vous en règle ?

30min |21/02/2025
Play

Description

Saviez-vous que près de 15 % de la population mondiale vit avec une forme de handicap? Dans cet épisode de Café Klatsch, nous plongeons au cœur de l'accessibilité numérique, un enjeu crucial qui touche non seulement les entreprises mais aussi la société dans son ensemble. Alors que la nouvelle législation sur l'accessibilité au Luxembourg se profile à l'horizon pour 2025, il est temps d'explorer comment cette initiative peut transformer le paysage digital et améliorer la productivité de votre entreprise.

Nos intervenants, un développeur passionné et des responsables de communication aguerris, partagent leurs réflexions sur les défis et les solutions pour rendre les sites web et les documents PDF accessibles à tous, en particulier aux personnes ayant des déficiences visuelles ou motrices. L'accessibilité numérique n'est pas seulement une obligation légale, c'est une question éthique qui permet à chacun d'accéder à l'information de manière équitable. Café Klatsch vous offre une vue d'ensemble précieuse sur les tendances marketing actuelles en matière d'accessibilité, vous aidant ainsi à rester à la pointe des innovations technologiques.

Au cours de cet épisode, nous répondons à des questions de clients fictifs sur des sujets essentiels tels que l'utilisation de lecteurs d'écran, la hiérarchie des titres, et l'importance d'un bon contraste de couleurs. Nous discutons également des outils d'accessibilité disponibles et de la nécessité de les intégrer dès la conception de vos sites web. En adoptant ces stratégies innovantes, vous pouvez non seulement respecter la législation, mais aussi renforcer votre image de marque et améliorer votre lead generation.

Nous croyons fermement que l'accessibilité numérique est un levier de performance pour les entreprises. En intégrant ces pratiques dans votre stratégie digitale, vous vous positionnez non seulement comme un acteur responsable dans le domaine du marketing digital, mais vous répondez également aux tendances technologiques qui façonnent l'avenir. Rejoignez-nous dans cet épisode captivant de Café Klatsch, où nous explorons ensemble les tendances du marketing et les astuces marketing qui vous permettront de naviguer dans ce nouvel environnement digital, tout en respectant les principes d'inclusivité et d'accessibilité.

Ne manquez pas cette occasion d'en apprendre davantage sur l'importance de l'accessibilité numérique et comment elle peut transformer votre approche du e-commerce et des réseaux sociaux. Ensemble, faisons de l'accessibilité une priorité, car chaque utilisateur mérite une expérience en ligne optimale!


📢 Découvrez plus d'épisodes et suivez nos actualités sur LinkedIn : Café Klatsch


Café Klatsch - Le podcast où l'innovation et la créativité rencontrent le branding et la stratégie marketing pour les entreprises luxembourgeoises. Abonnez-vous pour ne rien manquer !


#Podcast #CaféKlatsch #Branding #StratégieMarketing #ConsultanceCréative #Innovation #EntreprisesLuxembourgeoises #econnect


Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.

Transcription

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. À partir du 28 juin 2025, une nouvelle loi entre en vigueur au Luxembourg. C'est une loi qui concerne l'accessibilité. Et en fait, c'est une loi européenne qui a été transposée à la loi nationale et qui impose à toutes les entreprises de suivre les exigences européennes en termes d'accessibilité.

  • Speaker #1

    C'est quoi l'accessibilité ?

  • Speaker #0

    Alors l'accessibilité, en tout cas l'accessibilité en ligne, c'est permettre aux personnes qui ont des déficiences visuelles ou moteurs de pouvoir naviguer et avoir accès à la même information qu'une personne qui n'aurait pas ces déficiences. Donc c'est le sujet du jour. Et je crois que vous m'avez prévu un petit interrogatoire. Aujourd'hui, pour en apprendre un peu plus sur l'accessibilité,

  • Speaker #2

    on a derrière cette porte toute une batterie de clients qui sont très curieux de comprendre comment fonctionne l'accessibilité. Nous avons tout un tas de questions à te poser.

  • Speaker #1

    Concrètement, ça va être l'inquisition pendant 30 minutes pour toi.

  • Speaker #2

    Faites entrer le premier client.

  • Speaker #1

    J'espère que tu as bien révisé.

  • Speaker #0

    J'ai très bien révisé. Pour un peu de contexte, je fais régulièrement des implémentations en termes d'accessibilité pour les clients Econnect. Je suis développeur à la base. Je vais essayer de répondre à toutes les questions. Mon terrain d'expertise n'est pas forcément l'accessibilité, mais j'en ai fait quelques-uns. J'ai fait quelques audits d'accessibilité, donc je connais un peu le sujet.

  • Speaker #1

    Et puis ça va être, comme tu l'as dit en préambule, ça va être quelque chose auquel tout le monde va se confronter au Luxembourg, mais aussi très probablement ailleurs plus tard, puisque ça déroule, si j'ai bien compris, d'une directive qui devrait être appliquée dans les autres pays aussi. Oui,

  • Speaker #0

    exactement.

  • Speaker #1

    Je sens que tu es brûlant.

  • Speaker #2

    Ah bah écoute, moi je fais rentrer mon premier invité, il n'y a pas de problème. Alors, bonjour, je m'appelle Jean-Michel Je-Sais-Tout.

  • Speaker #0

    Bonjour monsieur Je-Sais-Tout, enchanté.

  • Speaker #2

    Je suis responsable de tout le parc informatique dans mon entreprise de travaux publics. Parfait. On m'a nommé responsable sécurité des données parce que je sais tout sur tout.

  • Speaker #0

    Félicitations.

  • Speaker #2

    Ma question est la suivante. Est-ce que l'accessibilité, c'est juste un truc pour éviter les amendes ou ça sert vraiment ?

  • Speaker #0

    Bah évidemment que ça sert.

  • Speaker #2

    C'est la réponse, mais je voudrais connaître la vote.

  • Speaker #0

    Non, non, évidemment, ça sert. Un site web, il est là pour être vu, lu, partagé. Si on se coupe d'une partie d'utilisateurs, on se coupe potentiellement d'une partie des clients. On se coupe de personnes qui pourraient avoir besoin de vos services.

  • Speaker #1

    Et même au-delà des services et des problématiques de clients, de marques, d'entreprises, c'est tout simplement en fait... Rendre possible l'accès à de l'information, c'est un devoir, on se doit en tant que société, de permettre aux gens qui ont des déficiences de bénéficier d'un même niveau de service, d'un même niveau d'accès à l'information que tous les autres citoyens nomment valides. Donc ouais, c'est aussi une question éthique.

  • Speaker #0

    C'est une vraie question éthique, donc il y a le point de vue évidemment de l'entrepreneur, mais il y a aussi le point de vue de l'utilisateur, comme Antoine disait, n'importe qui. doit pouvoir avoir accès à la même information sur le web, dans un monde idéal. Ce qui n'est pas encore le cas pour l'instant, malheureusement.

  • Speaker #1

    Mais par contre, il me semble que tout ce qui était, tu vois, les organisations étatiques et les sites...

  • Speaker #0

    C'était déjà obligatoire.

  • Speaker #1

    C'était déjà obligatoire.

  • Speaker #0

    Depuis 2018 ou 2019, si je ne me trompe pas.

  • Speaker #1

    Yes.

  • Speaker #2

    Moi, je le savais, c'était pour ça. Si vous étiez légitim, arrêtez de me faire des questions, mais ça semble évident. Merci beaucoup.

  • Speaker #0

    Avec plaisir, monsieur Je-Sais-Tout.

  • Speaker #2

    J'appelle le suivant.

  • Speaker #1

    Bonjour, moi je m'appelle Claire Voyant. Et je suis... Je pense qu'on se demande.

  • Speaker #2

    Une bourse de Régis.

  • Speaker #1

    Je pense à Diapos. Je suis pas aussi bon que Patou pour les blagues. Du coup, je suis responsable communication dans une entreprise de service. Et j'ai entendu dire que certains utilisateurs aveugles ou malvoyants utilisent des lecteurs d'écran. Bien sûr. Mais concrètement, comment un site ça doit se structurer pour qu'il puisse s'y retrouver facilement avec un lecteur d'écran ? Et même, c'est quoi un lecteur d'écran ?

  • Speaker #0

    Alors... C'est une très grande question, il y a plusieurs questions dans la question. Alors d'abord peut-être, c'est quoi un lecteur d'écran ? Parce que même si vous n'avez pas de déficience visuelle, on peut l'essayer. Il y a des lecteurs d'écran qui sont intégrés au navigateur. Si vous avez un Mac, vous avez VoiceOver dans Safari. Et donc en fait, ce qui va se passer, c'est que vous allez pouvoir naviguer un site à l'aide de quelques touches du clavier. En l'occurrence, les touches principales, ça va être Tab, Echap et Espace. Et vous allez pouvoir naviguer comme ça. Et donc, dans les différents menus, tout va être lu. C'est-à-dire, si vous avez un header où il est marqué, je ne sais pas, Homepage, Présentation à propos, quand vous allez cliquer sur Tab, ça va lire Homepage. Alors là, vous pouvez appuyer sur Enter et ça va vous cliquer sur le lien. Si vous refaites Tab, ça va lire le deuxième lien, ainsi de suite.

  • Speaker #1

    Donc, c'est une façon de se repérer dans l'espace, entre guillemets, sur un site web.

  • Speaker #0

    Sur un site web, exactement. Ok, cool. D'interagir avec, et l'idée, c'est d'avoir, encore une fois, la même information, peu importe la manière de lire le site.

  • Speaker #1

    Et la structure, sans rentrer trop dans la technique, ça dépend, c'est difficile à mettre en place ?

  • Speaker #0

    Ça dépend de comment le site est fait à la base. Est-ce que ça a été fait avec un CMS qui prend déjà en compte toutes ces problématiques d'accessibilité ou pas ? Est-ce que c'est du code custom ? C'est assez compliqué à dire sans avoir un casus précis. Il y a des outils aussi qui peuvent se greffer à des sites. Nous, on utilise beaucoup EqualWeb, par exemple, qui a beaucoup de certifications. Et qui, en partant d'un site qui n'est pas... pas ou peu accessibles. Avec cet outil, on a un site qui est tout à fait respectable en matière d'accessibilité. Il y a aussi, on discutait dans un épisode sur le SEO de l'importance de la hiérarchie des titres, avec les H1, H2, etc. Là aussi, c'est très important parce que c'est pris en compte par les lecteurs d'écran dans l'ordre de diction.

  • Speaker #1

    Donc, en fait, le SEO est aussi une bonne action ?

  • Speaker #0

    Ça marche ensemble. Ça marche ensemble.

  • Speaker #1

    C'est beau.

  • Speaker #2

    Un SEO n'est pas mort.

  • Speaker #0

    Donc voilà, j'espère que j'ai répondu à ta question. Je l'ai fait très global parce qu'elle était très claire.

  • Speaker #1

    C'est très clair.

  • Speaker #0

    Avec plaisir, Claire Voyer.

  • Speaker #2

    Alors moi, c'est Salih les petits trucs. C'est un jeu de mots avec ma boutique,

  • Speaker #0

    les petits trucs.

  • Speaker #2

    Je suis solopreneur depuis 2023 et j'ai ouvert mon Shopify dédié à la lingerie pour animaux. Il n'y a pas de raison que votre animal de compagnie préférée ne soit pas coquette. Même si tu es pour dormir sur le canapé toute la journée. Ma question est la suivante. La maquette de mon site est toute rose fuchsia. Il y a des couleurs flashy partout. Est-ce que je dois vraiment tout changer en couleur triste du quotidien ?

  • Speaker #0

    Alors déjà deux choses. Première chose, alors je vais peut-être en décevoir certains, mais souvent un beau design ça rime rarement avec une bonne accessibilité. Parce que par définition un site qui est accessible, c'est un site qui a beaucoup de contrastes, qui a des textes larges, qui n'a pas trop d'éléments flottants, ou en tout cas ils doivent être disposés d'une certaine manière et codés d'une certaine manière. Donc voilà, première chose, et c'est le genre de site qui est à la mode aujourd'hui en plus, avec pas mal d'éléments flottants, pas mal d'animations qui peuvent perturber. la lecture en accessibilité. La deuxième chose, tu me parlais des... Vous me parliez, pardon ! Vous me parliez, on ne se connait pas, si tu as envie qu'on se tutoie. Des couleurs sur le site. Alors, un site peut être accessible, on peut utiliser les couleurs que l'on veut. Par contre, il va falloir faire attention au contraste. C'est-à-dire qu'on peut utiliser du fuchsia sur un site. Mais en quelle couleur allez-vous écrire dessus pour que le texte soit assez contrasté et qu'il puisse du coup être lisible par les personnes qui ont des déficiences visuelles ? Donc c'est la question à se poser. Mais oui, en termes de couleurs, on n'est pas limité.

  • Speaker #1

    Et est-ce que tu peux, il me semble avoir déjà vu ça, créer en fait un mode contrasté où tu remplaces complètement. Le site va être fuchsia avec une écriture blanche ou noire pour tout le monde, mais on va rajouter quelque part un bouton qui va peut-être changer le fond en noir et laisser l'écriture en blanc pour les gens qui ont ce besoin. Oui,

  • Speaker #0

    de la même manière qu'il y a de temps en temps des light mode, dark mode, il peut y avoir des modes contrastes renforcés. pour cette utilisation notamment. Et donc, si on veut utiliser un site avec des contrastes qui ne sont pas incroyables, ce que je déconseille, parce que de base, c'est bien que de base, le site soit déjà accessible, mais si on tient vraiment à son design, on peut faire ce bouton contraste renforcé. Alors là, au clic de ce bouton, les couleurs changent, les tailles de police vont changer. Il faut s'adapter au mieux à l'accessibilité.

  • Speaker #2

    Je vais passer en dark mode, ça sera raccord avec ma collection.

  • Speaker #1

    Je ne m'appelle pas le photo. Et je suis consultant en digitalisation d'entreprise.

  • Speaker #0

    D'accord.

  • Speaker #1

    Un client malvoyant m'a dit que nos images ne lui apportaient aucune information. Alors, est-ce que c'est parce qu'on n'utilise pas des balises alt ? Et si on doit utiliser des balises alt, est-ce qu'il y a une bonne ou une mauvaise façon d'écrire ses descriptions dans le cadre de l'accessibilité web ?

  • Speaker #0

    Bien sûr, les images dans l'accessibilité, c'est une grande question. Je vais essayer de faire assez simple. Il y a deux types d'images qu'on va retrouver sur un site Internet. Il va y avoir les images qui sont décoratives, donc qui sont purement du design, qui n'apportent pas de plus-value. Si ce n'est du design, évidemment. Alors, ces images-là, on va faire en sorte qu'elles ne soient pas lues par les lecteurs d'écran. Par contre, si l'image vient agrémenter un article de blog ou si l'image apporte une information, là, on va devoir la décrire. Et en plus, si sur cette image, il y a du texte, il va falloir que le texte qu'il y a sur l'image soit retranscrit dans la balise qu'on va ajouter dans le HTML pour que la personne qui a des déficiences visuelles puisse avoir la même information. qu'une personne qui n'en aurait pas.

  • Speaker #1

    Du coup, ça peut rentrer un petit peu. J'ai en tête des cas où, notamment dans le SEO, des gens qui veulent parfois trop optimiser leur site utilisent des balises alt pour inclure des mots clés qui vont être visibles que pour les robots de Google et qui ne seront pas visibles pour les utilisateurs. Du coup, ça, c'est typiquement une pratique qui va être très mauvaise dans le cadre d'un lecteur d'écran, parce que du coup, le lecteur d'écran va lire une suite de mots clés au lieu de la description de l'image.

  • Speaker #0

    Exactement. Alors là, c'est un choix à faire. Est-ce qu'on veut se conformer à la légalité et avoir un site accessible ou est-ce qu'on veut du SEO ? Moi, je conseillerais plutôt de rendre votre site accessible, c'est quand même le mieux. Mais c'est vrai que...

  • Speaker #2

    Les deux ne sont pas compatibles.

  • Speaker #0

    Les deux ne sont pas toujours compatibles.

  • Speaker #1

    Techniquement, si aujourd'hui tu suis les guidelines white hat de SEO de Google, on te dira toujours, la balise title doit être le titre de l'image et la balise alt doit décrire ce que présente l'image. Techniquement, si tu... es entièrement white hat SEO et que tu suis Google, tu n'utilises pas les champs alt pour faire ce qu'on appelle du keyword stuffing. C'est encore une pratique qui se fait. Voilà, chacun voit midi à sa porte sur le degré d'optimisation SEO et le retour sur investissement que peut apporter aujourd'hui le keyword stuffing dans des pages d'articles de blog, par exemple.

  • Speaker #0

    Je ne sais pas exactement quel impact ça peut avoir la balise d'alternatives textuelles. Est-ce que c'est un gros impact ou est-ce que c'est minime en termes de SEO ?

  • Speaker #1

    Tout est plus ou moins minime aujourd'hui. On compte plusieurs centaines, voire des milliers de signaux de ranking en SEO. Personnellement,

  • Speaker #0

    si moi, en tant que SEO,

  • Speaker #1

    j'ai ce choix à faire, je me débrouillerais pour faire justement le meilleur des deux mondes et créer... En accompagnement avec le dev et le SEO, une balise alt qui est un peu optimisée, mais qui met avant tout le curseur sur l'utilité pour l'utilisateur final, ce qui est de toute façon ce qu'on me demande en SEO.

  • Speaker #0

    De toute façon, normalement, si tu décris l'image, elle va quand même décrire ce dont parle ton site. Les mots-clés sont là.

  • Speaker #1

    Yes.

  • Speaker #0

    Donc le meilleur des deux mondes est normalement assez facile à trouver.

  • Speaker #2

    Bonjour Jean-Michel à peu près, fonctionnaire.

  • Speaker #0

    Bonjour monsieur à peu près.

  • Speaker #2

    Si je mets juste une loupe géante comme ça sur ma page, en fait ça passe non ?

  • Speaker #0

    Non pas du tout. Alors c'est des implémentations qui peuvent être intéressantes, mais ça ne suffit pas. En fait il n'y a pas que la taille du texte qui compte dans l'accessibilité. On a parlé tantôt, il faut que les lecteurs d'écran puissent lire dans un bon ordre, dans un ordre cohérent les différents éléments du site. Mais il y a aussi des contraintes de contraste. comme on parlait tout à l'heure. Si c'est du rose sur du rose, même zoomer à 200%, on va avoir du mal à le lire. Mais par contre, avoir la fonctionnalité qui est disponible dans la majorité des outils d'accessibilité, de pouvoir zoomer dans le texte, oui, ça c'est même essentiel. D'ailleurs, on recommande en général de pouvoir zoomer 200 fois sans perdre l'information.

  • Speaker #2

    Ça marche, merci.

  • Speaker #1

    Propre, efficace. Emile ? et je suis chargé de com dans une entreprise de formation en ligne. Nous, on propose beaucoup de podcasts et de vidéos. Est-ce que les sous-titres suffisent à rendre les contenus accessibles aux personnes sourdes ou malentendantes ? Ou est-ce qu'il y a d'autres choses à prévoir ?

  • Speaker #0

    Alors, pour être 100% honnête avec vous, je n'ai jamais fait d'accessibilité sur de la vidéo. Moi, je n'ai fait que du web. Donc, je suppose que oui, il doit y avoir des standards pour les vidéos pour qu'elles soient adaptées aux personnes qui ont certaines déficiences. Mais honnêtement, je ne pourrais pas répondre à cette question.

  • Speaker #2

    Il y a quand même de plus en plus d'outils qui... YouTube en fait partie, qui propose de la transcription de vidéos, les podcasts de plus en plus également. Donc je pense que c'est aussi pour aller dans ce sens-là. Même si légalement, on ne sait pas exactement ce qu'on est obligé, tenu de faire, je pense que dès que vous avez du contenu à créer sur des plateformes vidéo ou audio, le mieux c'est d'essayer de sous-titrer vos contenus.

  • Speaker #1

    Oui, il y a aussi des outils qui le font, il y a des outils qui permettent de les traduire directement en plein de langues, il y a des outils qui proposent une fonction native, comme YouTube par exemple, qui génère des soucis automatiquement. Parfois, ce n'est pas encore le mieux, mais c'est...

  • Speaker #2

    Il y a un très bon outil qu'on utilise peut-être pas assez en interne, qui s'appelle UpMeet. Oui, c'est vrai. C'est un outil en ligne qui permet d'uploader votre fichier audio ou vidéo. Et donc, c'est une intelligence artificielle qui analyse le contenu et qui génère une retranscription. Alors exacte, peut-être pas à 100%, mais quand même qui est très proche de la réalité. Parce que tu peux même l'accompagner avec des mots clés quand il y a des mots vraiment trop techniques dans une vidéo,

  • Speaker #1

    un contenu de réunion. Tu lui donnes un espèce de lexique.

  • Speaker #2

    Tu lui donnes un lexique, pour qu'il puisse essayer de reconnaître les termes un peu compliqués.

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. Les demandes sont plus ou moins les mêmes, ça suit la même logique en web que dans les PDF. Donc oui, on vous recommande de vraiment utiliser... la partie de l'outil d'adopt de PDF liée à l'accessibilité.

  • Speaker #1

    Mais du coup, c'est assez curieux parce que comment tu vas gérer ? Parce que sur une page web, derrière, en fait, la page web, c'est un rendu qui interprète du code. Donc, tu peux rajouter plein de trucs derrière. Un PDF, c'est quand même plus limité pour l'adaptation d'un PDF, non ? Par exemple, il n'y a pas de balise alt sur un image PDF ?

  • Speaker #0

    Non, mais tu peux décrire tout ce qu'il y a dans un PDF. Ok,

  • Speaker #1

    d'accord. Donc,

  • Speaker #0

    après, en termes de lecture d'écran, comment ça se passe ? très techniquement, je ne sais pas exactement, mais je sais que l'outil d'Adobe est très performant pour ça, et ça marche très bien, et c'est du coup plus simple à mettre en place qu'évidemment l'accessibilité de tout un site web, vu que ça concerne un nombre limité de pages, et que c'est statique surtout. Donc il n'y a pas des contraintes de plusieurs tailles d'écran à gérer, d'éléments dynamiques, etc. Bonjour, je suis Émilie Fetout, Creative Problem Solver dans une agence de com.

  • Speaker #1

    Creative Problem Solver ?

  • Speaker #0

    Ouais, ouais.

  • Speaker #1

    Qu'est-ce que ça veut dire ?

  • Speaker #0

    Je résous les problèmes de manière créative.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    Un nouveau poste.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    En fait, j'ai vu la liste de toutes les fonctionnalités à mettre en place dans les guidelines, mais ça va être très très long. Est-ce que je peux commencer moi-même avec, par exemple, la structure des titres de mes pages, ou bien ça n'a aucun impact ? Et ces changements, on les fait tous en bloc ou en mode agile ?

  • Speaker #1

    Oui, la hiérarchie de titres, ça peut être un bon moyen de commencer à améliorer son accessibilité. C'est souvent aussi accessible. En général, il y a des éditeurs vis-à-vis dans tous les CMS. Donc, c'est une des choses les plus faciles côté client à mettre en place. Et puis, l'accessibilité, la faire en un bloc, c'est quelque chose. C'est plus ou moins possible aussi, mais c'est un gros morceau, surtout si vous avez un gros site avec pas mal de fonctionnalités et pas mal d'éléments dynamiques. Donc, je privilégierais une méthode agile, donc avancée par bloc. Aujourd'hui, on se concentre sur... Je ne sais pas, l'accessibilité de la hiérarchie des titres. Demain, ce sera l'accessibilité des images. Après-demain, ce sera l'accessibilité des tableaux. Après-après-demain, ce sera l'accessibilité du menu, etc. Donc oui, travailler par bloc, comme pour tout, par itération, je crois que c'est une des meilleures manières de travailler. Ok,

  • Speaker #0

    je vais en parler à mon Scrum Master.

  • Speaker #1

    Et si je peux donner une petite recue aussi aux personnes qui écoutent ce podcast, et à vous aussi bien sûr, c'est le site du W3C, c'est le World Wide Web Consortium, qui a tout un pan dédié à l'accessibilité. Et c'est très intéressant et c'est considéré comme les standards actuels d'accessibilité sur le web. Et aussi au Luxembourg, pour nos auditeurs luxembourgeois, l'État a un site dédié à l'accessibilité avec pas mal d'informations, des points de contact en cas de question, etc.

  • Speaker #2

    Moi, je suis Lucien Commande et je suis chef de projet digital dans une startup. Ma question c'est que beaucoup d'utilisateurs de mon site n'utilisent que le clavier ou des commandes vocales. Mais comment est-ce que je peux tester si mon site est vraiment navigable sans souris ? Est-ce que moi sans les logiciels je peux essayer de voir déjà comment ça fonctionne ?

  • Speaker #1

    Bien sûr c'est ce dont on discutait tout à l'heure. Normalement sur les navigateurs les plus connus et si tu as un Mac aussi, il y a des logiciels de liseuse d'écran. Donc pareil l'idée c'est de se mettre un peu de la manière la plus proche possible dans la peau des personnes qui naviguent le site. Donc voilà, essayez au tab avec Enter, Espace, de naviguer sur le site Et voir est-ce qu'on s'en sort, est-ce qu'on s'en sort pas, qu'est-ce qui sera améliorable Est-ce que j'arrive à sortir de mon menu si je veux quitter ce menu C'est toutes des questions à se poser Donc voilà, oui, c'est totalement possible

  • Speaker #0

    Alors bonjour, je m'appelle Didier Desdoutes Je suis coach en nutrition et j'ai lancé ma propre marque de dentifrice D'accord J'ai plutôt une remarque plutôt qu'une question.

  • Speaker #1

    Combien de calories pour 100 grammes ?

  • Speaker #0

    J'ai fait quelques recherches sur Internet. J'ai vu qu'il y avait un outil qui s'appelait EqualWeb. EqualWeb. Moi, j'ai l'impression que c'est encore un outil qui ne sert à rien et qui va me coûter une blinde sans être sûr que ça va me mettre en conformité avec la loi. Franchement, ça va me coûter combien ? Et surtout, quelle garantie je vais avoir en installant un tel outil ?

  • Speaker #1

    Alors, c'est clair que c'est des outils qui ont un coût, c'est certain. C'est des outils, si on prend l'exemple d'e-coolweb, qui passe notamment toutes les certifications. Je ne suis pas payé pour le dire, donc je m'en fous, mais c'est un outil qui passe toutes les certifications européennes et plus. C'est pour ça qu'on utilise celui-là. Alors oui, c'est vrai, c'est un certain coût. Après, ça dépend aussi de la taille du site web. Pour les petits sites, franchement, c'est vraiment pas très cher. C'est quelques dizaines d'euros mensuels. C'est pas très cher pour avoir un site accessible, honnêtement, comparé à un développement custom, par exemple. Par contre, quand on commence à avoir des très gros sites... avec des milliers, des dizaines de milliers de pages. Là, on est plutôt sur quelques centaines d'euros par an. Donc voilà, est-ce que c'est cher, pas cher ? C'est le prix à payer pour rendre accessible votre site par tout le monde. Donc voilà.

  • Speaker #2

    Est-ce que c'est possible de faire un... Dans le sens où on sait que plus un site est grand, plus en général, il va y avoir des pages qui ne sont pas forcément très utiles. Tu sais, ce genre de pages qui reçoivent une ou deux visites par an maximum. Est-ce que c'est possible avec EqualWeb de dire, on rend accessible sur nos 2 millions de pages, nos pages produits, nos pages catégories, nos pages à propos, notre homepage, mais pas la page du tag WordPress généré à l'arrache qui a fait 200 000 pages que personne ne va jamais voir ?

  • Speaker #1

    Et pourquoi tu ne voudrais pas que EqualWeb soit dessus ?

  • Speaker #2

    Ça permettrait peut-être de réduire la facture. Je ne sais pas, en fait, si c'est possible.

  • Speaker #1

    Non, en fait, EqualWeb, sauf s'il y a une feature qui sort après cet épisode où il y a une feature que je ne connais pas. Le nombre de pages du site. Oui, voilà. En fait, je ne l'ai pas dit tout à l'heure, mais c'est vrai que j'aurais dû le dire. EqualWeb, gratuitement, on peut lui donner son site et puis il va te dire tout de suite l'abonnement qu'il te propose en fonction du nombre de pages de ton site.

  • Speaker #2

    Celui à un million d'euros. Voilà.

  • Speaker #1

    Non, c'est rarement ces prix-là, je n'ai jamais vu ça. Mais non, lui va calculer et en plus, la méthode de calcul est un peu bizarre.

  • Speaker #2

    C'est toujours le souci, moi, qui viens du SEO, j'ai toujours ce souci avec les outils qui basent leur pricing sur le nombre de pages, de façon, on va dire, aveugle pour le coup, parce qu'en fait, des fois, il y a plein de pages. Je veux dire, des fois, ils vont s'en rentrer trop dans la technique, ils vont crôler des... pages qui sont juste des fichiers css et où ils ont trouvé un lien ils vont compter ça comme on considère les images url qui les images hébergées sur ton site c'est des pages c'est compter très large quand même le prendre regardez typiquement à wordpress quand un wordpress de base je crois qu'on avait parlé avec laurent quand upload une image sur un wordpress elle est dupliquée en 3 la taille l la taille M et la taille S donc ça veut dire que déjà si t'as sans images t'as déjà 300 et c'est des images c'est juste un lien vers un fichier image j'ai encore une question c'est sur une question de Martin Economique qui est consultant en accessibilité numérique et qui demande il pose une question à moi qui demande si l'accessibilité web est une obligation légale pour certaines entreprises, oui, mais concrètement est-ce qu'on sait déjà, est-ce qu'on connaît déjà les risques pour une entreprise qui ne fait pas l'effort de rendre son site accessible ? Est-ce que c'est un peu comme le RGPD, il risque d'y avoir des contrôles des amendes ?

  • Speaker #1

    Alors pour le public, c'est déjà obligatoire depuis 2018 ou 2019 au Luxembourg et là à partir de 28 juin 2025 ce sera obligatoire pour toutes les entreprises

  • Speaker #2

    Il y a une certaine taille, non ? C'est moins de 10 personnes.

  • Speaker #1

    Sur l'article, en tout cas gouvernemental, je n'ai pas vu de mention de taille d'entreprise. Mais en tout cas, je n'ai pas vu ou entendu parler de personnes qui se faisaient déjà réprimander par rapport à cette loi. En l'occurrence, elle n'est pas encore passée pour le domaine privé. Et en tout cas, pour le public, je n'ai jamais entendu une institution qui se faisait remonter les bretelles. Après, c'est vrai qu'au Luxembourg, il y a un gros budget quand même lié à l'accessibilité des sites web.

  • Speaker #2

    Il me semble, je n'ai plus le nom en tête, mais je crois qu'il y a un organisme qui teste tous les ans, un organisme de l'État qui va piocher de temps en temps un acteur étatique.

  • Speaker #1

    Oui, qui va réaliser un audit.

  • Speaker #2

    Un audit et qui va les informer si le site n'est pas accessible.

  • Speaker #1

    Alors là, pour le coup, l'audit, ce n'est pas punitif. C'est-à-dire qu'ils vont analyser le site et ils vont faire un feedback sur ce qui va, ce qui ne va pas, et pour l'améliorer. Ce n'est pas une police de l'accessibilité. qui va venir voir et mettre des petites amendes parce que l'image n'a pas de balise alternative.

  • Speaker #2

    Ce qui est aussi le cas, en tout cas, c'était déjà le cas au tout début avec le RGPD. Je ne sais pas si vous vous souvenez, mais au tout début du RGPD, il y a eu toute une période de transition où au moment où tu te faisais auditer, en fait, on te donnait des recommandations. Et en fait, tu avais un certain temps pour te mettre en accord avec ces recommandations, pour faire le travail. tu étais de nouveau audité après X mois, si là tu n'avais toujours pas fait les choses, on te redonnait encore un laps de temps, et seulement à la troisième fois, tu te faisais taper sur les doigts. Donc il y a de fortes chances que pour l'accessibilité, on ait à peu près un cheminement similaire.

  • Speaker #0

    Il y aura toujours une zone grise.

  • Speaker #1

    Oui, surtout pour l'accessibilité. Le problème avec l'accessibilité, c'est qu'un site pourra très difficilement être 100% accessible. À moins d'être du texte noir sur fond blanc, en très grande taille de police, avec un très grand... letter spacing, je ne sais pas comment on pourrait dire en français, l'espacement entre les lettres, je n'ai pas pris un mot pour le dire.

  • Speaker #2

    Tu aurais demandé à un graphiste.

  • Speaker #1

    À moins d'avoir un site qui ressemble à ça, ça va être très compliqué d'avoir un site accessible. Si vous avez un site qui est un peu design, avec pas mal d'éléments flottants, pas mal d'animations, ça va être compliqué de le rendre 100% accessible. Et je crois que l'idée derrière ça, c'est de se rapprocher le plus de l'accessibilité parfaite possible. C'est un point qui est presque pas atteignable, mais il faut s'en rapprocher le plus possible. Dans les audits, l'idée, c'est d'être quand même au-dessus de 80-90% d'accessibilité. Donc ça, c'est des audits qui sont réalisés via des chartes qui sont plus ou moins communes à toutes les sociétés d'audit et qui vont analyser une dizaine, une vingtaine, une trentaine de pages de votre site. Et dans l'idée, on est à plus de 80, plus de 90% d'accessibilité. Mais le 100%, c'est extrêmement compliqué à atteindre. C'est extrêmement compliqué à atteindre.

  • Speaker #0

    Bon, alors moi, c'est Stéphane Plagia.

  • Speaker #2

    Bonjour, monsieur Plagia.

  • Speaker #1

    Bonjour, monsieur Plagia.

  • Speaker #0

    Je suis consultant UX UI pour les PME.

  • Speaker #1

    D'accord.

  • Speaker #0

    Et j'ai une question. J'ai vu sur un site qu'ils avaient un bouton mode accessible. Alors, j'ai conseillé aux développeurs de copier-coller le code du bouton et de faire un lien. Ça suffit, non ?

  • Speaker #1

    De copier-coller le code du bouton et de faire un lien ? Ouais,

  • Speaker #0

    un lien vers l'accessibilité d'un autre site.

  • Speaker #1

    De la page de mention d'accessibilité ?

  • Speaker #0

    Ouais, ouais, exact, ouais. Pourquoi je m'embêterais à créer une... nouvelle page de mentions légales si d'autres en ont déjà fait ? Et pourquoi j'utiliserais un autre outil que quelqu'un a utilisé ? Est-ce que je n'arrive pas à juste recopier-coller un bouton qui a été fait d'un autre site ?

  • Speaker #1

    Je crois que prendre une feature et dire à un développeur « fais-moi un copier-coller de ça » , je crois que tous les développeurs vont rigoler, surtout si ce n'est pas eux qui l'ont codé à la base. Ce n'est jamais aussi simple en web. Et deuxième chose, les mentions légales liées à l'accessibilité, vous pouvez, si vous êtes luxembourgeant en tout cas, les générer via le site de l'État. Donc en rendant compte de vos informations, ils vous génèrent pour vous vos mentions légales.

  • Speaker #2

    Ça c'est intéressant.

  • Speaker #1

    Donc voilà, mais copier-coller en dev, c'est jamais aussi simple.

  • Speaker #2

    Il faut d'abord aller sur Stackover.

  • Speaker #1

    Il faut d'abord aller sur Stackover. Non mais, soit on fait un vrai dev custom lié à votre site, ou soit on utilise un outil dédié comme iCrawlweb dont on discutait tout à l'heure.

  • Speaker #0

    Moi j'ai rien compris, donc je vais arrêter la consultance UXUI, je vais vendre des appartements. Salut, moi c'est Pascal Frontal, freelance en création de site web, spécialement pour les restaurants. Je voudrais savoir, si votre site n'est pas accessible, c'est parce que vous avez sûrement engagé un mauvais développeur, non ? Il aurait dû quand même vous le signaler dès la conception.

  • Speaker #1

    Alors, s'il y a une conception et qu'il n'y a pas de site à la base, et que vous demandez à un développeur de vous faire un site, il ne va potentiellement pas vous faire un site accessible, ou en tout cas au standard d'accessibilité actuel. si ça n'a pas été briefé à la base, parce que c'est une législation qui est nouvelle, parce qu'avant, c'était un peu un truc qui était mis sous le tapis quand ce n'était pas étatique. Maintenant, ça devient obligatoire, donc les développeurs vont certainement rendre des sites accessibles. Mais aujourd'hui, je suis certain que vous demandez à 10 développeurs de vous créer votre site, l'accessibilité ne sera pas incroyable si vous ne le mentionnez pas. Donc, n'hésitez pas, si vous êtes en conception avec un développeur ou une équipe informatique.

  • Speaker #2

    Le mentionner, le mettre dans le brief.

  • Speaker #1

    Exactement, exactement.

  • Speaker #2

    Alors j'ai un dernier invité de dernière minute qui s'appelle Noé Frappfort et on voudrait savoir avec lui, donc il est responsable d'IT dans une grande entreprise. Si admettons là on se lance dans un projet d'accessibilité, selon toi, Naïm, ton expérience, c'est quoi le pire obstacle à éviter ? Tu vois, quels sont les points les plus bloquants dans les projets d'accessibilité en général ? Le point le plus bloqué ?

  • Speaker #1

    Ça dépend, il y en a pas mal et ça dépend du site. Je dirais potentiellement la navigation au clavier, en fonction de la disposition des menus, etc. Ça peut être un peu compliqué. Et sinon, l'accès à l'information. Souvent, aujourd'hui, dans les sites qui sont aussi très design, l'accès à l'information se fait aussi beaucoup par la couleur. C'est-à-dire qu'on va différencier un texte d'un lien par sa couleur. Ça, en termes d'accessibilité, c'est mauvais, évidemment. Il faut qu'il soit distinguable par autre chose. Il faut souligner le lien, il faut ajouter un effet de hover. non accessible, etc. Il y a ces contraintes-là et c'est vrai que ces contraintes sont beaucoup liées au design. Donc on parlait de conception tout à l'heure. Il faut évidemment dire aux développeurs qu'on veut un site accessible, mais il faut évidemment en faire part aux designers avant, pour qu'ils prennent en compte tout ça et qu'ils fassent le site qui soit intégrable de la manière la plus accessible possible.

  • Speaker #2

    Et ben voilà !

  • Speaker #1

    J'espère que vous en savez un peu plus sur l'accessibilité aujourd'hui. J'espère qu'on a pu démystifier certaines choses. Et voilà, n'hésitez pas à laisser votre avis en commentaire.

  • Speaker #0

    On a une page LinkedIn, Café Clatch, rejoignez la communauté, commentez dès que l'épisode sort, sur YouTube également.

  • Speaker #1

    Et est-ce que vous, votre site est accessible ?

  • Speaker #2

    C'est ça la vraie question. Un dernier petit bonus que j'ai réussi à retrouver pendant l'épisode, c'était un site que j'avais découvert en préparant. C'est understandingaccessibility.com, qui est en fait un site qui est dédié aux web designers et aux développeurs, et qui est en fait un petit cours gratuit sur l'accessibilité. et qui se base en fait sur quelques grands chapitres, les couleurs, les typos, les médias, le layout et le développement. Donc c'est en anglais malheureusement, mais n'hésitez pas à aller faire un petit tour sur ce site aussi pour approfondir le sujet si ça vous intéresse.

  • Speaker #1

    Ah ben voilà, très bonne recode Antoine. Je ne vois pas comment je pourrais terminer mieux que ça.

  • Speaker #0

    C'est le boss. Il va prendre le podcast à lui tout seul. On va se faire évincer.

  • Speaker #2

    Je n'ai pas le temps, je vais faire déjà X, Meta et...

  • Speaker #1

    Allez, on vous dit à la prochaine. À vendredi prochain. Action !

Chapters

  • Introduction à l'accessibilité numérique

    00:01

  • Nouvelles législations sur l'accessibilité au Luxembourg

    00:24

  • Définition et importance de l'accessibilité

    00:39

  • Questions des clients sur l'accessibilité

    02:02

  • Structuration des sites pour les lecteurs d'écran

    04:09

  • Couleurs et accessibilité : bonnes pratiques

    06:17

  • Utilisation des balises alt pour les images

    08:38

  • Navigation au clavier et tests d'accessibilité

    17:41

  • Obligations légales et risques pour les entreprises

    21:10

  • Obstacles à l'accessibilité et conseils pratiques

    27:38

Description

Saviez-vous que près de 15 % de la population mondiale vit avec une forme de handicap? Dans cet épisode de Café Klatsch, nous plongeons au cœur de l'accessibilité numérique, un enjeu crucial qui touche non seulement les entreprises mais aussi la société dans son ensemble. Alors que la nouvelle législation sur l'accessibilité au Luxembourg se profile à l'horizon pour 2025, il est temps d'explorer comment cette initiative peut transformer le paysage digital et améliorer la productivité de votre entreprise.

Nos intervenants, un développeur passionné et des responsables de communication aguerris, partagent leurs réflexions sur les défis et les solutions pour rendre les sites web et les documents PDF accessibles à tous, en particulier aux personnes ayant des déficiences visuelles ou motrices. L'accessibilité numérique n'est pas seulement une obligation légale, c'est une question éthique qui permet à chacun d'accéder à l'information de manière équitable. Café Klatsch vous offre une vue d'ensemble précieuse sur les tendances marketing actuelles en matière d'accessibilité, vous aidant ainsi à rester à la pointe des innovations technologiques.

Au cours de cet épisode, nous répondons à des questions de clients fictifs sur des sujets essentiels tels que l'utilisation de lecteurs d'écran, la hiérarchie des titres, et l'importance d'un bon contraste de couleurs. Nous discutons également des outils d'accessibilité disponibles et de la nécessité de les intégrer dès la conception de vos sites web. En adoptant ces stratégies innovantes, vous pouvez non seulement respecter la législation, mais aussi renforcer votre image de marque et améliorer votre lead generation.

Nous croyons fermement que l'accessibilité numérique est un levier de performance pour les entreprises. En intégrant ces pratiques dans votre stratégie digitale, vous vous positionnez non seulement comme un acteur responsable dans le domaine du marketing digital, mais vous répondez également aux tendances technologiques qui façonnent l'avenir. Rejoignez-nous dans cet épisode captivant de Café Klatsch, où nous explorons ensemble les tendances du marketing et les astuces marketing qui vous permettront de naviguer dans ce nouvel environnement digital, tout en respectant les principes d'inclusivité et d'accessibilité.

Ne manquez pas cette occasion d'en apprendre davantage sur l'importance de l'accessibilité numérique et comment elle peut transformer votre approche du e-commerce et des réseaux sociaux. Ensemble, faisons de l'accessibilité une priorité, car chaque utilisateur mérite une expérience en ligne optimale!


📢 Découvrez plus d'épisodes et suivez nos actualités sur LinkedIn : Café Klatsch


Café Klatsch - Le podcast où l'innovation et la créativité rencontrent le branding et la stratégie marketing pour les entreprises luxembourgeoises. Abonnez-vous pour ne rien manquer !


#Podcast #CaféKlatsch #Branding #StratégieMarketing #ConsultanceCréative #Innovation #EntreprisesLuxembourgeoises #econnect


Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.

Transcription

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. À partir du 28 juin 2025, une nouvelle loi entre en vigueur au Luxembourg. C'est une loi qui concerne l'accessibilité. Et en fait, c'est une loi européenne qui a été transposée à la loi nationale et qui impose à toutes les entreprises de suivre les exigences européennes en termes d'accessibilité.

  • Speaker #1

    C'est quoi l'accessibilité ?

  • Speaker #0

    Alors l'accessibilité, en tout cas l'accessibilité en ligne, c'est permettre aux personnes qui ont des déficiences visuelles ou moteurs de pouvoir naviguer et avoir accès à la même information qu'une personne qui n'aurait pas ces déficiences. Donc c'est le sujet du jour. Et je crois que vous m'avez prévu un petit interrogatoire. Aujourd'hui, pour en apprendre un peu plus sur l'accessibilité,

  • Speaker #2

    on a derrière cette porte toute une batterie de clients qui sont très curieux de comprendre comment fonctionne l'accessibilité. Nous avons tout un tas de questions à te poser.

  • Speaker #1

    Concrètement, ça va être l'inquisition pendant 30 minutes pour toi.

  • Speaker #2

    Faites entrer le premier client.

  • Speaker #1

    J'espère que tu as bien révisé.

  • Speaker #0

    J'ai très bien révisé. Pour un peu de contexte, je fais régulièrement des implémentations en termes d'accessibilité pour les clients Econnect. Je suis développeur à la base. Je vais essayer de répondre à toutes les questions. Mon terrain d'expertise n'est pas forcément l'accessibilité, mais j'en ai fait quelques-uns. J'ai fait quelques audits d'accessibilité, donc je connais un peu le sujet.

  • Speaker #1

    Et puis ça va être, comme tu l'as dit en préambule, ça va être quelque chose auquel tout le monde va se confronter au Luxembourg, mais aussi très probablement ailleurs plus tard, puisque ça déroule, si j'ai bien compris, d'une directive qui devrait être appliquée dans les autres pays aussi. Oui,

  • Speaker #0

    exactement.

  • Speaker #1

    Je sens que tu es brûlant.

  • Speaker #2

    Ah bah écoute, moi je fais rentrer mon premier invité, il n'y a pas de problème. Alors, bonjour, je m'appelle Jean-Michel Je-Sais-Tout.

  • Speaker #0

    Bonjour monsieur Je-Sais-Tout, enchanté.

  • Speaker #2

    Je suis responsable de tout le parc informatique dans mon entreprise de travaux publics. Parfait. On m'a nommé responsable sécurité des données parce que je sais tout sur tout.

  • Speaker #0

    Félicitations.

  • Speaker #2

    Ma question est la suivante. Est-ce que l'accessibilité, c'est juste un truc pour éviter les amendes ou ça sert vraiment ?

  • Speaker #0

    Bah évidemment que ça sert.

  • Speaker #2

    C'est la réponse, mais je voudrais connaître la vote.

  • Speaker #0

    Non, non, évidemment, ça sert. Un site web, il est là pour être vu, lu, partagé. Si on se coupe d'une partie d'utilisateurs, on se coupe potentiellement d'une partie des clients. On se coupe de personnes qui pourraient avoir besoin de vos services.

  • Speaker #1

    Et même au-delà des services et des problématiques de clients, de marques, d'entreprises, c'est tout simplement en fait... Rendre possible l'accès à de l'information, c'est un devoir, on se doit en tant que société, de permettre aux gens qui ont des déficiences de bénéficier d'un même niveau de service, d'un même niveau d'accès à l'information que tous les autres citoyens nomment valides. Donc ouais, c'est aussi une question éthique.

  • Speaker #0

    C'est une vraie question éthique, donc il y a le point de vue évidemment de l'entrepreneur, mais il y a aussi le point de vue de l'utilisateur, comme Antoine disait, n'importe qui. doit pouvoir avoir accès à la même information sur le web, dans un monde idéal. Ce qui n'est pas encore le cas pour l'instant, malheureusement.

  • Speaker #1

    Mais par contre, il me semble que tout ce qui était, tu vois, les organisations étatiques et les sites...

  • Speaker #0

    C'était déjà obligatoire.

  • Speaker #1

    C'était déjà obligatoire.

  • Speaker #0

    Depuis 2018 ou 2019, si je ne me trompe pas.

  • Speaker #1

    Yes.

  • Speaker #2

    Moi, je le savais, c'était pour ça. Si vous étiez légitim, arrêtez de me faire des questions, mais ça semble évident. Merci beaucoup.

  • Speaker #0

    Avec plaisir, monsieur Je-Sais-Tout.

  • Speaker #2

    J'appelle le suivant.

  • Speaker #1

    Bonjour, moi je m'appelle Claire Voyant. Et je suis... Je pense qu'on se demande.

  • Speaker #2

    Une bourse de Régis.

  • Speaker #1

    Je pense à Diapos. Je suis pas aussi bon que Patou pour les blagues. Du coup, je suis responsable communication dans une entreprise de service. Et j'ai entendu dire que certains utilisateurs aveugles ou malvoyants utilisent des lecteurs d'écran. Bien sûr. Mais concrètement, comment un site ça doit se structurer pour qu'il puisse s'y retrouver facilement avec un lecteur d'écran ? Et même, c'est quoi un lecteur d'écran ?

  • Speaker #0

    Alors... C'est une très grande question, il y a plusieurs questions dans la question. Alors d'abord peut-être, c'est quoi un lecteur d'écran ? Parce que même si vous n'avez pas de déficience visuelle, on peut l'essayer. Il y a des lecteurs d'écran qui sont intégrés au navigateur. Si vous avez un Mac, vous avez VoiceOver dans Safari. Et donc en fait, ce qui va se passer, c'est que vous allez pouvoir naviguer un site à l'aide de quelques touches du clavier. En l'occurrence, les touches principales, ça va être Tab, Echap et Espace. Et vous allez pouvoir naviguer comme ça. Et donc, dans les différents menus, tout va être lu. C'est-à-dire, si vous avez un header où il est marqué, je ne sais pas, Homepage, Présentation à propos, quand vous allez cliquer sur Tab, ça va lire Homepage. Alors là, vous pouvez appuyer sur Enter et ça va vous cliquer sur le lien. Si vous refaites Tab, ça va lire le deuxième lien, ainsi de suite.

  • Speaker #1

    Donc, c'est une façon de se repérer dans l'espace, entre guillemets, sur un site web.

  • Speaker #0

    Sur un site web, exactement. Ok, cool. D'interagir avec, et l'idée, c'est d'avoir, encore une fois, la même information, peu importe la manière de lire le site.

  • Speaker #1

    Et la structure, sans rentrer trop dans la technique, ça dépend, c'est difficile à mettre en place ?

  • Speaker #0

    Ça dépend de comment le site est fait à la base. Est-ce que ça a été fait avec un CMS qui prend déjà en compte toutes ces problématiques d'accessibilité ou pas ? Est-ce que c'est du code custom ? C'est assez compliqué à dire sans avoir un casus précis. Il y a des outils aussi qui peuvent se greffer à des sites. Nous, on utilise beaucoup EqualWeb, par exemple, qui a beaucoup de certifications. Et qui, en partant d'un site qui n'est pas... pas ou peu accessibles. Avec cet outil, on a un site qui est tout à fait respectable en matière d'accessibilité. Il y a aussi, on discutait dans un épisode sur le SEO de l'importance de la hiérarchie des titres, avec les H1, H2, etc. Là aussi, c'est très important parce que c'est pris en compte par les lecteurs d'écran dans l'ordre de diction.

  • Speaker #1

    Donc, en fait, le SEO est aussi une bonne action ?

  • Speaker #0

    Ça marche ensemble. Ça marche ensemble.

  • Speaker #1

    C'est beau.

  • Speaker #2

    Un SEO n'est pas mort.

  • Speaker #0

    Donc voilà, j'espère que j'ai répondu à ta question. Je l'ai fait très global parce qu'elle était très claire.

  • Speaker #1

    C'est très clair.

  • Speaker #0

    Avec plaisir, Claire Voyer.

  • Speaker #2

    Alors moi, c'est Salih les petits trucs. C'est un jeu de mots avec ma boutique,

  • Speaker #0

    les petits trucs.

  • Speaker #2

    Je suis solopreneur depuis 2023 et j'ai ouvert mon Shopify dédié à la lingerie pour animaux. Il n'y a pas de raison que votre animal de compagnie préférée ne soit pas coquette. Même si tu es pour dormir sur le canapé toute la journée. Ma question est la suivante. La maquette de mon site est toute rose fuchsia. Il y a des couleurs flashy partout. Est-ce que je dois vraiment tout changer en couleur triste du quotidien ?

  • Speaker #0

    Alors déjà deux choses. Première chose, alors je vais peut-être en décevoir certains, mais souvent un beau design ça rime rarement avec une bonne accessibilité. Parce que par définition un site qui est accessible, c'est un site qui a beaucoup de contrastes, qui a des textes larges, qui n'a pas trop d'éléments flottants, ou en tout cas ils doivent être disposés d'une certaine manière et codés d'une certaine manière. Donc voilà, première chose, et c'est le genre de site qui est à la mode aujourd'hui en plus, avec pas mal d'éléments flottants, pas mal d'animations qui peuvent perturber. la lecture en accessibilité. La deuxième chose, tu me parlais des... Vous me parliez, pardon ! Vous me parliez, on ne se connait pas, si tu as envie qu'on se tutoie. Des couleurs sur le site. Alors, un site peut être accessible, on peut utiliser les couleurs que l'on veut. Par contre, il va falloir faire attention au contraste. C'est-à-dire qu'on peut utiliser du fuchsia sur un site. Mais en quelle couleur allez-vous écrire dessus pour que le texte soit assez contrasté et qu'il puisse du coup être lisible par les personnes qui ont des déficiences visuelles ? Donc c'est la question à se poser. Mais oui, en termes de couleurs, on n'est pas limité.

  • Speaker #1

    Et est-ce que tu peux, il me semble avoir déjà vu ça, créer en fait un mode contrasté où tu remplaces complètement. Le site va être fuchsia avec une écriture blanche ou noire pour tout le monde, mais on va rajouter quelque part un bouton qui va peut-être changer le fond en noir et laisser l'écriture en blanc pour les gens qui ont ce besoin. Oui,

  • Speaker #0

    de la même manière qu'il y a de temps en temps des light mode, dark mode, il peut y avoir des modes contrastes renforcés. pour cette utilisation notamment. Et donc, si on veut utiliser un site avec des contrastes qui ne sont pas incroyables, ce que je déconseille, parce que de base, c'est bien que de base, le site soit déjà accessible, mais si on tient vraiment à son design, on peut faire ce bouton contraste renforcé. Alors là, au clic de ce bouton, les couleurs changent, les tailles de police vont changer. Il faut s'adapter au mieux à l'accessibilité.

  • Speaker #2

    Je vais passer en dark mode, ça sera raccord avec ma collection.

  • Speaker #1

    Je ne m'appelle pas le photo. Et je suis consultant en digitalisation d'entreprise.

  • Speaker #0

    D'accord.

  • Speaker #1

    Un client malvoyant m'a dit que nos images ne lui apportaient aucune information. Alors, est-ce que c'est parce qu'on n'utilise pas des balises alt ? Et si on doit utiliser des balises alt, est-ce qu'il y a une bonne ou une mauvaise façon d'écrire ses descriptions dans le cadre de l'accessibilité web ?

  • Speaker #0

    Bien sûr, les images dans l'accessibilité, c'est une grande question. Je vais essayer de faire assez simple. Il y a deux types d'images qu'on va retrouver sur un site Internet. Il va y avoir les images qui sont décoratives, donc qui sont purement du design, qui n'apportent pas de plus-value. Si ce n'est du design, évidemment. Alors, ces images-là, on va faire en sorte qu'elles ne soient pas lues par les lecteurs d'écran. Par contre, si l'image vient agrémenter un article de blog ou si l'image apporte une information, là, on va devoir la décrire. Et en plus, si sur cette image, il y a du texte, il va falloir que le texte qu'il y a sur l'image soit retranscrit dans la balise qu'on va ajouter dans le HTML pour que la personne qui a des déficiences visuelles puisse avoir la même information. qu'une personne qui n'en aurait pas.

  • Speaker #1

    Du coup, ça peut rentrer un petit peu. J'ai en tête des cas où, notamment dans le SEO, des gens qui veulent parfois trop optimiser leur site utilisent des balises alt pour inclure des mots clés qui vont être visibles que pour les robots de Google et qui ne seront pas visibles pour les utilisateurs. Du coup, ça, c'est typiquement une pratique qui va être très mauvaise dans le cadre d'un lecteur d'écran, parce que du coup, le lecteur d'écran va lire une suite de mots clés au lieu de la description de l'image.

  • Speaker #0

    Exactement. Alors là, c'est un choix à faire. Est-ce qu'on veut se conformer à la légalité et avoir un site accessible ou est-ce qu'on veut du SEO ? Moi, je conseillerais plutôt de rendre votre site accessible, c'est quand même le mieux. Mais c'est vrai que...

  • Speaker #2

    Les deux ne sont pas compatibles.

  • Speaker #0

    Les deux ne sont pas toujours compatibles.

  • Speaker #1

    Techniquement, si aujourd'hui tu suis les guidelines white hat de SEO de Google, on te dira toujours, la balise title doit être le titre de l'image et la balise alt doit décrire ce que présente l'image. Techniquement, si tu... es entièrement white hat SEO et que tu suis Google, tu n'utilises pas les champs alt pour faire ce qu'on appelle du keyword stuffing. C'est encore une pratique qui se fait. Voilà, chacun voit midi à sa porte sur le degré d'optimisation SEO et le retour sur investissement que peut apporter aujourd'hui le keyword stuffing dans des pages d'articles de blog, par exemple.

  • Speaker #0

    Je ne sais pas exactement quel impact ça peut avoir la balise d'alternatives textuelles. Est-ce que c'est un gros impact ou est-ce que c'est minime en termes de SEO ?

  • Speaker #1

    Tout est plus ou moins minime aujourd'hui. On compte plusieurs centaines, voire des milliers de signaux de ranking en SEO. Personnellement,

  • Speaker #0

    si moi, en tant que SEO,

  • Speaker #1

    j'ai ce choix à faire, je me débrouillerais pour faire justement le meilleur des deux mondes et créer... En accompagnement avec le dev et le SEO, une balise alt qui est un peu optimisée, mais qui met avant tout le curseur sur l'utilité pour l'utilisateur final, ce qui est de toute façon ce qu'on me demande en SEO.

  • Speaker #0

    De toute façon, normalement, si tu décris l'image, elle va quand même décrire ce dont parle ton site. Les mots-clés sont là.

  • Speaker #1

    Yes.

  • Speaker #0

    Donc le meilleur des deux mondes est normalement assez facile à trouver.

  • Speaker #2

    Bonjour Jean-Michel à peu près, fonctionnaire.

  • Speaker #0

    Bonjour monsieur à peu près.

  • Speaker #2

    Si je mets juste une loupe géante comme ça sur ma page, en fait ça passe non ?

  • Speaker #0

    Non pas du tout. Alors c'est des implémentations qui peuvent être intéressantes, mais ça ne suffit pas. En fait il n'y a pas que la taille du texte qui compte dans l'accessibilité. On a parlé tantôt, il faut que les lecteurs d'écran puissent lire dans un bon ordre, dans un ordre cohérent les différents éléments du site. Mais il y a aussi des contraintes de contraste. comme on parlait tout à l'heure. Si c'est du rose sur du rose, même zoomer à 200%, on va avoir du mal à le lire. Mais par contre, avoir la fonctionnalité qui est disponible dans la majorité des outils d'accessibilité, de pouvoir zoomer dans le texte, oui, ça c'est même essentiel. D'ailleurs, on recommande en général de pouvoir zoomer 200 fois sans perdre l'information.

  • Speaker #2

    Ça marche, merci.

  • Speaker #1

    Propre, efficace. Emile ? et je suis chargé de com dans une entreprise de formation en ligne. Nous, on propose beaucoup de podcasts et de vidéos. Est-ce que les sous-titres suffisent à rendre les contenus accessibles aux personnes sourdes ou malentendantes ? Ou est-ce qu'il y a d'autres choses à prévoir ?

  • Speaker #0

    Alors, pour être 100% honnête avec vous, je n'ai jamais fait d'accessibilité sur de la vidéo. Moi, je n'ai fait que du web. Donc, je suppose que oui, il doit y avoir des standards pour les vidéos pour qu'elles soient adaptées aux personnes qui ont certaines déficiences. Mais honnêtement, je ne pourrais pas répondre à cette question.

  • Speaker #2

    Il y a quand même de plus en plus d'outils qui... YouTube en fait partie, qui propose de la transcription de vidéos, les podcasts de plus en plus également. Donc je pense que c'est aussi pour aller dans ce sens-là. Même si légalement, on ne sait pas exactement ce qu'on est obligé, tenu de faire, je pense que dès que vous avez du contenu à créer sur des plateformes vidéo ou audio, le mieux c'est d'essayer de sous-titrer vos contenus.

  • Speaker #1

    Oui, il y a aussi des outils qui le font, il y a des outils qui permettent de les traduire directement en plein de langues, il y a des outils qui proposent une fonction native, comme YouTube par exemple, qui génère des soucis automatiquement. Parfois, ce n'est pas encore le mieux, mais c'est...

  • Speaker #2

    Il y a un très bon outil qu'on utilise peut-être pas assez en interne, qui s'appelle UpMeet. Oui, c'est vrai. C'est un outil en ligne qui permet d'uploader votre fichier audio ou vidéo. Et donc, c'est une intelligence artificielle qui analyse le contenu et qui génère une retranscription. Alors exacte, peut-être pas à 100%, mais quand même qui est très proche de la réalité. Parce que tu peux même l'accompagner avec des mots clés quand il y a des mots vraiment trop techniques dans une vidéo,

  • Speaker #1

    un contenu de réunion. Tu lui donnes un espèce de lexique.

  • Speaker #2

    Tu lui donnes un lexique, pour qu'il puisse essayer de reconnaître les termes un peu compliqués.

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. Les demandes sont plus ou moins les mêmes, ça suit la même logique en web que dans les PDF. Donc oui, on vous recommande de vraiment utiliser... la partie de l'outil d'adopt de PDF liée à l'accessibilité.

  • Speaker #1

    Mais du coup, c'est assez curieux parce que comment tu vas gérer ? Parce que sur une page web, derrière, en fait, la page web, c'est un rendu qui interprète du code. Donc, tu peux rajouter plein de trucs derrière. Un PDF, c'est quand même plus limité pour l'adaptation d'un PDF, non ? Par exemple, il n'y a pas de balise alt sur un image PDF ?

  • Speaker #0

    Non, mais tu peux décrire tout ce qu'il y a dans un PDF. Ok,

  • Speaker #1

    d'accord. Donc,

  • Speaker #0

    après, en termes de lecture d'écran, comment ça se passe ? très techniquement, je ne sais pas exactement, mais je sais que l'outil d'Adobe est très performant pour ça, et ça marche très bien, et c'est du coup plus simple à mettre en place qu'évidemment l'accessibilité de tout un site web, vu que ça concerne un nombre limité de pages, et que c'est statique surtout. Donc il n'y a pas des contraintes de plusieurs tailles d'écran à gérer, d'éléments dynamiques, etc. Bonjour, je suis Émilie Fetout, Creative Problem Solver dans une agence de com.

  • Speaker #1

    Creative Problem Solver ?

  • Speaker #0

    Ouais, ouais.

  • Speaker #1

    Qu'est-ce que ça veut dire ?

  • Speaker #0

    Je résous les problèmes de manière créative.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    Un nouveau poste.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    En fait, j'ai vu la liste de toutes les fonctionnalités à mettre en place dans les guidelines, mais ça va être très très long. Est-ce que je peux commencer moi-même avec, par exemple, la structure des titres de mes pages, ou bien ça n'a aucun impact ? Et ces changements, on les fait tous en bloc ou en mode agile ?

  • Speaker #1

    Oui, la hiérarchie de titres, ça peut être un bon moyen de commencer à améliorer son accessibilité. C'est souvent aussi accessible. En général, il y a des éditeurs vis-à-vis dans tous les CMS. Donc, c'est une des choses les plus faciles côté client à mettre en place. Et puis, l'accessibilité, la faire en un bloc, c'est quelque chose. C'est plus ou moins possible aussi, mais c'est un gros morceau, surtout si vous avez un gros site avec pas mal de fonctionnalités et pas mal d'éléments dynamiques. Donc, je privilégierais une méthode agile, donc avancée par bloc. Aujourd'hui, on se concentre sur... Je ne sais pas, l'accessibilité de la hiérarchie des titres. Demain, ce sera l'accessibilité des images. Après-demain, ce sera l'accessibilité des tableaux. Après-après-demain, ce sera l'accessibilité du menu, etc. Donc oui, travailler par bloc, comme pour tout, par itération, je crois que c'est une des meilleures manières de travailler. Ok,

  • Speaker #0

    je vais en parler à mon Scrum Master.

  • Speaker #1

    Et si je peux donner une petite recue aussi aux personnes qui écoutent ce podcast, et à vous aussi bien sûr, c'est le site du W3C, c'est le World Wide Web Consortium, qui a tout un pan dédié à l'accessibilité. Et c'est très intéressant et c'est considéré comme les standards actuels d'accessibilité sur le web. Et aussi au Luxembourg, pour nos auditeurs luxembourgeois, l'État a un site dédié à l'accessibilité avec pas mal d'informations, des points de contact en cas de question, etc.

  • Speaker #2

    Moi, je suis Lucien Commande et je suis chef de projet digital dans une startup. Ma question c'est que beaucoup d'utilisateurs de mon site n'utilisent que le clavier ou des commandes vocales. Mais comment est-ce que je peux tester si mon site est vraiment navigable sans souris ? Est-ce que moi sans les logiciels je peux essayer de voir déjà comment ça fonctionne ?

  • Speaker #1

    Bien sûr c'est ce dont on discutait tout à l'heure. Normalement sur les navigateurs les plus connus et si tu as un Mac aussi, il y a des logiciels de liseuse d'écran. Donc pareil l'idée c'est de se mettre un peu de la manière la plus proche possible dans la peau des personnes qui naviguent le site. Donc voilà, essayez au tab avec Enter, Espace, de naviguer sur le site Et voir est-ce qu'on s'en sort, est-ce qu'on s'en sort pas, qu'est-ce qui sera améliorable Est-ce que j'arrive à sortir de mon menu si je veux quitter ce menu C'est toutes des questions à se poser Donc voilà, oui, c'est totalement possible

  • Speaker #0

    Alors bonjour, je m'appelle Didier Desdoutes Je suis coach en nutrition et j'ai lancé ma propre marque de dentifrice D'accord J'ai plutôt une remarque plutôt qu'une question.

  • Speaker #1

    Combien de calories pour 100 grammes ?

  • Speaker #0

    J'ai fait quelques recherches sur Internet. J'ai vu qu'il y avait un outil qui s'appelait EqualWeb. EqualWeb. Moi, j'ai l'impression que c'est encore un outil qui ne sert à rien et qui va me coûter une blinde sans être sûr que ça va me mettre en conformité avec la loi. Franchement, ça va me coûter combien ? Et surtout, quelle garantie je vais avoir en installant un tel outil ?

  • Speaker #1

    Alors, c'est clair que c'est des outils qui ont un coût, c'est certain. C'est des outils, si on prend l'exemple d'e-coolweb, qui passe notamment toutes les certifications. Je ne suis pas payé pour le dire, donc je m'en fous, mais c'est un outil qui passe toutes les certifications européennes et plus. C'est pour ça qu'on utilise celui-là. Alors oui, c'est vrai, c'est un certain coût. Après, ça dépend aussi de la taille du site web. Pour les petits sites, franchement, c'est vraiment pas très cher. C'est quelques dizaines d'euros mensuels. C'est pas très cher pour avoir un site accessible, honnêtement, comparé à un développement custom, par exemple. Par contre, quand on commence à avoir des très gros sites... avec des milliers, des dizaines de milliers de pages. Là, on est plutôt sur quelques centaines d'euros par an. Donc voilà, est-ce que c'est cher, pas cher ? C'est le prix à payer pour rendre accessible votre site par tout le monde. Donc voilà.

  • Speaker #2

    Est-ce que c'est possible de faire un... Dans le sens où on sait que plus un site est grand, plus en général, il va y avoir des pages qui ne sont pas forcément très utiles. Tu sais, ce genre de pages qui reçoivent une ou deux visites par an maximum. Est-ce que c'est possible avec EqualWeb de dire, on rend accessible sur nos 2 millions de pages, nos pages produits, nos pages catégories, nos pages à propos, notre homepage, mais pas la page du tag WordPress généré à l'arrache qui a fait 200 000 pages que personne ne va jamais voir ?

  • Speaker #1

    Et pourquoi tu ne voudrais pas que EqualWeb soit dessus ?

  • Speaker #2

    Ça permettrait peut-être de réduire la facture. Je ne sais pas, en fait, si c'est possible.

  • Speaker #1

    Non, en fait, EqualWeb, sauf s'il y a une feature qui sort après cet épisode où il y a une feature que je ne connais pas. Le nombre de pages du site. Oui, voilà. En fait, je ne l'ai pas dit tout à l'heure, mais c'est vrai que j'aurais dû le dire. EqualWeb, gratuitement, on peut lui donner son site et puis il va te dire tout de suite l'abonnement qu'il te propose en fonction du nombre de pages de ton site.

  • Speaker #2

    Celui à un million d'euros. Voilà.

  • Speaker #1

    Non, c'est rarement ces prix-là, je n'ai jamais vu ça. Mais non, lui va calculer et en plus, la méthode de calcul est un peu bizarre.

  • Speaker #2

    C'est toujours le souci, moi, qui viens du SEO, j'ai toujours ce souci avec les outils qui basent leur pricing sur le nombre de pages, de façon, on va dire, aveugle pour le coup, parce qu'en fait, des fois, il y a plein de pages. Je veux dire, des fois, ils vont s'en rentrer trop dans la technique, ils vont crôler des... pages qui sont juste des fichiers css et où ils ont trouvé un lien ils vont compter ça comme on considère les images url qui les images hébergées sur ton site c'est des pages c'est compter très large quand même le prendre regardez typiquement à wordpress quand un wordpress de base je crois qu'on avait parlé avec laurent quand upload une image sur un wordpress elle est dupliquée en 3 la taille l la taille M et la taille S donc ça veut dire que déjà si t'as sans images t'as déjà 300 et c'est des images c'est juste un lien vers un fichier image j'ai encore une question c'est sur une question de Martin Economique qui est consultant en accessibilité numérique et qui demande il pose une question à moi qui demande si l'accessibilité web est une obligation légale pour certaines entreprises, oui, mais concrètement est-ce qu'on sait déjà, est-ce qu'on connaît déjà les risques pour une entreprise qui ne fait pas l'effort de rendre son site accessible ? Est-ce que c'est un peu comme le RGPD, il risque d'y avoir des contrôles des amendes ?

  • Speaker #1

    Alors pour le public, c'est déjà obligatoire depuis 2018 ou 2019 au Luxembourg et là à partir de 28 juin 2025 ce sera obligatoire pour toutes les entreprises

  • Speaker #2

    Il y a une certaine taille, non ? C'est moins de 10 personnes.

  • Speaker #1

    Sur l'article, en tout cas gouvernemental, je n'ai pas vu de mention de taille d'entreprise. Mais en tout cas, je n'ai pas vu ou entendu parler de personnes qui se faisaient déjà réprimander par rapport à cette loi. En l'occurrence, elle n'est pas encore passée pour le domaine privé. Et en tout cas, pour le public, je n'ai jamais entendu une institution qui se faisait remonter les bretelles. Après, c'est vrai qu'au Luxembourg, il y a un gros budget quand même lié à l'accessibilité des sites web.

  • Speaker #2

    Il me semble, je n'ai plus le nom en tête, mais je crois qu'il y a un organisme qui teste tous les ans, un organisme de l'État qui va piocher de temps en temps un acteur étatique.

  • Speaker #1

    Oui, qui va réaliser un audit.

  • Speaker #2

    Un audit et qui va les informer si le site n'est pas accessible.

  • Speaker #1

    Alors là, pour le coup, l'audit, ce n'est pas punitif. C'est-à-dire qu'ils vont analyser le site et ils vont faire un feedback sur ce qui va, ce qui ne va pas, et pour l'améliorer. Ce n'est pas une police de l'accessibilité. qui va venir voir et mettre des petites amendes parce que l'image n'a pas de balise alternative.

  • Speaker #2

    Ce qui est aussi le cas, en tout cas, c'était déjà le cas au tout début avec le RGPD. Je ne sais pas si vous vous souvenez, mais au tout début du RGPD, il y a eu toute une période de transition où au moment où tu te faisais auditer, en fait, on te donnait des recommandations. Et en fait, tu avais un certain temps pour te mettre en accord avec ces recommandations, pour faire le travail. tu étais de nouveau audité après X mois, si là tu n'avais toujours pas fait les choses, on te redonnait encore un laps de temps, et seulement à la troisième fois, tu te faisais taper sur les doigts. Donc il y a de fortes chances que pour l'accessibilité, on ait à peu près un cheminement similaire.

  • Speaker #0

    Il y aura toujours une zone grise.

  • Speaker #1

    Oui, surtout pour l'accessibilité. Le problème avec l'accessibilité, c'est qu'un site pourra très difficilement être 100% accessible. À moins d'être du texte noir sur fond blanc, en très grande taille de police, avec un très grand... letter spacing, je ne sais pas comment on pourrait dire en français, l'espacement entre les lettres, je n'ai pas pris un mot pour le dire.

  • Speaker #2

    Tu aurais demandé à un graphiste.

  • Speaker #1

    À moins d'avoir un site qui ressemble à ça, ça va être très compliqué d'avoir un site accessible. Si vous avez un site qui est un peu design, avec pas mal d'éléments flottants, pas mal d'animations, ça va être compliqué de le rendre 100% accessible. Et je crois que l'idée derrière ça, c'est de se rapprocher le plus de l'accessibilité parfaite possible. C'est un point qui est presque pas atteignable, mais il faut s'en rapprocher le plus possible. Dans les audits, l'idée, c'est d'être quand même au-dessus de 80-90% d'accessibilité. Donc ça, c'est des audits qui sont réalisés via des chartes qui sont plus ou moins communes à toutes les sociétés d'audit et qui vont analyser une dizaine, une vingtaine, une trentaine de pages de votre site. Et dans l'idée, on est à plus de 80, plus de 90% d'accessibilité. Mais le 100%, c'est extrêmement compliqué à atteindre. C'est extrêmement compliqué à atteindre.

  • Speaker #0

    Bon, alors moi, c'est Stéphane Plagia.

  • Speaker #2

    Bonjour, monsieur Plagia.

  • Speaker #1

    Bonjour, monsieur Plagia.

  • Speaker #0

    Je suis consultant UX UI pour les PME.

  • Speaker #1

    D'accord.

  • Speaker #0

    Et j'ai une question. J'ai vu sur un site qu'ils avaient un bouton mode accessible. Alors, j'ai conseillé aux développeurs de copier-coller le code du bouton et de faire un lien. Ça suffit, non ?

  • Speaker #1

    De copier-coller le code du bouton et de faire un lien ? Ouais,

  • Speaker #0

    un lien vers l'accessibilité d'un autre site.

  • Speaker #1

    De la page de mention d'accessibilité ?

  • Speaker #0

    Ouais, ouais, exact, ouais. Pourquoi je m'embêterais à créer une... nouvelle page de mentions légales si d'autres en ont déjà fait ? Et pourquoi j'utiliserais un autre outil que quelqu'un a utilisé ? Est-ce que je n'arrive pas à juste recopier-coller un bouton qui a été fait d'un autre site ?

  • Speaker #1

    Je crois que prendre une feature et dire à un développeur « fais-moi un copier-coller de ça » , je crois que tous les développeurs vont rigoler, surtout si ce n'est pas eux qui l'ont codé à la base. Ce n'est jamais aussi simple en web. Et deuxième chose, les mentions légales liées à l'accessibilité, vous pouvez, si vous êtes luxembourgeant en tout cas, les générer via le site de l'État. Donc en rendant compte de vos informations, ils vous génèrent pour vous vos mentions légales.

  • Speaker #2

    Ça c'est intéressant.

  • Speaker #1

    Donc voilà, mais copier-coller en dev, c'est jamais aussi simple.

  • Speaker #2

    Il faut d'abord aller sur Stackover.

  • Speaker #1

    Il faut d'abord aller sur Stackover. Non mais, soit on fait un vrai dev custom lié à votre site, ou soit on utilise un outil dédié comme iCrawlweb dont on discutait tout à l'heure.

  • Speaker #0

    Moi j'ai rien compris, donc je vais arrêter la consultance UXUI, je vais vendre des appartements. Salut, moi c'est Pascal Frontal, freelance en création de site web, spécialement pour les restaurants. Je voudrais savoir, si votre site n'est pas accessible, c'est parce que vous avez sûrement engagé un mauvais développeur, non ? Il aurait dû quand même vous le signaler dès la conception.

  • Speaker #1

    Alors, s'il y a une conception et qu'il n'y a pas de site à la base, et que vous demandez à un développeur de vous faire un site, il ne va potentiellement pas vous faire un site accessible, ou en tout cas au standard d'accessibilité actuel. si ça n'a pas été briefé à la base, parce que c'est une législation qui est nouvelle, parce qu'avant, c'était un peu un truc qui était mis sous le tapis quand ce n'était pas étatique. Maintenant, ça devient obligatoire, donc les développeurs vont certainement rendre des sites accessibles. Mais aujourd'hui, je suis certain que vous demandez à 10 développeurs de vous créer votre site, l'accessibilité ne sera pas incroyable si vous ne le mentionnez pas. Donc, n'hésitez pas, si vous êtes en conception avec un développeur ou une équipe informatique.

  • Speaker #2

    Le mentionner, le mettre dans le brief.

  • Speaker #1

    Exactement, exactement.

  • Speaker #2

    Alors j'ai un dernier invité de dernière minute qui s'appelle Noé Frappfort et on voudrait savoir avec lui, donc il est responsable d'IT dans une grande entreprise. Si admettons là on se lance dans un projet d'accessibilité, selon toi, Naïm, ton expérience, c'est quoi le pire obstacle à éviter ? Tu vois, quels sont les points les plus bloquants dans les projets d'accessibilité en général ? Le point le plus bloqué ?

  • Speaker #1

    Ça dépend, il y en a pas mal et ça dépend du site. Je dirais potentiellement la navigation au clavier, en fonction de la disposition des menus, etc. Ça peut être un peu compliqué. Et sinon, l'accès à l'information. Souvent, aujourd'hui, dans les sites qui sont aussi très design, l'accès à l'information se fait aussi beaucoup par la couleur. C'est-à-dire qu'on va différencier un texte d'un lien par sa couleur. Ça, en termes d'accessibilité, c'est mauvais, évidemment. Il faut qu'il soit distinguable par autre chose. Il faut souligner le lien, il faut ajouter un effet de hover. non accessible, etc. Il y a ces contraintes-là et c'est vrai que ces contraintes sont beaucoup liées au design. Donc on parlait de conception tout à l'heure. Il faut évidemment dire aux développeurs qu'on veut un site accessible, mais il faut évidemment en faire part aux designers avant, pour qu'ils prennent en compte tout ça et qu'ils fassent le site qui soit intégrable de la manière la plus accessible possible.

  • Speaker #2

    Et ben voilà !

  • Speaker #1

    J'espère que vous en savez un peu plus sur l'accessibilité aujourd'hui. J'espère qu'on a pu démystifier certaines choses. Et voilà, n'hésitez pas à laisser votre avis en commentaire.

  • Speaker #0

    On a une page LinkedIn, Café Clatch, rejoignez la communauté, commentez dès que l'épisode sort, sur YouTube également.

  • Speaker #1

    Et est-ce que vous, votre site est accessible ?

  • Speaker #2

    C'est ça la vraie question. Un dernier petit bonus que j'ai réussi à retrouver pendant l'épisode, c'était un site que j'avais découvert en préparant. C'est understandingaccessibility.com, qui est en fait un site qui est dédié aux web designers et aux développeurs, et qui est en fait un petit cours gratuit sur l'accessibilité. et qui se base en fait sur quelques grands chapitres, les couleurs, les typos, les médias, le layout et le développement. Donc c'est en anglais malheureusement, mais n'hésitez pas à aller faire un petit tour sur ce site aussi pour approfondir le sujet si ça vous intéresse.

  • Speaker #1

    Ah ben voilà, très bonne recode Antoine. Je ne vois pas comment je pourrais terminer mieux que ça.

  • Speaker #0

    C'est le boss. Il va prendre le podcast à lui tout seul. On va se faire évincer.

  • Speaker #2

    Je n'ai pas le temps, je vais faire déjà X, Meta et...

  • Speaker #1

    Allez, on vous dit à la prochaine. À vendredi prochain. Action !

Chapters

  • Introduction à l'accessibilité numérique

    00:01

  • Nouvelles législations sur l'accessibilité au Luxembourg

    00:24

  • Définition et importance de l'accessibilité

    00:39

  • Questions des clients sur l'accessibilité

    02:02

  • Structuration des sites pour les lecteurs d'écran

    04:09

  • Couleurs et accessibilité : bonnes pratiques

    06:17

  • Utilisation des balises alt pour les images

    08:38

  • Navigation au clavier et tests d'accessibilité

    17:41

  • Obligations légales et risques pour les entreprises

    21:10

  • Obstacles à l'accessibilité et conseils pratiques

    27:38

Share

Embed

You may also like

Description

Saviez-vous que près de 15 % de la population mondiale vit avec une forme de handicap? Dans cet épisode de Café Klatsch, nous plongeons au cœur de l'accessibilité numérique, un enjeu crucial qui touche non seulement les entreprises mais aussi la société dans son ensemble. Alors que la nouvelle législation sur l'accessibilité au Luxembourg se profile à l'horizon pour 2025, il est temps d'explorer comment cette initiative peut transformer le paysage digital et améliorer la productivité de votre entreprise.

Nos intervenants, un développeur passionné et des responsables de communication aguerris, partagent leurs réflexions sur les défis et les solutions pour rendre les sites web et les documents PDF accessibles à tous, en particulier aux personnes ayant des déficiences visuelles ou motrices. L'accessibilité numérique n'est pas seulement une obligation légale, c'est une question éthique qui permet à chacun d'accéder à l'information de manière équitable. Café Klatsch vous offre une vue d'ensemble précieuse sur les tendances marketing actuelles en matière d'accessibilité, vous aidant ainsi à rester à la pointe des innovations technologiques.

Au cours de cet épisode, nous répondons à des questions de clients fictifs sur des sujets essentiels tels que l'utilisation de lecteurs d'écran, la hiérarchie des titres, et l'importance d'un bon contraste de couleurs. Nous discutons également des outils d'accessibilité disponibles et de la nécessité de les intégrer dès la conception de vos sites web. En adoptant ces stratégies innovantes, vous pouvez non seulement respecter la législation, mais aussi renforcer votre image de marque et améliorer votre lead generation.

Nous croyons fermement que l'accessibilité numérique est un levier de performance pour les entreprises. En intégrant ces pratiques dans votre stratégie digitale, vous vous positionnez non seulement comme un acteur responsable dans le domaine du marketing digital, mais vous répondez également aux tendances technologiques qui façonnent l'avenir. Rejoignez-nous dans cet épisode captivant de Café Klatsch, où nous explorons ensemble les tendances du marketing et les astuces marketing qui vous permettront de naviguer dans ce nouvel environnement digital, tout en respectant les principes d'inclusivité et d'accessibilité.

Ne manquez pas cette occasion d'en apprendre davantage sur l'importance de l'accessibilité numérique et comment elle peut transformer votre approche du e-commerce et des réseaux sociaux. Ensemble, faisons de l'accessibilité une priorité, car chaque utilisateur mérite une expérience en ligne optimale!


📢 Découvrez plus d'épisodes et suivez nos actualités sur LinkedIn : Café Klatsch


Café Klatsch - Le podcast où l'innovation et la créativité rencontrent le branding et la stratégie marketing pour les entreprises luxembourgeoises. Abonnez-vous pour ne rien manquer !


#Podcast #CaféKlatsch #Branding #StratégieMarketing #ConsultanceCréative #Innovation #EntreprisesLuxembourgeoises #econnect


Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.

Transcription

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. À partir du 28 juin 2025, une nouvelle loi entre en vigueur au Luxembourg. C'est une loi qui concerne l'accessibilité. Et en fait, c'est une loi européenne qui a été transposée à la loi nationale et qui impose à toutes les entreprises de suivre les exigences européennes en termes d'accessibilité.

  • Speaker #1

    C'est quoi l'accessibilité ?

  • Speaker #0

    Alors l'accessibilité, en tout cas l'accessibilité en ligne, c'est permettre aux personnes qui ont des déficiences visuelles ou moteurs de pouvoir naviguer et avoir accès à la même information qu'une personne qui n'aurait pas ces déficiences. Donc c'est le sujet du jour. Et je crois que vous m'avez prévu un petit interrogatoire. Aujourd'hui, pour en apprendre un peu plus sur l'accessibilité,

  • Speaker #2

    on a derrière cette porte toute une batterie de clients qui sont très curieux de comprendre comment fonctionne l'accessibilité. Nous avons tout un tas de questions à te poser.

  • Speaker #1

    Concrètement, ça va être l'inquisition pendant 30 minutes pour toi.

  • Speaker #2

    Faites entrer le premier client.

  • Speaker #1

    J'espère que tu as bien révisé.

  • Speaker #0

    J'ai très bien révisé. Pour un peu de contexte, je fais régulièrement des implémentations en termes d'accessibilité pour les clients Econnect. Je suis développeur à la base. Je vais essayer de répondre à toutes les questions. Mon terrain d'expertise n'est pas forcément l'accessibilité, mais j'en ai fait quelques-uns. J'ai fait quelques audits d'accessibilité, donc je connais un peu le sujet.

  • Speaker #1

    Et puis ça va être, comme tu l'as dit en préambule, ça va être quelque chose auquel tout le monde va se confronter au Luxembourg, mais aussi très probablement ailleurs plus tard, puisque ça déroule, si j'ai bien compris, d'une directive qui devrait être appliquée dans les autres pays aussi. Oui,

  • Speaker #0

    exactement.

  • Speaker #1

    Je sens que tu es brûlant.

  • Speaker #2

    Ah bah écoute, moi je fais rentrer mon premier invité, il n'y a pas de problème. Alors, bonjour, je m'appelle Jean-Michel Je-Sais-Tout.

  • Speaker #0

    Bonjour monsieur Je-Sais-Tout, enchanté.

  • Speaker #2

    Je suis responsable de tout le parc informatique dans mon entreprise de travaux publics. Parfait. On m'a nommé responsable sécurité des données parce que je sais tout sur tout.

  • Speaker #0

    Félicitations.

  • Speaker #2

    Ma question est la suivante. Est-ce que l'accessibilité, c'est juste un truc pour éviter les amendes ou ça sert vraiment ?

  • Speaker #0

    Bah évidemment que ça sert.

  • Speaker #2

    C'est la réponse, mais je voudrais connaître la vote.

  • Speaker #0

    Non, non, évidemment, ça sert. Un site web, il est là pour être vu, lu, partagé. Si on se coupe d'une partie d'utilisateurs, on se coupe potentiellement d'une partie des clients. On se coupe de personnes qui pourraient avoir besoin de vos services.

  • Speaker #1

    Et même au-delà des services et des problématiques de clients, de marques, d'entreprises, c'est tout simplement en fait... Rendre possible l'accès à de l'information, c'est un devoir, on se doit en tant que société, de permettre aux gens qui ont des déficiences de bénéficier d'un même niveau de service, d'un même niveau d'accès à l'information que tous les autres citoyens nomment valides. Donc ouais, c'est aussi une question éthique.

  • Speaker #0

    C'est une vraie question éthique, donc il y a le point de vue évidemment de l'entrepreneur, mais il y a aussi le point de vue de l'utilisateur, comme Antoine disait, n'importe qui. doit pouvoir avoir accès à la même information sur le web, dans un monde idéal. Ce qui n'est pas encore le cas pour l'instant, malheureusement.

  • Speaker #1

    Mais par contre, il me semble que tout ce qui était, tu vois, les organisations étatiques et les sites...

  • Speaker #0

    C'était déjà obligatoire.

  • Speaker #1

    C'était déjà obligatoire.

  • Speaker #0

    Depuis 2018 ou 2019, si je ne me trompe pas.

  • Speaker #1

    Yes.

  • Speaker #2

    Moi, je le savais, c'était pour ça. Si vous étiez légitim, arrêtez de me faire des questions, mais ça semble évident. Merci beaucoup.

  • Speaker #0

    Avec plaisir, monsieur Je-Sais-Tout.

  • Speaker #2

    J'appelle le suivant.

  • Speaker #1

    Bonjour, moi je m'appelle Claire Voyant. Et je suis... Je pense qu'on se demande.

  • Speaker #2

    Une bourse de Régis.

  • Speaker #1

    Je pense à Diapos. Je suis pas aussi bon que Patou pour les blagues. Du coup, je suis responsable communication dans une entreprise de service. Et j'ai entendu dire que certains utilisateurs aveugles ou malvoyants utilisent des lecteurs d'écran. Bien sûr. Mais concrètement, comment un site ça doit se structurer pour qu'il puisse s'y retrouver facilement avec un lecteur d'écran ? Et même, c'est quoi un lecteur d'écran ?

  • Speaker #0

    Alors... C'est une très grande question, il y a plusieurs questions dans la question. Alors d'abord peut-être, c'est quoi un lecteur d'écran ? Parce que même si vous n'avez pas de déficience visuelle, on peut l'essayer. Il y a des lecteurs d'écran qui sont intégrés au navigateur. Si vous avez un Mac, vous avez VoiceOver dans Safari. Et donc en fait, ce qui va se passer, c'est que vous allez pouvoir naviguer un site à l'aide de quelques touches du clavier. En l'occurrence, les touches principales, ça va être Tab, Echap et Espace. Et vous allez pouvoir naviguer comme ça. Et donc, dans les différents menus, tout va être lu. C'est-à-dire, si vous avez un header où il est marqué, je ne sais pas, Homepage, Présentation à propos, quand vous allez cliquer sur Tab, ça va lire Homepage. Alors là, vous pouvez appuyer sur Enter et ça va vous cliquer sur le lien. Si vous refaites Tab, ça va lire le deuxième lien, ainsi de suite.

  • Speaker #1

    Donc, c'est une façon de se repérer dans l'espace, entre guillemets, sur un site web.

  • Speaker #0

    Sur un site web, exactement. Ok, cool. D'interagir avec, et l'idée, c'est d'avoir, encore une fois, la même information, peu importe la manière de lire le site.

  • Speaker #1

    Et la structure, sans rentrer trop dans la technique, ça dépend, c'est difficile à mettre en place ?

  • Speaker #0

    Ça dépend de comment le site est fait à la base. Est-ce que ça a été fait avec un CMS qui prend déjà en compte toutes ces problématiques d'accessibilité ou pas ? Est-ce que c'est du code custom ? C'est assez compliqué à dire sans avoir un casus précis. Il y a des outils aussi qui peuvent se greffer à des sites. Nous, on utilise beaucoup EqualWeb, par exemple, qui a beaucoup de certifications. Et qui, en partant d'un site qui n'est pas... pas ou peu accessibles. Avec cet outil, on a un site qui est tout à fait respectable en matière d'accessibilité. Il y a aussi, on discutait dans un épisode sur le SEO de l'importance de la hiérarchie des titres, avec les H1, H2, etc. Là aussi, c'est très important parce que c'est pris en compte par les lecteurs d'écran dans l'ordre de diction.

  • Speaker #1

    Donc, en fait, le SEO est aussi une bonne action ?

  • Speaker #0

    Ça marche ensemble. Ça marche ensemble.

  • Speaker #1

    C'est beau.

  • Speaker #2

    Un SEO n'est pas mort.

  • Speaker #0

    Donc voilà, j'espère que j'ai répondu à ta question. Je l'ai fait très global parce qu'elle était très claire.

  • Speaker #1

    C'est très clair.

  • Speaker #0

    Avec plaisir, Claire Voyer.

  • Speaker #2

    Alors moi, c'est Salih les petits trucs. C'est un jeu de mots avec ma boutique,

  • Speaker #0

    les petits trucs.

  • Speaker #2

    Je suis solopreneur depuis 2023 et j'ai ouvert mon Shopify dédié à la lingerie pour animaux. Il n'y a pas de raison que votre animal de compagnie préférée ne soit pas coquette. Même si tu es pour dormir sur le canapé toute la journée. Ma question est la suivante. La maquette de mon site est toute rose fuchsia. Il y a des couleurs flashy partout. Est-ce que je dois vraiment tout changer en couleur triste du quotidien ?

  • Speaker #0

    Alors déjà deux choses. Première chose, alors je vais peut-être en décevoir certains, mais souvent un beau design ça rime rarement avec une bonne accessibilité. Parce que par définition un site qui est accessible, c'est un site qui a beaucoup de contrastes, qui a des textes larges, qui n'a pas trop d'éléments flottants, ou en tout cas ils doivent être disposés d'une certaine manière et codés d'une certaine manière. Donc voilà, première chose, et c'est le genre de site qui est à la mode aujourd'hui en plus, avec pas mal d'éléments flottants, pas mal d'animations qui peuvent perturber. la lecture en accessibilité. La deuxième chose, tu me parlais des... Vous me parliez, pardon ! Vous me parliez, on ne se connait pas, si tu as envie qu'on se tutoie. Des couleurs sur le site. Alors, un site peut être accessible, on peut utiliser les couleurs que l'on veut. Par contre, il va falloir faire attention au contraste. C'est-à-dire qu'on peut utiliser du fuchsia sur un site. Mais en quelle couleur allez-vous écrire dessus pour que le texte soit assez contrasté et qu'il puisse du coup être lisible par les personnes qui ont des déficiences visuelles ? Donc c'est la question à se poser. Mais oui, en termes de couleurs, on n'est pas limité.

  • Speaker #1

    Et est-ce que tu peux, il me semble avoir déjà vu ça, créer en fait un mode contrasté où tu remplaces complètement. Le site va être fuchsia avec une écriture blanche ou noire pour tout le monde, mais on va rajouter quelque part un bouton qui va peut-être changer le fond en noir et laisser l'écriture en blanc pour les gens qui ont ce besoin. Oui,

  • Speaker #0

    de la même manière qu'il y a de temps en temps des light mode, dark mode, il peut y avoir des modes contrastes renforcés. pour cette utilisation notamment. Et donc, si on veut utiliser un site avec des contrastes qui ne sont pas incroyables, ce que je déconseille, parce que de base, c'est bien que de base, le site soit déjà accessible, mais si on tient vraiment à son design, on peut faire ce bouton contraste renforcé. Alors là, au clic de ce bouton, les couleurs changent, les tailles de police vont changer. Il faut s'adapter au mieux à l'accessibilité.

  • Speaker #2

    Je vais passer en dark mode, ça sera raccord avec ma collection.

  • Speaker #1

    Je ne m'appelle pas le photo. Et je suis consultant en digitalisation d'entreprise.

  • Speaker #0

    D'accord.

  • Speaker #1

    Un client malvoyant m'a dit que nos images ne lui apportaient aucune information. Alors, est-ce que c'est parce qu'on n'utilise pas des balises alt ? Et si on doit utiliser des balises alt, est-ce qu'il y a une bonne ou une mauvaise façon d'écrire ses descriptions dans le cadre de l'accessibilité web ?

  • Speaker #0

    Bien sûr, les images dans l'accessibilité, c'est une grande question. Je vais essayer de faire assez simple. Il y a deux types d'images qu'on va retrouver sur un site Internet. Il va y avoir les images qui sont décoratives, donc qui sont purement du design, qui n'apportent pas de plus-value. Si ce n'est du design, évidemment. Alors, ces images-là, on va faire en sorte qu'elles ne soient pas lues par les lecteurs d'écran. Par contre, si l'image vient agrémenter un article de blog ou si l'image apporte une information, là, on va devoir la décrire. Et en plus, si sur cette image, il y a du texte, il va falloir que le texte qu'il y a sur l'image soit retranscrit dans la balise qu'on va ajouter dans le HTML pour que la personne qui a des déficiences visuelles puisse avoir la même information. qu'une personne qui n'en aurait pas.

  • Speaker #1

    Du coup, ça peut rentrer un petit peu. J'ai en tête des cas où, notamment dans le SEO, des gens qui veulent parfois trop optimiser leur site utilisent des balises alt pour inclure des mots clés qui vont être visibles que pour les robots de Google et qui ne seront pas visibles pour les utilisateurs. Du coup, ça, c'est typiquement une pratique qui va être très mauvaise dans le cadre d'un lecteur d'écran, parce que du coup, le lecteur d'écran va lire une suite de mots clés au lieu de la description de l'image.

  • Speaker #0

    Exactement. Alors là, c'est un choix à faire. Est-ce qu'on veut se conformer à la légalité et avoir un site accessible ou est-ce qu'on veut du SEO ? Moi, je conseillerais plutôt de rendre votre site accessible, c'est quand même le mieux. Mais c'est vrai que...

  • Speaker #2

    Les deux ne sont pas compatibles.

  • Speaker #0

    Les deux ne sont pas toujours compatibles.

  • Speaker #1

    Techniquement, si aujourd'hui tu suis les guidelines white hat de SEO de Google, on te dira toujours, la balise title doit être le titre de l'image et la balise alt doit décrire ce que présente l'image. Techniquement, si tu... es entièrement white hat SEO et que tu suis Google, tu n'utilises pas les champs alt pour faire ce qu'on appelle du keyword stuffing. C'est encore une pratique qui se fait. Voilà, chacun voit midi à sa porte sur le degré d'optimisation SEO et le retour sur investissement que peut apporter aujourd'hui le keyword stuffing dans des pages d'articles de blog, par exemple.

  • Speaker #0

    Je ne sais pas exactement quel impact ça peut avoir la balise d'alternatives textuelles. Est-ce que c'est un gros impact ou est-ce que c'est minime en termes de SEO ?

  • Speaker #1

    Tout est plus ou moins minime aujourd'hui. On compte plusieurs centaines, voire des milliers de signaux de ranking en SEO. Personnellement,

  • Speaker #0

    si moi, en tant que SEO,

  • Speaker #1

    j'ai ce choix à faire, je me débrouillerais pour faire justement le meilleur des deux mondes et créer... En accompagnement avec le dev et le SEO, une balise alt qui est un peu optimisée, mais qui met avant tout le curseur sur l'utilité pour l'utilisateur final, ce qui est de toute façon ce qu'on me demande en SEO.

  • Speaker #0

    De toute façon, normalement, si tu décris l'image, elle va quand même décrire ce dont parle ton site. Les mots-clés sont là.

  • Speaker #1

    Yes.

  • Speaker #0

    Donc le meilleur des deux mondes est normalement assez facile à trouver.

  • Speaker #2

    Bonjour Jean-Michel à peu près, fonctionnaire.

  • Speaker #0

    Bonjour monsieur à peu près.

  • Speaker #2

    Si je mets juste une loupe géante comme ça sur ma page, en fait ça passe non ?

  • Speaker #0

    Non pas du tout. Alors c'est des implémentations qui peuvent être intéressantes, mais ça ne suffit pas. En fait il n'y a pas que la taille du texte qui compte dans l'accessibilité. On a parlé tantôt, il faut que les lecteurs d'écran puissent lire dans un bon ordre, dans un ordre cohérent les différents éléments du site. Mais il y a aussi des contraintes de contraste. comme on parlait tout à l'heure. Si c'est du rose sur du rose, même zoomer à 200%, on va avoir du mal à le lire. Mais par contre, avoir la fonctionnalité qui est disponible dans la majorité des outils d'accessibilité, de pouvoir zoomer dans le texte, oui, ça c'est même essentiel. D'ailleurs, on recommande en général de pouvoir zoomer 200 fois sans perdre l'information.

  • Speaker #2

    Ça marche, merci.

  • Speaker #1

    Propre, efficace. Emile ? et je suis chargé de com dans une entreprise de formation en ligne. Nous, on propose beaucoup de podcasts et de vidéos. Est-ce que les sous-titres suffisent à rendre les contenus accessibles aux personnes sourdes ou malentendantes ? Ou est-ce qu'il y a d'autres choses à prévoir ?

  • Speaker #0

    Alors, pour être 100% honnête avec vous, je n'ai jamais fait d'accessibilité sur de la vidéo. Moi, je n'ai fait que du web. Donc, je suppose que oui, il doit y avoir des standards pour les vidéos pour qu'elles soient adaptées aux personnes qui ont certaines déficiences. Mais honnêtement, je ne pourrais pas répondre à cette question.

  • Speaker #2

    Il y a quand même de plus en plus d'outils qui... YouTube en fait partie, qui propose de la transcription de vidéos, les podcasts de plus en plus également. Donc je pense que c'est aussi pour aller dans ce sens-là. Même si légalement, on ne sait pas exactement ce qu'on est obligé, tenu de faire, je pense que dès que vous avez du contenu à créer sur des plateformes vidéo ou audio, le mieux c'est d'essayer de sous-titrer vos contenus.

  • Speaker #1

    Oui, il y a aussi des outils qui le font, il y a des outils qui permettent de les traduire directement en plein de langues, il y a des outils qui proposent une fonction native, comme YouTube par exemple, qui génère des soucis automatiquement. Parfois, ce n'est pas encore le mieux, mais c'est...

  • Speaker #2

    Il y a un très bon outil qu'on utilise peut-être pas assez en interne, qui s'appelle UpMeet. Oui, c'est vrai. C'est un outil en ligne qui permet d'uploader votre fichier audio ou vidéo. Et donc, c'est une intelligence artificielle qui analyse le contenu et qui génère une retranscription. Alors exacte, peut-être pas à 100%, mais quand même qui est très proche de la réalité. Parce que tu peux même l'accompagner avec des mots clés quand il y a des mots vraiment trop techniques dans une vidéo,

  • Speaker #1

    un contenu de réunion. Tu lui donnes un espèce de lexique.

  • Speaker #2

    Tu lui donnes un lexique, pour qu'il puisse essayer de reconnaître les termes un peu compliqués.

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. Les demandes sont plus ou moins les mêmes, ça suit la même logique en web que dans les PDF. Donc oui, on vous recommande de vraiment utiliser... la partie de l'outil d'adopt de PDF liée à l'accessibilité.

  • Speaker #1

    Mais du coup, c'est assez curieux parce que comment tu vas gérer ? Parce que sur une page web, derrière, en fait, la page web, c'est un rendu qui interprète du code. Donc, tu peux rajouter plein de trucs derrière. Un PDF, c'est quand même plus limité pour l'adaptation d'un PDF, non ? Par exemple, il n'y a pas de balise alt sur un image PDF ?

  • Speaker #0

    Non, mais tu peux décrire tout ce qu'il y a dans un PDF. Ok,

  • Speaker #1

    d'accord. Donc,

  • Speaker #0

    après, en termes de lecture d'écran, comment ça se passe ? très techniquement, je ne sais pas exactement, mais je sais que l'outil d'Adobe est très performant pour ça, et ça marche très bien, et c'est du coup plus simple à mettre en place qu'évidemment l'accessibilité de tout un site web, vu que ça concerne un nombre limité de pages, et que c'est statique surtout. Donc il n'y a pas des contraintes de plusieurs tailles d'écran à gérer, d'éléments dynamiques, etc. Bonjour, je suis Émilie Fetout, Creative Problem Solver dans une agence de com.

  • Speaker #1

    Creative Problem Solver ?

  • Speaker #0

    Ouais, ouais.

  • Speaker #1

    Qu'est-ce que ça veut dire ?

  • Speaker #0

    Je résous les problèmes de manière créative.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    Un nouveau poste.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    En fait, j'ai vu la liste de toutes les fonctionnalités à mettre en place dans les guidelines, mais ça va être très très long. Est-ce que je peux commencer moi-même avec, par exemple, la structure des titres de mes pages, ou bien ça n'a aucun impact ? Et ces changements, on les fait tous en bloc ou en mode agile ?

  • Speaker #1

    Oui, la hiérarchie de titres, ça peut être un bon moyen de commencer à améliorer son accessibilité. C'est souvent aussi accessible. En général, il y a des éditeurs vis-à-vis dans tous les CMS. Donc, c'est une des choses les plus faciles côté client à mettre en place. Et puis, l'accessibilité, la faire en un bloc, c'est quelque chose. C'est plus ou moins possible aussi, mais c'est un gros morceau, surtout si vous avez un gros site avec pas mal de fonctionnalités et pas mal d'éléments dynamiques. Donc, je privilégierais une méthode agile, donc avancée par bloc. Aujourd'hui, on se concentre sur... Je ne sais pas, l'accessibilité de la hiérarchie des titres. Demain, ce sera l'accessibilité des images. Après-demain, ce sera l'accessibilité des tableaux. Après-après-demain, ce sera l'accessibilité du menu, etc. Donc oui, travailler par bloc, comme pour tout, par itération, je crois que c'est une des meilleures manières de travailler. Ok,

  • Speaker #0

    je vais en parler à mon Scrum Master.

  • Speaker #1

    Et si je peux donner une petite recue aussi aux personnes qui écoutent ce podcast, et à vous aussi bien sûr, c'est le site du W3C, c'est le World Wide Web Consortium, qui a tout un pan dédié à l'accessibilité. Et c'est très intéressant et c'est considéré comme les standards actuels d'accessibilité sur le web. Et aussi au Luxembourg, pour nos auditeurs luxembourgeois, l'État a un site dédié à l'accessibilité avec pas mal d'informations, des points de contact en cas de question, etc.

  • Speaker #2

    Moi, je suis Lucien Commande et je suis chef de projet digital dans une startup. Ma question c'est que beaucoup d'utilisateurs de mon site n'utilisent que le clavier ou des commandes vocales. Mais comment est-ce que je peux tester si mon site est vraiment navigable sans souris ? Est-ce que moi sans les logiciels je peux essayer de voir déjà comment ça fonctionne ?

  • Speaker #1

    Bien sûr c'est ce dont on discutait tout à l'heure. Normalement sur les navigateurs les plus connus et si tu as un Mac aussi, il y a des logiciels de liseuse d'écran. Donc pareil l'idée c'est de se mettre un peu de la manière la plus proche possible dans la peau des personnes qui naviguent le site. Donc voilà, essayez au tab avec Enter, Espace, de naviguer sur le site Et voir est-ce qu'on s'en sort, est-ce qu'on s'en sort pas, qu'est-ce qui sera améliorable Est-ce que j'arrive à sortir de mon menu si je veux quitter ce menu C'est toutes des questions à se poser Donc voilà, oui, c'est totalement possible

  • Speaker #0

    Alors bonjour, je m'appelle Didier Desdoutes Je suis coach en nutrition et j'ai lancé ma propre marque de dentifrice D'accord J'ai plutôt une remarque plutôt qu'une question.

  • Speaker #1

    Combien de calories pour 100 grammes ?

  • Speaker #0

    J'ai fait quelques recherches sur Internet. J'ai vu qu'il y avait un outil qui s'appelait EqualWeb. EqualWeb. Moi, j'ai l'impression que c'est encore un outil qui ne sert à rien et qui va me coûter une blinde sans être sûr que ça va me mettre en conformité avec la loi. Franchement, ça va me coûter combien ? Et surtout, quelle garantie je vais avoir en installant un tel outil ?

  • Speaker #1

    Alors, c'est clair que c'est des outils qui ont un coût, c'est certain. C'est des outils, si on prend l'exemple d'e-coolweb, qui passe notamment toutes les certifications. Je ne suis pas payé pour le dire, donc je m'en fous, mais c'est un outil qui passe toutes les certifications européennes et plus. C'est pour ça qu'on utilise celui-là. Alors oui, c'est vrai, c'est un certain coût. Après, ça dépend aussi de la taille du site web. Pour les petits sites, franchement, c'est vraiment pas très cher. C'est quelques dizaines d'euros mensuels. C'est pas très cher pour avoir un site accessible, honnêtement, comparé à un développement custom, par exemple. Par contre, quand on commence à avoir des très gros sites... avec des milliers, des dizaines de milliers de pages. Là, on est plutôt sur quelques centaines d'euros par an. Donc voilà, est-ce que c'est cher, pas cher ? C'est le prix à payer pour rendre accessible votre site par tout le monde. Donc voilà.

  • Speaker #2

    Est-ce que c'est possible de faire un... Dans le sens où on sait que plus un site est grand, plus en général, il va y avoir des pages qui ne sont pas forcément très utiles. Tu sais, ce genre de pages qui reçoivent une ou deux visites par an maximum. Est-ce que c'est possible avec EqualWeb de dire, on rend accessible sur nos 2 millions de pages, nos pages produits, nos pages catégories, nos pages à propos, notre homepage, mais pas la page du tag WordPress généré à l'arrache qui a fait 200 000 pages que personne ne va jamais voir ?

  • Speaker #1

    Et pourquoi tu ne voudrais pas que EqualWeb soit dessus ?

  • Speaker #2

    Ça permettrait peut-être de réduire la facture. Je ne sais pas, en fait, si c'est possible.

  • Speaker #1

    Non, en fait, EqualWeb, sauf s'il y a une feature qui sort après cet épisode où il y a une feature que je ne connais pas. Le nombre de pages du site. Oui, voilà. En fait, je ne l'ai pas dit tout à l'heure, mais c'est vrai que j'aurais dû le dire. EqualWeb, gratuitement, on peut lui donner son site et puis il va te dire tout de suite l'abonnement qu'il te propose en fonction du nombre de pages de ton site.

  • Speaker #2

    Celui à un million d'euros. Voilà.

  • Speaker #1

    Non, c'est rarement ces prix-là, je n'ai jamais vu ça. Mais non, lui va calculer et en plus, la méthode de calcul est un peu bizarre.

  • Speaker #2

    C'est toujours le souci, moi, qui viens du SEO, j'ai toujours ce souci avec les outils qui basent leur pricing sur le nombre de pages, de façon, on va dire, aveugle pour le coup, parce qu'en fait, des fois, il y a plein de pages. Je veux dire, des fois, ils vont s'en rentrer trop dans la technique, ils vont crôler des... pages qui sont juste des fichiers css et où ils ont trouvé un lien ils vont compter ça comme on considère les images url qui les images hébergées sur ton site c'est des pages c'est compter très large quand même le prendre regardez typiquement à wordpress quand un wordpress de base je crois qu'on avait parlé avec laurent quand upload une image sur un wordpress elle est dupliquée en 3 la taille l la taille M et la taille S donc ça veut dire que déjà si t'as sans images t'as déjà 300 et c'est des images c'est juste un lien vers un fichier image j'ai encore une question c'est sur une question de Martin Economique qui est consultant en accessibilité numérique et qui demande il pose une question à moi qui demande si l'accessibilité web est une obligation légale pour certaines entreprises, oui, mais concrètement est-ce qu'on sait déjà, est-ce qu'on connaît déjà les risques pour une entreprise qui ne fait pas l'effort de rendre son site accessible ? Est-ce que c'est un peu comme le RGPD, il risque d'y avoir des contrôles des amendes ?

  • Speaker #1

    Alors pour le public, c'est déjà obligatoire depuis 2018 ou 2019 au Luxembourg et là à partir de 28 juin 2025 ce sera obligatoire pour toutes les entreprises

  • Speaker #2

    Il y a une certaine taille, non ? C'est moins de 10 personnes.

  • Speaker #1

    Sur l'article, en tout cas gouvernemental, je n'ai pas vu de mention de taille d'entreprise. Mais en tout cas, je n'ai pas vu ou entendu parler de personnes qui se faisaient déjà réprimander par rapport à cette loi. En l'occurrence, elle n'est pas encore passée pour le domaine privé. Et en tout cas, pour le public, je n'ai jamais entendu une institution qui se faisait remonter les bretelles. Après, c'est vrai qu'au Luxembourg, il y a un gros budget quand même lié à l'accessibilité des sites web.

  • Speaker #2

    Il me semble, je n'ai plus le nom en tête, mais je crois qu'il y a un organisme qui teste tous les ans, un organisme de l'État qui va piocher de temps en temps un acteur étatique.

  • Speaker #1

    Oui, qui va réaliser un audit.

  • Speaker #2

    Un audit et qui va les informer si le site n'est pas accessible.

  • Speaker #1

    Alors là, pour le coup, l'audit, ce n'est pas punitif. C'est-à-dire qu'ils vont analyser le site et ils vont faire un feedback sur ce qui va, ce qui ne va pas, et pour l'améliorer. Ce n'est pas une police de l'accessibilité. qui va venir voir et mettre des petites amendes parce que l'image n'a pas de balise alternative.

  • Speaker #2

    Ce qui est aussi le cas, en tout cas, c'était déjà le cas au tout début avec le RGPD. Je ne sais pas si vous vous souvenez, mais au tout début du RGPD, il y a eu toute une période de transition où au moment où tu te faisais auditer, en fait, on te donnait des recommandations. Et en fait, tu avais un certain temps pour te mettre en accord avec ces recommandations, pour faire le travail. tu étais de nouveau audité après X mois, si là tu n'avais toujours pas fait les choses, on te redonnait encore un laps de temps, et seulement à la troisième fois, tu te faisais taper sur les doigts. Donc il y a de fortes chances que pour l'accessibilité, on ait à peu près un cheminement similaire.

  • Speaker #0

    Il y aura toujours une zone grise.

  • Speaker #1

    Oui, surtout pour l'accessibilité. Le problème avec l'accessibilité, c'est qu'un site pourra très difficilement être 100% accessible. À moins d'être du texte noir sur fond blanc, en très grande taille de police, avec un très grand... letter spacing, je ne sais pas comment on pourrait dire en français, l'espacement entre les lettres, je n'ai pas pris un mot pour le dire.

  • Speaker #2

    Tu aurais demandé à un graphiste.

  • Speaker #1

    À moins d'avoir un site qui ressemble à ça, ça va être très compliqué d'avoir un site accessible. Si vous avez un site qui est un peu design, avec pas mal d'éléments flottants, pas mal d'animations, ça va être compliqué de le rendre 100% accessible. Et je crois que l'idée derrière ça, c'est de se rapprocher le plus de l'accessibilité parfaite possible. C'est un point qui est presque pas atteignable, mais il faut s'en rapprocher le plus possible. Dans les audits, l'idée, c'est d'être quand même au-dessus de 80-90% d'accessibilité. Donc ça, c'est des audits qui sont réalisés via des chartes qui sont plus ou moins communes à toutes les sociétés d'audit et qui vont analyser une dizaine, une vingtaine, une trentaine de pages de votre site. Et dans l'idée, on est à plus de 80, plus de 90% d'accessibilité. Mais le 100%, c'est extrêmement compliqué à atteindre. C'est extrêmement compliqué à atteindre.

  • Speaker #0

    Bon, alors moi, c'est Stéphane Plagia.

  • Speaker #2

    Bonjour, monsieur Plagia.

  • Speaker #1

    Bonjour, monsieur Plagia.

  • Speaker #0

    Je suis consultant UX UI pour les PME.

  • Speaker #1

    D'accord.

  • Speaker #0

    Et j'ai une question. J'ai vu sur un site qu'ils avaient un bouton mode accessible. Alors, j'ai conseillé aux développeurs de copier-coller le code du bouton et de faire un lien. Ça suffit, non ?

  • Speaker #1

    De copier-coller le code du bouton et de faire un lien ? Ouais,

  • Speaker #0

    un lien vers l'accessibilité d'un autre site.

  • Speaker #1

    De la page de mention d'accessibilité ?

  • Speaker #0

    Ouais, ouais, exact, ouais. Pourquoi je m'embêterais à créer une... nouvelle page de mentions légales si d'autres en ont déjà fait ? Et pourquoi j'utiliserais un autre outil que quelqu'un a utilisé ? Est-ce que je n'arrive pas à juste recopier-coller un bouton qui a été fait d'un autre site ?

  • Speaker #1

    Je crois que prendre une feature et dire à un développeur « fais-moi un copier-coller de ça » , je crois que tous les développeurs vont rigoler, surtout si ce n'est pas eux qui l'ont codé à la base. Ce n'est jamais aussi simple en web. Et deuxième chose, les mentions légales liées à l'accessibilité, vous pouvez, si vous êtes luxembourgeant en tout cas, les générer via le site de l'État. Donc en rendant compte de vos informations, ils vous génèrent pour vous vos mentions légales.

  • Speaker #2

    Ça c'est intéressant.

  • Speaker #1

    Donc voilà, mais copier-coller en dev, c'est jamais aussi simple.

  • Speaker #2

    Il faut d'abord aller sur Stackover.

  • Speaker #1

    Il faut d'abord aller sur Stackover. Non mais, soit on fait un vrai dev custom lié à votre site, ou soit on utilise un outil dédié comme iCrawlweb dont on discutait tout à l'heure.

  • Speaker #0

    Moi j'ai rien compris, donc je vais arrêter la consultance UXUI, je vais vendre des appartements. Salut, moi c'est Pascal Frontal, freelance en création de site web, spécialement pour les restaurants. Je voudrais savoir, si votre site n'est pas accessible, c'est parce que vous avez sûrement engagé un mauvais développeur, non ? Il aurait dû quand même vous le signaler dès la conception.

  • Speaker #1

    Alors, s'il y a une conception et qu'il n'y a pas de site à la base, et que vous demandez à un développeur de vous faire un site, il ne va potentiellement pas vous faire un site accessible, ou en tout cas au standard d'accessibilité actuel. si ça n'a pas été briefé à la base, parce que c'est une législation qui est nouvelle, parce qu'avant, c'était un peu un truc qui était mis sous le tapis quand ce n'était pas étatique. Maintenant, ça devient obligatoire, donc les développeurs vont certainement rendre des sites accessibles. Mais aujourd'hui, je suis certain que vous demandez à 10 développeurs de vous créer votre site, l'accessibilité ne sera pas incroyable si vous ne le mentionnez pas. Donc, n'hésitez pas, si vous êtes en conception avec un développeur ou une équipe informatique.

  • Speaker #2

    Le mentionner, le mettre dans le brief.

  • Speaker #1

    Exactement, exactement.

  • Speaker #2

    Alors j'ai un dernier invité de dernière minute qui s'appelle Noé Frappfort et on voudrait savoir avec lui, donc il est responsable d'IT dans une grande entreprise. Si admettons là on se lance dans un projet d'accessibilité, selon toi, Naïm, ton expérience, c'est quoi le pire obstacle à éviter ? Tu vois, quels sont les points les plus bloquants dans les projets d'accessibilité en général ? Le point le plus bloqué ?

  • Speaker #1

    Ça dépend, il y en a pas mal et ça dépend du site. Je dirais potentiellement la navigation au clavier, en fonction de la disposition des menus, etc. Ça peut être un peu compliqué. Et sinon, l'accès à l'information. Souvent, aujourd'hui, dans les sites qui sont aussi très design, l'accès à l'information se fait aussi beaucoup par la couleur. C'est-à-dire qu'on va différencier un texte d'un lien par sa couleur. Ça, en termes d'accessibilité, c'est mauvais, évidemment. Il faut qu'il soit distinguable par autre chose. Il faut souligner le lien, il faut ajouter un effet de hover. non accessible, etc. Il y a ces contraintes-là et c'est vrai que ces contraintes sont beaucoup liées au design. Donc on parlait de conception tout à l'heure. Il faut évidemment dire aux développeurs qu'on veut un site accessible, mais il faut évidemment en faire part aux designers avant, pour qu'ils prennent en compte tout ça et qu'ils fassent le site qui soit intégrable de la manière la plus accessible possible.

  • Speaker #2

    Et ben voilà !

  • Speaker #1

    J'espère que vous en savez un peu plus sur l'accessibilité aujourd'hui. J'espère qu'on a pu démystifier certaines choses. Et voilà, n'hésitez pas à laisser votre avis en commentaire.

  • Speaker #0

    On a une page LinkedIn, Café Clatch, rejoignez la communauté, commentez dès que l'épisode sort, sur YouTube également.

  • Speaker #1

    Et est-ce que vous, votre site est accessible ?

  • Speaker #2

    C'est ça la vraie question. Un dernier petit bonus que j'ai réussi à retrouver pendant l'épisode, c'était un site que j'avais découvert en préparant. C'est understandingaccessibility.com, qui est en fait un site qui est dédié aux web designers et aux développeurs, et qui est en fait un petit cours gratuit sur l'accessibilité. et qui se base en fait sur quelques grands chapitres, les couleurs, les typos, les médias, le layout et le développement. Donc c'est en anglais malheureusement, mais n'hésitez pas à aller faire un petit tour sur ce site aussi pour approfondir le sujet si ça vous intéresse.

  • Speaker #1

    Ah ben voilà, très bonne recode Antoine. Je ne vois pas comment je pourrais terminer mieux que ça.

  • Speaker #0

    C'est le boss. Il va prendre le podcast à lui tout seul. On va se faire évincer.

  • Speaker #2

    Je n'ai pas le temps, je vais faire déjà X, Meta et...

  • Speaker #1

    Allez, on vous dit à la prochaine. À vendredi prochain. Action !

Chapters

  • Introduction à l'accessibilité numérique

    00:01

  • Nouvelles législations sur l'accessibilité au Luxembourg

    00:24

  • Définition et importance de l'accessibilité

    00:39

  • Questions des clients sur l'accessibilité

    02:02

  • Structuration des sites pour les lecteurs d'écran

    04:09

  • Couleurs et accessibilité : bonnes pratiques

    06:17

  • Utilisation des balises alt pour les images

    08:38

  • Navigation au clavier et tests d'accessibilité

    17:41

  • Obligations légales et risques pour les entreprises

    21:10

  • Obstacles à l'accessibilité et conseils pratiques

    27:38

Description

Saviez-vous que près de 15 % de la population mondiale vit avec une forme de handicap? Dans cet épisode de Café Klatsch, nous plongeons au cœur de l'accessibilité numérique, un enjeu crucial qui touche non seulement les entreprises mais aussi la société dans son ensemble. Alors que la nouvelle législation sur l'accessibilité au Luxembourg se profile à l'horizon pour 2025, il est temps d'explorer comment cette initiative peut transformer le paysage digital et améliorer la productivité de votre entreprise.

Nos intervenants, un développeur passionné et des responsables de communication aguerris, partagent leurs réflexions sur les défis et les solutions pour rendre les sites web et les documents PDF accessibles à tous, en particulier aux personnes ayant des déficiences visuelles ou motrices. L'accessibilité numérique n'est pas seulement une obligation légale, c'est une question éthique qui permet à chacun d'accéder à l'information de manière équitable. Café Klatsch vous offre une vue d'ensemble précieuse sur les tendances marketing actuelles en matière d'accessibilité, vous aidant ainsi à rester à la pointe des innovations technologiques.

Au cours de cet épisode, nous répondons à des questions de clients fictifs sur des sujets essentiels tels que l'utilisation de lecteurs d'écran, la hiérarchie des titres, et l'importance d'un bon contraste de couleurs. Nous discutons également des outils d'accessibilité disponibles et de la nécessité de les intégrer dès la conception de vos sites web. En adoptant ces stratégies innovantes, vous pouvez non seulement respecter la législation, mais aussi renforcer votre image de marque et améliorer votre lead generation.

Nous croyons fermement que l'accessibilité numérique est un levier de performance pour les entreprises. En intégrant ces pratiques dans votre stratégie digitale, vous vous positionnez non seulement comme un acteur responsable dans le domaine du marketing digital, mais vous répondez également aux tendances technologiques qui façonnent l'avenir. Rejoignez-nous dans cet épisode captivant de Café Klatsch, où nous explorons ensemble les tendances du marketing et les astuces marketing qui vous permettront de naviguer dans ce nouvel environnement digital, tout en respectant les principes d'inclusivité et d'accessibilité.

Ne manquez pas cette occasion d'en apprendre davantage sur l'importance de l'accessibilité numérique et comment elle peut transformer votre approche du e-commerce et des réseaux sociaux. Ensemble, faisons de l'accessibilité une priorité, car chaque utilisateur mérite une expérience en ligne optimale!


📢 Découvrez plus d'épisodes et suivez nos actualités sur LinkedIn : Café Klatsch


Café Klatsch - Le podcast où l'innovation et la créativité rencontrent le branding et la stratégie marketing pour les entreprises luxembourgeoises. Abonnez-vous pour ne rien manquer !


#Podcast #CaféKlatsch #Branding #StratégieMarketing #ConsultanceCréative #Innovation #EntreprisesLuxembourgeoises #econnect


Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.

Transcription

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. À partir du 28 juin 2025, une nouvelle loi entre en vigueur au Luxembourg. C'est une loi qui concerne l'accessibilité. Et en fait, c'est une loi européenne qui a été transposée à la loi nationale et qui impose à toutes les entreprises de suivre les exigences européennes en termes d'accessibilité.

  • Speaker #1

    C'est quoi l'accessibilité ?

  • Speaker #0

    Alors l'accessibilité, en tout cas l'accessibilité en ligne, c'est permettre aux personnes qui ont des déficiences visuelles ou moteurs de pouvoir naviguer et avoir accès à la même information qu'une personne qui n'aurait pas ces déficiences. Donc c'est le sujet du jour. Et je crois que vous m'avez prévu un petit interrogatoire. Aujourd'hui, pour en apprendre un peu plus sur l'accessibilité,

  • Speaker #2

    on a derrière cette porte toute une batterie de clients qui sont très curieux de comprendre comment fonctionne l'accessibilité. Nous avons tout un tas de questions à te poser.

  • Speaker #1

    Concrètement, ça va être l'inquisition pendant 30 minutes pour toi.

  • Speaker #2

    Faites entrer le premier client.

  • Speaker #1

    J'espère que tu as bien révisé.

  • Speaker #0

    J'ai très bien révisé. Pour un peu de contexte, je fais régulièrement des implémentations en termes d'accessibilité pour les clients Econnect. Je suis développeur à la base. Je vais essayer de répondre à toutes les questions. Mon terrain d'expertise n'est pas forcément l'accessibilité, mais j'en ai fait quelques-uns. J'ai fait quelques audits d'accessibilité, donc je connais un peu le sujet.

  • Speaker #1

    Et puis ça va être, comme tu l'as dit en préambule, ça va être quelque chose auquel tout le monde va se confronter au Luxembourg, mais aussi très probablement ailleurs plus tard, puisque ça déroule, si j'ai bien compris, d'une directive qui devrait être appliquée dans les autres pays aussi. Oui,

  • Speaker #0

    exactement.

  • Speaker #1

    Je sens que tu es brûlant.

  • Speaker #2

    Ah bah écoute, moi je fais rentrer mon premier invité, il n'y a pas de problème. Alors, bonjour, je m'appelle Jean-Michel Je-Sais-Tout.

  • Speaker #0

    Bonjour monsieur Je-Sais-Tout, enchanté.

  • Speaker #2

    Je suis responsable de tout le parc informatique dans mon entreprise de travaux publics. Parfait. On m'a nommé responsable sécurité des données parce que je sais tout sur tout.

  • Speaker #0

    Félicitations.

  • Speaker #2

    Ma question est la suivante. Est-ce que l'accessibilité, c'est juste un truc pour éviter les amendes ou ça sert vraiment ?

  • Speaker #0

    Bah évidemment que ça sert.

  • Speaker #2

    C'est la réponse, mais je voudrais connaître la vote.

  • Speaker #0

    Non, non, évidemment, ça sert. Un site web, il est là pour être vu, lu, partagé. Si on se coupe d'une partie d'utilisateurs, on se coupe potentiellement d'une partie des clients. On se coupe de personnes qui pourraient avoir besoin de vos services.

  • Speaker #1

    Et même au-delà des services et des problématiques de clients, de marques, d'entreprises, c'est tout simplement en fait... Rendre possible l'accès à de l'information, c'est un devoir, on se doit en tant que société, de permettre aux gens qui ont des déficiences de bénéficier d'un même niveau de service, d'un même niveau d'accès à l'information que tous les autres citoyens nomment valides. Donc ouais, c'est aussi une question éthique.

  • Speaker #0

    C'est une vraie question éthique, donc il y a le point de vue évidemment de l'entrepreneur, mais il y a aussi le point de vue de l'utilisateur, comme Antoine disait, n'importe qui. doit pouvoir avoir accès à la même information sur le web, dans un monde idéal. Ce qui n'est pas encore le cas pour l'instant, malheureusement.

  • Speaker #1

    Mais par contre, il me semble que tout ce qui était, tu vois, les organisations étatiques et les sites...

  • Speaker #0

    C'était déjà obligatoire.

  • Speaker #1

    C'était déjà obligatoire.

  • Speaker #0

    Depuis 2018 ou 2019, si je ne me trompe pas.

  • Speaker #1

    Yes.

  • Speaker #2

    Moi, je le savais, c'était pour ça. Si vous étiez légitim, arrêtez de me faire des questions, mais ça semble évident. Merci beaucoup.

  • Speaker #0

    Avec plaisir, monsieur Je-Sais-Tout.

  • Speaker #2

    J'appelle le suivant.

  • Speaker #1

    Bonjour, moi je m'appelle Claire Voyant. Et je suis... Je pense qu'on se demande.

  • Speaker #2

    Une bourse de Régis.

  • Speaker #1

    Je pense à Diapos. Je suis pas aussi bon que Patou pour les blagues. Du coup, je suis responsable communication dans une entreprise de service. Et j'ai entendu dire que certains utilisateurs aveugles ou malvoyants utilisent des lecteurs d'écran. Bien sûr. Mais concrètement, comment un site ça doit se structurer pour qu'il puisse s'y retrouver facilement avec un lecteur d'écran ? Et même, c'est quoi un lecteur d'écran ?

  • Speaker #0

    Alors... C'est une très grande question, il y a plusieurs questions dans la question. Alors d'abord peut-être, c'est quoi un lecteur d'écran ? Parce que même si vous n'avez pas de déficience visuelle, on peut l'essayer. Il y a des lecteurs d'écran qui sont intégrés au navigateur. Si vous avez un Mac, vous avez VoiceOver dans Safari. Et donc en fait, ce qui va se passer, c'est que vous allez pouvoir naviguer un site à l'aide de quelques touches du clavier. En l'occurrence, les touches principales, ça va être Tab, Echap et Espace. Et vous allez pouvoir naviguer comme ça. Et donc, dans les différents menus, tout va être lu. C'est-à-dire, si vous avez un header où il est marqué, je ne sais pas, Homepage, Présentation à propos, quand vous allez cliquer sur Tab, ça va lire Homepage. Alors là, vous pouvez appuyer sur Enter et ça va vous cliquer sur le lien. Si vous refaites Tab, ça va lire le deuxième lien, ainsi de suite.

  • Speaker #1

    Donc, c'est une façon de se repérer dans l'espace, entre guillemets, sur un site web.

  • Speaker #0

    Sur un site web, exactement. Ok, cool. D'interagir avec, et l'idée, c'est d'avoir, encore une fois, la même information, peu importe la manière de lire le site.

  • Speaker #1

    Et la structure, sans rentrer trop dans la technique, ça dépend, c'est difficile à mettre en place ?

  • Speaker #0

    Ça dépend de comment le site est fait à la base. Est-ce que ça a été fait avec un CMS qui prend déjà en compte toutes ces problématiques d'accessibilité ou pas ? Est-ce que c'est du code custom ? C'est assez compliqué à dire sans avoir un casus précis. Il y a des outils aussi qui peuvent se greffer à des sites. Nous, on utilise beaucoup EqualWeb, par exemple, qui a beaucoup de certifications. Et qui, en partant d'un site qui n'est pas... pas ou peu accessibles. Avec cet outil, on a un site qui est tout à fait respectable en matière d'accessibilité. Il y a aussi, on discutait dans un épisode sur le SEO de l'importance de la hiérarchie des titres, avec les H1, H2, etc. Là aussi, c'est très important parce que c'est pris en compte par les lecteurs d'écran dans l'ordre de diction.

  • Speaker #1

    Donc, en fait, le SEO est aussi une bonne action ?

  • Speaker #0

    Ça marche ensemble. Ça marche ensemble.

  • Speaker #1

    C'est beau.

  • Speaker #2

    Un SEO n'est pas mort.

  • Speaker #0

    Donc voilà, j'espère que j'ai répondu à ta question. Je l'ai fait très global parce qu'elle était très claire.

  • Speaker #1

    C'est très clair.

  • Speaker #0

    Avec plaisir, Claire Voyer.

  • Speaker #2

    Alors moi, c'est Salih les petits trucs. C'est un jeu de mots avec ma boutique,

  • Speaker #0

    les petits trucs.

  • Speaker #2

    Je suis solopreneur depuis 2023 et j'ai ouvert mon Shopify dédié à la lingerie pour animaux. Il n'y a pas de raison que votre animal de compagnie préférée ne soit pas coquette. Même si tu es pour dormir sur le canapé toute la journée. Ma question est la suivante. La maquette de mon site est toute rose fuchsia. Il y a des couleurs flashy partout. Est-ce que je dois vraiment tout changer en couleur triste du quotidien ?

  • Speaker #0

    Alors déjà deux choses. Première chose, alors je vais peut-être en décevoir certains, mais souvent un beau design ça rime rarement avec une bonne accessibilité. Parce que par définition un site qui est accessible, c'est un site qui a beaucoup de contrastes, qui a des textes larges, qui n'a pas trop d'éléments flottants, ou en tout cas ils doivent être disposés d'une certaine manière et codés d'une certaine manière. Donc voilà, première chose, et c'est le genre de site qui est à la mode aujourd'hui en plus, avec pas mal d'éléments flottants, pas mal d'animations qui peuvent perturber. la lecture en accessibilité. La deuxième chose, tu me parlais des... Vous me parliez, pardon ! Vous me parliez, on ne se connait pas, si tu as envie qu'on se tutoie. Des couleurs sur le site. Alors, un site peut être accessible, on peut utiliser les couleurs que l'on veut. Par contre, il va falloir faire attention au contraste. C'est-à-dire qu'on peut utiliser du fuchsia sur un site. Mais en quelle couleur allez-vous écrire dessus pour que le texte soit assez contrasté et qu'il puisse du coup être lisible par les personnes qui ont des déficiences visuelles ? Donc c'est la question à se poser. Mais oui, en termes de couleurs, on n'est pas limité.

  • Speaker #1

    Et est-ce que tu peux, il me semble avoir déjà vu ça, créer en fait un mode contrasté où tu remplaces complètement. Le site va être fuchsia avec une écriture blanche ou noire pour tout le monde, mais on va rajouter quelque part un bouton qui va peut-être changer le fond en noir et laisser l'écriture en blanc pour les gens qui ont ce besoin. Oui,

  • Speaker #0

    de la même manière qu'il y a de temps en temps des light mode, dark mode, il peut y avoir des modes contrastes renforcés. pour cette utilisation notamment. Et donc, si on veut utiliser un site avec des contrastes qui ne sont pas incroyables, ce que je déconseille, parce que de base, c'est bien que de base, le site soit déjà accessible, mais si on tient vraiment à son design, on peut faire ce bouton contraste renforcé. Alors là, au clic de ce bouton, les couleurs changent, les tailles de police vont changer. Il faut s'adapter au mieux à l'accessibilité.

  • Speaker #2

    Je vais passer en dark mode, ça sera raccord avec ma collection.

  • Speaker #1

    Je ne m'appelle pas le photo. Et je suis consultant en digitalisation d'entreprise.

  • Speaker #0

    D'accord.

  • Speaker #1

    Un client malvoyant m'a dit que nos images ne lui apportaient aucune information. Alors, est-ce que c'est parce qu'on n'utilise pas des balises alt ? Et si on doit utiliser des balises alt, est-ce qu'il y a une bonne ou une mauvaise façon d'écrire ses descriptions dans le cadre de l'accessibilité web ?

  • Speaker #0

    Bien sûr, les images dans l'accessibilité, c'est une grande question. Je vais essayer de faire assez simple. Il y a deux types d'images qu'on va retrouver sur un site Internet. Il va y avoir les images qui sont décoratives, donc qui sont purement du design, qui n'apportent pas de plus-value. Si ce n'est du design, évidemment. Alors, ces images-là, on va faire en sorte qu'elles ne soient pas lues par les lecteurs d'écran. Par contre, si l'image vient agrémenter un article de blog ou si l'image apporte une information, là, on va devoir la décrire. Et en plus, si sur cette image, il y a du texte, il va falloir que le texte qu'il y a sur l'image soit retranscrit dans la balise qu'on va ajouter dans le HTML pour que la personne qui a des déficiences visuelles puisse avoir la même information. qu'une personne qui n'en aurait pas.

  • Speaker #1

    Du coup, ça peut rentrer un petit peu. J'ai en tête des cas où, notamment dans le SEO, des gens qui veulent parfois trop optimiser leur site utilisent des balises alt pour inclure des mots clés qui vont être visibles que pour les robots de Google et qui ne seront pas visibles pour les utilisateurs. Du coup, ça, c'est typiquement une pratique qui va être très mauvaise dans le cadre d'un lecteur d'écran, parce que du coup, le lecteur d'écran va lire une suite de mots clés au lieu de la description de l'image.

  • Speaker #0

    Exactement. Alors là, c'est un choix à faire. Est-ce qu'on veut se conformer à la légalité et avoir un site accessible ou est-ce qu'on veut du SEO ? Moi, je conseillerais plutôt de rendre votre site accessible, c'est quand même le mieux. Mais c'est vrai que...

  • Speaker #2

    Les deux ne sont pas compatibles.

  • Speaker #0

    Les deux ne sont pas toujours compatibles.

  • Speaker #1

    Techniquement, si aujourd'hui tu suis les guidelines white hat de SEO de Google, on te dira toujours, la balise title doit être le titre de l'image et la balise alt doit décrire ce que présente l'image. Techniquement, si tu... es entièrement white hat SEO et que tu suis Google, tu n'utilises pas les champs alt pour faire ce qu'on appelle du keyword stuffing. C'est encore une pratique qui se fait. Voilà, chacun voit midi à sa porte sur le degré d'optimisation SEO et le retour sur investissement que peut apporter aujourd'hui le keyword stuffing dans des pages d'articles de blog, par exemple.

  • Speaker #0

    Je ne sais pas exactement quel impact ça peut avoir la balise d'alternatives textuelles. Est-ce que c'est un gros impact ou est-ce que c'est minime en termes de SEO ?

  • Speaker #1

    Tout est plus ou moins minime aujourd'hui. On compte plusieurs centaines, voire des milliers de signaux de ranking en SEO. Personnellement,

  • Speaker #0

    si moi, en tant que SEO,

  • Speaker #1

    j'ai ce choix à faire, je me débrouillerais pour faire justement le meilleur des deux mondes et créer... En accompagnement avec le dev et le SEO, une balise alt qui est un peu optimisée, mais qui met avant tout le curseur sur l'utilité pour l'utilisateur final, ce qui est de toute façon ce qu'on me demande en SEO.

  • Speaker #0

    De toute façon, normalement, si tu décris l'image, elle va quand même décrire ce dont parle ton site. Les mots-clés sont là.

  • Speaker #1

    Yes.

  • Speaker #0

    Donc le meilleur des deux mondes est normalement assez facile à trouver.

  • Speaker #2

    Bonjour Jean-Michel à peu près, fonctionnaire.

  • Speaker #0

    Bonjour monsieur à peu près.

  • Speaker #2

    Si je mets juste une loupe géante comme ça sur ma page, en fait ça passe non ?

  • Speaker #0

    Non pas du tout. Alors c'est des implémentations qui peuvent être intéressantes, mais ça ne suffit pas. En fait il n'y a pas que la taille du texte qui compte dans l'accessibilité. On a parlé tantôt, il faut que les lecteurs d'écran puissent lire dans un bon ordre, dans un ordre cohérent les différents éléments du site. Mais il y a aussi des contraintes de contraste. comme on parlait tout à l'heure. Si c'est du rose sur du rose, même zoomer à 200%, on va avoir du mal à le lire. Mais par contre, avoir la fonctionnalité qui est disponible dans la majorité des outils d'accessibilité, de pouvoir zoomer dans le texte, oui, ça c'est même essentiel. D'ailleurs, on recommande en général de pouvoir zoomer 200 fois sans perdre l'information.

  • Speaker #2

    Ça marche, merci.

  • Speaker #1

    Propre, efficace. Emile ? et je suis chargé de com dans une entreprise de formation en ligne. Nous, on propose beaucoup de podcasts et de vidéos. Est-ce que les sous-titres suffisent à rendre les contenus accessibles aux personnes sourdes ou malentendantes ? Ou est-ce qu'il y a d'autres choses à prévoir ?

  • Speaker #0

    Alors, pour être 100% honnête avec vous, je n'ai jamais fait d'accessibilité sur de la vidéo. Moi, je n'ai fait que du web. Donc, je suppose que oui, il doit y avoir des standards pour les vidéos pour qu'elles soient adaptées aux personnes qui ont certaines déficiences. Mais honnêtement, je ne pourrais pas répondre à cette question.

  • Speaker #2

    Il y a quand même de plus en plus d'outils qui... YouTube en fait partie, qui propose de la transcription de vidéos, les podcasts de plus en plus également. Donc je pense que c'est aussi pour aller dans ce sens-là. Même si légalement, on ne sait pas exactement ce qu'on est obligé, tenu de faire, je pense que dès que vous avez du contenu à créer sur des plateformes vidéo ou audio, le mieux c'est d'essayer de sous-titrer vos contenus.

  • Speaker #1

    Oui, il y a aussi des outils qui le font, il y a des outils qui permettent de les traduire directement en plein de langues, il y a des outils qui proposent une fonction native, comme YouTube par exemple, qui génère des soucis automatiquement. Parfois, ce n'est pas encore le mieux, mais c'est...

  • Speaker #2

    Il y a un très bon outil qu'on utilise peut-être pas assez en interne, qui s'appelle UpMeet. Oui, c'est vrai. C'est un outil en ligne qui permet d'uploader votre fichier audio ou vidéo. Et donc, c'est une intelligence artificielle qui analyse le contenu et qui génère une retranscription. Alors exacte, peut-être pas à 100%, mais quand même qui est très proche de la réalité. Parce que tu peux même l'accompagner avec des mots clés quand il y a des mots vraiment trop techniques dans une vidéo,

  • Speaker #1

    un contenu de réunion. Tu lui donnes un espèce de lexique.

  • Speaker #2

    Tu lui donnes un lexique, pour qu'il puisse essayer de reconnaître les termes un peu compliqués.

  • Speaker #0

    Et aussi pour faire simple, là tu me parlais de l'accessibilité dans la vidéo, il y a aussi l'accessibilité dans les PDF qui est très importante et qu'on recommande aux clients. Ça peut être géré directement depuis l'outil Adobe de gestion de PDF. Et en fait, pareil, comme dans le SEO, il doit y avoir une bonne hiérarchie de titres, un bon contraste, etc. Les demandes sont plus ou moins les mêmes, ça suit la même logique en web que dans les PDF. Donc oui, on vous recommande de vraiment utiliser... la partie de l'outil d'adopt de PDF liée à l'accessibilité.

  • Speaker #1

    Mais du coup, c'est assez curieux parce que comment tu vas gérer ? Parce que sur une page web, derrière, en fait, la page web, c'est un rendu qui interprète du code. Donc, tu peux rajouter plein de trucs derrière. Un PDF, c'est quand même plus limité pour l'adaptation d'un PDF, non ? Par exemple, il n'y a pas de balise alt sur un image PDF ?

  • Speaker #0

    Non, mais tu peux décrire tout ce qu'il y a dans un PDF. Ok,

  • Speaker #1

    d'accord. Donc,

  • Speaker #0

    après, en termes de lecture d'écran, comment ça se passe ? très techniquement, je ne sais pas exactement, mais je sais que l'outil d'Adobe est très performant pour ça, et ça marche très bien, et c'est du coup plus simple à mettre en place qu'évidemment l'accessibilité de tout un site web, vu que ça concerne un nombre limité de pages, et que c'est statique surtout. Donc il n'y a pas des contraintes de plusieurs tailles d'écran à gérer, d'éléments dynamiques, etc. Bonjour, je suis Émilie Fetout, Creative Problem Solver dans une agence de com.

  • Speaker #1

    Creative Problem Solver ?

  • Speaker #0

    Ouais, ouais.

  • Speaker #1

    Qu'est-ce que ça veut dire ?

  • Speaker #0

    Je résous les problèmes de manière créative.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    Un nouveau poste.

  • Speaker #1

    Ça paraît évident.

  • Speaker #0

    En fait, j'ai vu la liste de toutes les fonctionnalités à mettre en place dans les guidelines, mais ça va être très très long. Est-ce que je peux commencer moi-même avec, par exemple, la structure des titres de mes pages, ou bien ça n'a aucun impact ? Et ces changements, on les fait tous en bloc ou en mode agile ?

  • Speaker #1

    Oui, la hiérarchie de titres, ça peut être un bon moyen de commencer à améliorer son accessibilité. C'est souvent aussi accessible. En général, il y a des éditeurs vis-à-vis dans tous les CMS. Donc, c'est une des choses les plus faciles côté client à mettre en place. Et puis, l'accessibilité, la faire en un bloc, c'est quelque chose. C'est plus ou moins possible aussi, mais c'est un gros morceau, surtout si vous avez un gros site avec pas mal de fonctionnalités et pas mal d'éléments dynamiques. Donc, je privilégierais une méthode agile, donc avancée par bloc. Aujourd'hui, on se concentre sur... Je ne sais pas, l'accessibilité de la hiérarchie des titres. Demain, ce sera l'accessibilité des images. Après-demain, ce sera l'accessibilité des tableaux. Après-après-demain, ce sera l'accessibilité du menu, etc. Donc oui, travailler par bloc, comme pour tout, par itération, je crois que c'est une des meilleures manières de travailler. Ok,

  • Speaker #0

    je vais en parler à mon Scrum Master.

  • Speaker #1

    Et si je peux donner une petite recue aussi aux personnes qui écoutent ce podcast, et à vous aussi bien sûr, c'est le site du W3C, c'est le World Wide Web Consortium, qui a tout un pan dédié à l'accessibilité. Et c'est très intéressant et c'est considéré comme les standards actuels d'accessibilité sur le web. Et aussi au Luxembourg, pour nos auditeurs luxembourgeois, l'État a un site dédié à l'accessibilité avec pas mal d'informations, des points de contact en cas de question, etc.

  • Speaker #2

    Moi, je suis Lucien Commande et je suis chef de projet digital dans une startup. Ma question c'est que beaucoup d'utilisateurs de mon site n'utilisent que le clavier ou des commandes vocales. Mais comment est-ce que je peux tester si mon site est vraiment navigable sans souris ? Est-ce que moi sans les logiciels je peux essayer de voir déjà comment ça fonctionne ?

  • Speaker #1

    Bien sûr c'est ce dont on discutait tout à l'heure. Normalement sur les navigateurs les plus connus et si tu as un Mac aussi, il y a des logiciels de liseuse d'écran. Donc pareil l'idée c'est de se mettre un peu de la manière la plus proche possible dans la peau des personnes qui naviguent le site. Donc voilà, essayez au tab avec Enter, Espace, de naviguer sur le site Et voir est-ce qu'on s'en sort, est-ce qu'on s'en sort pas, qu'est-ce qui sera améliorable Est-ce que j'arrive à sortir de mon menu si je veux quitter ce menu C'est toutes des questions à se poser Donc voilà, oui, c'est totalement possible

  • Speaker #0

    Alors bonjour, je m'appelle Didier Desdoutes Je suis coach en nutrition et j'ai lancé ma propre marque de dentifrice D'accord J'ai plutôt une remarque plutôt qu'une question.

  • Speaker #1

    Combien de calories pour 100 grammes ?

  • Speaker #0

    J'ai fait quelques recherches sur Internet. J'ai vu qu'il y avait un outil qui s'appelait EqualWeb. EqualWeb. Moi, j'ai l'impression que c'est encore un outil qui ne sert à rien et qui va me coûter une blinde sans être sûr que ça va me mettre en conformité avec la loi. Franchement, ça va me coûter combien ? Et surtout, quelle garantie je vais avoir en installant un tel outil ?

  • Speaker #1

    Alors, c'est clair que c'est des outils qui ont un coût, c'est certain. C'est des outils, si on prend l'exemple d'e-coolweb, qui passe notamment toutes les certifications. Je ne suis pas payé pour le dire, donc je m'en fous, mais c'est un outil qui passe toutes les certifications européennes et plus. C'est pour ça qu'on utilise celui-là. Alors oui, c'est vrai, c'est un certain coût. Après, ça dépend aussi de la taille du site web. Pour les petits sites, franchement, c'est vraiment pas très cher. C'est quelques dizaines d'euros mensuels. C'est pas très cher pour avoir un site accessible, honnêtement, comparé à un développement custom, par exemple. Par contre, quand on commence à avoir des très gros sites... avec des milliers, des dizaines de milliers de pages. Là, on est plutôt sur quelques centaines d'euros par an. Donc voilà, est-ce que c'est cher, pas cher ? C'est le prix à payer pour rendre accessible votre site par tout le monde. Donc voilà.

  • Speaker #2

    Est-ce que c'est possible de faire un... Dans le sens où on sait que plus un site est grand, plus en général, il va y avoir des pages qui ne sont pas forcément très utiles. Tu sais, ce genre de pages qui reçoivent une ou deux visites par an maximum. Est-ce que c'est possible avec EqualWeb de dire, on rend accessible sur nos 2 millions de pages, nos pages produits, nos pages catégories, nos pages à propos, notre homepage, mais pas la page du tag WordPress généré à l'arrache qui a fait 200 000 pages que personne ne va jamais voir ?

  • Speaker #1

    Et pourquoi tu ne voudrais pas que EqualWeb soit dessus ?

  • Speaker #2

    Ça permettrait peut-être de réduire la facture. Je ne sais pas, en fait, si c'est possible.

  • Speaker #1

    Non, en fait, EqualWeb, sauf s'il y a une feature qui sort après cet épisode où il y a une feature que je ne connais pas. Le nombre de pages du site. Oui, voilà. En fait, je ne l'ai pas dit tout à l'heure, mais c'est vrai que j'aurais dû le dire. EqualWeb, gratuitement, on peut lui donner son site et puis il va te dire tout de suite l'abonnement qu'il te propose en fonction du nombre de pages de ton site.

  • Speaker #2

    Celui à un million d'euros. Voilà.

  • Speaker #1

    Non, c'est rarement ces prix-là, je n'ai jamais vu ça. Mais non, lui va calculer et en plus, la méthode de calcul est un peu bizarre.

  • Speaker #2

    C'est toujours le souci, moi, qui viens du SEO, j'ai toujours ce souci avec les outils qui basent leur pricing sur le nombre de pages, de façon, on va dire, aveugle pour le coup, parce qu'en fait, des fois, il y a plein de pages. Je veux dire, des fois, ils vont s'en rentrer trop dans la technique, ils vont crôler des... pages qui sont juste des fichiers css et où ils ont trouvé un lien ils vont compter ça comme on considère les images url qui les images hébergées sur ton site c'est des pages c'est compter très large quand même le prendre regardez typiquement à wordpress quand un wordpress de base je crois qu'on avait parlé avec laurent quand upload une image sur un wordpress elle est dupliquée en 3 la taille l la taille M et la taille S donc ça veut dire que déjà si t'as sans images t'as déjà 300 et c'est des images c'est juste un lien vers un fichier image j'ai encore une question c'est sur une question de Martin Economique qui est consultant en accessibilité numérique et qui demande il pose une question à moi qui demande si l'accessibilité web est une obligation légale pour certaines entreprises, oui, mais concrètement est-ce qu'on sait déjà, est-ce qu'on connaît déjà les risques pour une entreprise qui ne fait pas l'effort de rendre son site accessible ? Est-ce que c'est un peu comme le RGPD, il risque d'y avoir des contrôles des amendes ?

  • Speaker #1

    Alors pour le public, c'est déjà obligatoire depuis 2018 ou 2019 au Luxembourg et là à partir de 28 juin 2025 ce sera obligatoire pour toutes les entreprises

  • Speaker #2

    Il y a une certaine taille, non ? C'est moins de 10 personnes.

  • Speaker #1

    Sur l'article, en tout cas gouvernemental, je n'ai pas vu de mention de taille d'entreprise. Mais en tout cas, je n'ai pas vu ou entendu parler de personnes qui se faisaient déjà réprimander par rapport à cette loi. En l'occurrence, elle n'est pas encore passée pour le domaine privé. Et en tout cas, pour le public, je n'ai jamais entendu une institution qui se faisait remonter les bretelles. Après, c'est vrai qu'au Luxembourg, il y a un gros budget quand même lié à l'accessibilité des sites web.

  • Speaker #2

    Il me semble, je n'ai plus le nom en tête, mais je crois qu'il y a un organisme qui teste tous les ans, un organisme de l'État qui va piocher de temps en temps un acteur étatique.

  • Speaker #1

    Oui, qui va réaliser un audit.

  • Speaker #2

    Un audit et qui va les informer si le site n'est pas accessible.

  • Speaker #1

    Alors là, pour le coup, l'audit, ce n'est pas punitif. C'est-à-dire qu'ils vont analyser le site et ils vont faire un feedback sur ce qui va, ce qui ne va pas, et pour l'améliorer. Ce n'est pas une police de l'accessibilité. qui va venir voir et mettre des petites amendes parce que l'image n'a pas de balise alternative.

  • Speaker #2

    Ce qui est aussi le cas, en tout cas, c'était déjà le cas au tout début avec le RGPD. Je ne sais pas si vous vous souvenez, mais au tout début du RGPD, il y a eu toute une période de transition où au moment où tu te faisais auditer, en fait, on te donnait des recommandations. Et en fait, tu avais un certain temps pour te mettre en accord avec ces recommandations, pour faire le travail. tu étais de nouveau audité après X mois, si là tu n'avais toujours pas fait les choses, on te redonnait encore un laps de temps, et seulement à la troisième fois, tu te faisais taper sur les doigts. Donc il y a de fortes chances que pour l'accessibilité, on ait à peu près un cheminement similaire.

  • Speaker #0

    Il y aura toujours une zone grise.

  • Speaker #1

    Oui, surtout pour l'accessibilité. Le problème avec l'accessibilité, c'est qu'un site pourra très difficilement être 100% accessible. À moins d'être du texte noir sur fond blanc, en très grande taille de police, avec un très grand... letter spacing, je ne sais pas comment on pourrait dire en français, l'espacement entre les lettres, je n'ai pas pris un mot pour le dire.

  • Speaker #2

    Tu aurais demandé à un graphiste.

  • Speaker #1

    À moins d'avoir un site qui ressemble à ça, ça va être très compliqué d'avoir un site accessible. Si vous avez un site qui est un peu design, avec pas mal d'éléments flottants, pas mal d'animations, ça va être compliqué de le rendre 100% accessible. Et je crois que l'idée derrière ça, c'est de se rapprocher le plus de l'accessibilité parfaite possible. C'est un point qui est presque pas atteignable, mais il faut s'en rapprocher le plus possible. Dans les audits, l'idée, c'est d'être quand même au-dessus de 80-90% d'accessibilité. Donc ça, c'est des audits qui sont réalisés via des chartes qui sont plus ou moins communes à toutes les sociétés d'audit et qui vont analyser une dizaine, une vingtaine, une trentaine de pages de votre site. Et dans l'idée, on est à plus de 80, plus de 90% d'accessibilité. Mais le 100%, c'est extrêmement compliqué à atteindre. C'est extrêmement compliqué à atteindre.

  • Speaker #0

    Bon, alors moi, c'est Stéphane Plagia.

  • Speaker #2

    Bonjour, monsieur Plagia.

  • Speaker #1

    Bonjour, monsieur Plagia.

  • Speaker #0

    Je suis consultant UX UI pour les PME.

  • Speaker #1

    D'accord.

  • Speaker #0

    Et j'ai une question. J'ai vu sur un site qu'ils avaient un bouton mode accessible. Alors, j'ai conseillé aux développeurs de copier-coller le code du bouton et de faire un lien. Ça suffit, non ?

  • Speaker #1

    De copier-coller le code du bouton et de faire un lien ? Ouais,

  • Speaker #0

    un lien vers l'accessibilité d'un autre site.

  • Speaker #1

    De la page de mention d'accessibilité ?

  • Speaker #0

    Ouais, ouais, exact, ouais. Pourquoi je m'embêterais à créer une... nouvelle page de mentions légales si d'autres en ont déjà fait ? Et pourquoi j'utiliserais un autre outil que quelqu'un a utilisé ? Est-ce que je n'arrive pas à juste recopier-coller un bouton qui a été fait d'un autre site ?

  • Speaker #1

    Je crois que prendre une feature et dire à un développeur « fais-moi un copier-coller de ça » , je crois que tous les développeurs vont rigoler, surtout si ce n'est pas eux qui l'ont codé à la base. Ce n'est jamais aussi simple en web. Et deuxième chose, les mentions légales liées à l'accessibilité, vous pouvez, si vous êtes luxembourgeant en tout cas, les générer via le site de l'État. Donc en rendant compte de vos informations, ils vous génèrent pour vous vos mentions légales.

  • Speaker #2

    Ça c'est intéressant.

  • Speaker #1

    Donc voilà, mais copier-coller en dev, c'est jamais aussi simple.

  • Speaker #2

    Il faut d'abord aller sur Stackover.

  • Speaker #1

    Il faut d'abord aller sur Stackover. Non mais, soit on fait un vrai dev custom lié à votre site, ou soit on utilise un outil dédié comme iCrawlweb dont on discutait tout à l'heure.

  • Speaker #0

    Moi j'ai rien compris, donc je vais arrêter la consultance UXUI, je vais vendre des appartements. Salut, moi c'est Pascal Frontal, freelance en création de site web, spécialement pour les restaurants. Je voudrais savoir, si votre site n'est pas accessible, c'est parce que vous avez sûrement engagé un mauvais développeur, non ? Il aurait dû quand même vous le signaler dès la conception.

  • Speaker #1

    Alors, s'il y a une conception et qu'il n'y a pas de site à la base, et que vous demandez à un développeur de vous faire un site, il ne va potentiellement pas vous faire un site accessible, ou en tout cas au standard d'accessibilité actuel. si ça n'a pas été briefé à la base, parce que c'est une législation qui est nouvelle, parce qu'avant, c'était un peu un truc qui était mis sous le tapis quand ce n'était pas étatique. Maintenant, ça devient obligatoire, donc les développeurs vont certainement rendre des sites accessibles. Mais aujourd'hui, je suis certain que vous demandez à 10 développeurs de vous créer votre site, l'accessibilité ne sera pas incroyable si vous ne le mentionnez pas. Donc, n'hésitez pas, si vous êtes en conception avec un développeur ou une équipe informatique.

  • Speaker #2

    Le mentionner, le mettre dans le brief.

  • Speaker #1

    Exactement, exactement.

  • Speaker #2

    Alors j'ai un dernier invité de dernière minute qui s'appelle Noé Frappfort et on voudrait savoir avec lui, donc il est responsable d'IT dans une grande entreprise. Si admettons là on se lance dans un projet d'accessibilité, selon toi, Naïm, ton expérience, c'est quoi le pire obstacle à éviter ? Tu vois, quels sont les points les plus bloquants dans les projets d'accessibilité en général ? Le point le plus bloqué ?

  • Speaker #1

    Ça dépend, il y en a pas mal et ça dépend du site. Je dirais potentiellement la navigation au clavier, en fonction de la disposition des menus, etc. Ça peut être un peu compliqué. Et sinon, l'accès à l'information. Souvent, aujourd'hui, dans les sites qui sont aussi très design, l'accès à l'information se fait aussi beaucoup par la couleur. C'est-à-dire qu'on va différencier un texte d'un lien par sa couleur. Ça, en termes d'accessibilité, c'est mauvais, évidemment. Il faut qu'il soit distinguable par autre chose. Il faut souligner le lien, il faut ajouter un effet de hover. non accessible, etc. Il y a ces contraintes-là et c'est vrai que ces contraintes sont beaucoup liées au design. Donc on parlait de conception tout à l'heure. Il faut évidemment dire aux développeurs qu'on veut un site accessible, mais il faut évidemment en faire part aux designers avant, pour qu'ils prennent en compte tout ça et qu'ils fassent le site qui soit intégrable de la manière la plus accessible possible.

  • Speaker #2

    Et ben voilà !

  • Speaker #1

    J'espère que vous en savez un peu plus sur l'accessibilité aujourd'hui. J'espère qu'on a pu démystifier certaines choses. Et voilà, n'hésitez pas à laisser votre avis en commentaire.

  • Speaker #0

    On a une page LinkedIn, Café Clatch, rejoignez la communauté, commentez dès que l'épisode sort, sur YouTube également.

  • Speaker #1

    Et est-ce que vous, votre site est accessible ?

  • Speaker #2

    C'est ça la vraie question. Un dernier petit bonus que j'ai réussi à retrouver pendant l'épisode, c'était un site que j'avais découvert en préparant. C'est understandingaccessibility.com, qui est en fait un site qui est dédié aux web designers et aux développeurs, et qui est en fait un petit cours gratuit sur l'accessibilité. et qui se base en fait sur quelques grands chapitres, les couleurs, les typos, les médias, le layout et le développement. Donc c'est en anglais malheureusement, mais n'hésitez pas à aller faire un petit tour sur ce site aussi pour approfondir le sujet si ça vous intéresse.

  • Speaker #1

    Ah ben voilà, très bonne recode Antoine. Je ne vois pas comment je pourrais terminer mieux que ça.

  • Speaker #0

    C'est le boss. Il va prendre le podcast à lui tout seul. On va se faire évincer.

  • Speaker #2

    Je n'ai pas le temps, je vais faire déjà X, Meta et...

  • Speaker #1

    Allez, on vous dit à la prochaine. À vendredi prochain. Action !

Chapters

  • Introduction à l'accessibilité numérique

    00:01

  • Nouvelles législations sur l'accessibilité au Luxembourg

    00:24

  • Définition et importance de l'accessibilité

    00:39

  • Questions des clients sur l'accessibilité

    02:02

  • Structuration des sites pour les lecteurs d'écran

    04:09

  • Couleurs et accessibilité : bonnes pratiques

    06:17

  • Utilisation des balises alt pour les images

    08:38

  • Navigation au clavier et tests d'accessibilité

    17:41

  • Obligations légales et risques pour les entreprises

    21:10

  • Obstacles à l'accessibilité et conseils pratiques

    27:38

Share

Embed

You may also like