diff --git a/_articles/fr/2024-10-08-paris-web-2024.md b/_articles/fr/2024-10-08-paris-web-2024.md index 64f51ccfc..92d19f514 100644 --- a/_articles/fr/2024-10-08-paris-web-2024.md +++ b/_articles/fr/2024-10-08-paris-web-2024.md @@ -11,6 +11,8 @@ categories: [] authors: - seinhorn - afauquet +cover: + path: /imgs/articles/2024-10-08-paris-web-2024/cover.jpg keywords: [] --- @@ -24,6 +26,8 @@ Magali commence la conférence avec une citation de Roland Barthes de 1977 pour > Mais la langue, comme performance de tout langage, n'est ni réactionnaire ni progressiste ; elle est tout simplement : fasciste ; car le fascisme, ce n'est pas d'empêcher de dire, c'est d'obliger à dire. Les mots ne seraient donc pas source d'expression et de liberté, mais de contrainte et de souffrance. +![Magali Milbergue pendant sa conférence "Mots à maux - comment le langage reflète et entretient les parties les plus toxiques de notre industrie"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/magali.jpg?width=500) + Un peu plus tard Magali nous dit : "Je suis grosse." Elle note des regards gênés dans le public : ce mot a un sens différent que "ronde" ou "forte". Pourtant elle explique préférer le mot "grosse", qui correspond à la réalité et lui permet d'évoquer que le fait d’être grosse impacte sa vie au quotidien ; c’est un handicap. Alors que de dire qu'elle est "forte" ne lui correspond pas : elle explique ne pas pouvoir soulever 5kg. Et dire qu'elle est "forte", c'est ne pas voir la réalité de son handicap. Le choix des mots, c’est important. On ne dit pas la même chose de soi si on dit qu’on est "gros" ou qu’on est "fort". @@ -34,7 +38,7 @@ mais est-ce qu’on peut pousser des changements de société en changeant notre Magali explique comment des mots sont vidés de leur sens avec cet extrait du roman dystopique "1984" écrit par George Orwell, slogan du régime fasciste de l'histoire : > La guerre, c’est la paix. La liberté, c’est l’esclavage. L’ignorance, c’est la force. -En juxtaposant deux mots au sens contraire, ils se vident de leur sens. *Exemple ?* +En juxtaposant deux mots au sens contraire, ils se vident de leur sens. Pour l’orateurice (mot créé pour la conférence pour désigner les orateurs et les oratrices), le langage inclusif, c’est tout ce qu’on peut mobiliser au niveau de notre communication, orale ou écrite, pour éviter d’exclure, opprimer ou invisibiliser une partie de la population. Le point médian ou l'écriture inclusive se présentent alors comme des solutions, bien que non exemptes de défauts : on leur reproche notamment de complexifier la lecture. Le français est une langue genrée, cela demande donc plus d'efforts par rapport à d'autres langues moins genrées pour mettre en place des changements liés au genre. @@ -56,6 +60,8 @@ En conclusion : il faut faire attention à utiliser les bons mots ! Le Simon et ses collègues se sont retrouvés avec cette problématique : comment mettre en place un gestionnaire de cookies accessible, conforme au RGAA ? +![Simon Bonaventure en train de présenter "Orejime, un projet open-source et accessible : compte de fée ou drama project !"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/simon.jpg?width=400) + Ils sont partis des constats suivants : - "on sait développer" - "on a des compétences en développement accessible" @@ -82,6 +88,9 @@ La leçon que Simon tire tout de même de cette aventure est qu'il aurait fallu Le terme “Gaslight” vient du film du même nom de 1944 et se traduit plus ou moins par “se faire enfumer”. C’est un sentiment ressenti par Anthony pendant les dernières décennies dans le web à l'égard des SPA qui sont toujours partout, et sont le choix par défaut. + +![Anthony Ricaud et sa présentation "Il n’y a pas que les Single Page Apps dans la vie"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/anthony.jpg?width=400) + Pourtant la base de la création de projet c’est faire les choix les plus adaptés à des problématiques rencontrées. Anthony nous présente les inconvénients des SPAs : 1. Pour les visiteurs @@ -118,6 +127,8 @@ En conclusion les SPAs ne devraient pas être le choix par défaut. On devrait p Le sujet de cette conférence, présentée par les joviales Tamara et Nora, est de montrer qu'on peut utiliser des méthodes de travail UX pour aider à avancer sur des problématiques d’accessibilité. +![Tamara Sredojevic et Nora Goerne pour la conférence "Défendre et industrialiser l’accessibilité en tant qu’UX designer"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/tamara_nora.jpg?width=400) + Lorsqu'on arrive sur un projet avec peu ou pas de notions d'accessibilité, il faut se poser différentes question : - D’où on part ? Il faut faire un état des lieux du projet. - Quelles sont les contraintes ? Il faut connaître les contraintes du projet pour savoir quelles solutions apporter. @@ -145,6 +156,8 @@ En conclusion, la prise en compte de l'accessibilité sur un projet est un succ Le duo de Flora et Esther nous présente une conférence à la fois théorique et pratique autour du design et du temps. +![Flora Brochier et Esther Jacquet en train de présenter "Du calendrier lunaire aux notifications du smartphone : la notion du temps"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/flora_esther.jpg?width=400) + Chaque individu ressent le temps qui passe différemment selon le moment, selon si on s'amuse ou si on s'ennuie par exemple. Le temps se découpe en trois "moments" : le passé, le présent et le futur. Traditionnellement le passé était le plus important, aujourd’hui c’est le présent qui prend plus d’importance. Cela se reflète dans nos interfaces : le scroll infini est un exemple de présent qui s'étire sans fin. Flora nous donne aussi l'exemple de Google Maps qui est centré sur notre position actuelle plutôt que sur le parcours global, l’avant et l’après. @@ -171,6 +184,8 @@ En conclusion le temps est une notion importante et présente dans nos interface L’idée de la conférence de Sébastien est de générer des noms de conférences avec un outil de génération aléatoire, et de voir si on peut en ressortir des sujets intéressants. +![Sébastien Delorme et sa conférence "Accessibilité : l’IA pour faire pousser mes tomates inclusives"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/sebastien.jpg?width=400) + Sébastien explique qu'il entend de plus en plus parler de l’accessibilité mais pas toujours de la bonne façon. En fait, il entend surtout des questions sur le taux de non conformité et comment l'atteindre le plus vite possible, avec le moins de modifications. Mais comment est-ce qu’on calcule ce taux de non conformité ? C’est un pourcentage sur un échantillon, donc ça ne correspond pas au parcours complet de la plateforme. Ça permet de donner une idée de l'accessibilité d'une plateforme mais ce n'est pas représentatif de sa réelle accessibilité. @@ -187,6 +202,8 @@ Une dernière source sur le sujet : le site du Forum Européen de l’Acces Lors de cette conférence Thomas se pose la question : Qu’est-ce qu’il se passe quand on envoie un mail ? +![Thomas Parisot présentant "Appuyez sur Entrée pour envoyer ce message"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/thomasP.jpg?width=500) + Aujourd’hui les mails sont devenus complètement anodins. Pourtant il se passe beaucoup de choses derrière l’envoi d’un email. Le contenu de ce qui est envoyé c’est uniquement du texte, exactement comme un courrier. Tous les langages utilisés dans les mails sont standardisés et open source. C’est une différence et un atout par rapport aux logiciels de communication d’aujourd’hui. @@ -199,6 +216,8 @@ Les données présentées par Thomas sur les câbles sous-marins proviennent de Lison, qui est docteure en psychologie et développeuse web, nous parle ici des handicaps cognitifs et donne des pistes pour permettre aux personnes avec ces handicaps de mieux utiliser le web. +![Lison Fanuel pour sa conférence "Penser l’accessibilité numérique avec les handicaps cognitifs"]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/lison.jpg?width=400) + Un handicap cognitif, c'est une altération des processus qui permettent d’acquérir et utiliser nos connaissances. On peut penser que "ça ne concerne que des personnes handicapées" mais n'importe qui peut rencontrer à un moment ces problématiques, par une grande fatigue, lorsqu'on ne maîtrise pas une langue, ou simplement par la vieillesse. Les derniers ajouts dans les WCAG liés aux troubles cognitifs datent de 2018. @@ -245,6 +264,8 @@ Lison nous présente ensuite différents types de handicaps cognitif et comment Damien se présente et explique qu'il fait partie du [studio Monotype](https://www.monotype.com/products/studio), qui propose une collection de typographies et crée un rapport sur la typographie tous les ans, ainsi qu’un podcast. +![Damien Collot en train de présenter "Penser l’accessibilité numérique avec les handicaps cognitifs". Une interprète LSF est à ses côtés.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/damien.jpg?width=500) + Parmi les sujets auxquels ils s'intéressent on retrouve : - les processus de lecture - les déficiences visuelles @@ -273,6 +294,8 @@ Aujourd’hui l’IA n’est pas capable de créer des polices variables mais ç Nous enchaînons ensuite par la seule conférence en anglais de cette édition de Paris Web. Cette conférence est traduite en simultanée sur une application mobile. +![Lainey Feingold pendant sa conférence "Be a Dolphin not a Shark: Using cooperation over conflict to advance digital accessibility". Une interprète LSF est à sa gauche.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/lainey.jpg?width=500) + Lainey, qui est avocate aux Etats-Unis, nous présente comment négocier pour mettre en place l’accessibilité dans son entreprise. Elle présente [son site internet](https://www.lflegal.com/) qui contient de nombreux articles et ressources sur le sujet. La première idée évoquée c'est : “Accessibility is beautiful” ou "L'accessibilité est magnifique". Il faut mettre en avant la beauté de l’inclusivité. pour aider à sa mise en place. @@ -293,6 +316,8 @@ Et parfois si on est comme un poisson entouré par des requins qui ne veulent pa ## "L’instabilité de nos tests nous empêche de délivrer" par Sofia Lescano Carroll +![Sofia Lescano Carroll en train de présenter "L’instabilité de nos tests nous empêche de délivrer". Une interprète LSF est sur la scène.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/sofia.jpg?width=500) + Sofia commence par nous poser la question : à quoi servent les tests ? Elle nous explique : - Avoir une meilleure connaissance de l’app. Les tests servent de documentation. - Éviter les régressions. C’est impossible de tout connaître d’une app, ce qu’on modifie peut avoir une influence autre part. @@ -322,6 +347,8 @@ Et parfois la meilleure solution c’est simplement de supprimer le test s'il n' Thomas va nous parler des leviers (particulièrement du design) pour limiter l’empreinte écologique du numérique. Ces travaux sont disponibles sur le site de l'association qu'il co-dirige, [Limites Numériques](https://limitesnumeriques.fr/travaux-productions/leviers-inspirotheque). +![Thomas Thibault devant sa présentation pour "Quel design pour un numérique écologiquement contraint ?". Comme pour chaque conférence une interprète LSF est présente.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/thomasT.jpg?width=500) + Ce sont des inspirations et des idées. 1. Le numérique se présente comme léger et dématérialisé alors qu’il est bien réel et bien lourd @@ -359,6 +386,8 @@ Dans l'idée des réseaux sociaux et services plus éthiques, on retrouve : Après le repas nous enchaînons avec une conférence de la rigolote et déjantée Agnès, qui commence sa présentation par la conclusion pour que le public puisse s'endormir tranquillement pour digérer. Malin ! +![Agnès Haasser va commencer la conférence "Double authentification : de quoi parle-t-on ?". Le staff de Paris Web présente la conférence à l'oral et en LSF.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/agnes.jpg?width=500) + Agnès nous indique des références cruciales pour la sécurité : [le guide de l’ANSSI](https://cyber.gouv.fr/publications/guide-des-bonnes-pratiques-de-linformatique) et [WebAuthn](https://webauthn.guide/). La base, c'est : pas de mot de passe seul dès qu’on gère des informations personnelles. Il peut s'agit de données sensibles : sexe, bord politique, adresse... Il faut toujours imposer une authentification multi-facteurs aux admins dans ces cas-là puisqu’ils ont un accès facilité aux données, et proposer l'authentification multi-facteurs aux utilisateurs. @@ -392,7 +421,9 @@ Si on veut mettre en place une double authentification sur un projet, il vaut vr Christophe nous avoue que certaines des présentations montrées en conférence plus tôt lui ont donné la nausée. -Il est atteint de cyberagnétose. Cette condition fait que lorsqu’on regarde un support numérique on peut ressentir un malaise, une envie de vomir. C’est un malaise créé par la contradiction entre le vestibule (une partie de l'oreille) et la vision. C’est le même phénomène que le mal des transports. +![Christophe Breheret-Girardin pour la conférence "Vos présentations et vos sites me donnent littéralement envie de vomir". Une interprète le traduit en LSF.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/christophe.jpg?width=500) + +Il est atteint de cybercinétose. Cette condition fait que lorsqu’on regarde un support numérique on peut ressentir un malaise, une envie de vomir. C’est un malaise créé par la contradiction entre le vestibule (une partie de l'oreille) et la vision. C’est le même phénomène que le mal des transports. Christophe va ensuite nous montrer différents cas qui vont lui poser des problèmes : Gifs, mouvements avant et arrière, rotations... sur Slack, sur des sites très sérieux ou sur des présentations, avec des vidéos qui se lancent seules et en boucle... les exemples sont nombreux et variés. @@ -404,6 +435,8 @@ Pendant cette conférence, Emmanuel (ou Manu de son petit nom) va nous expliquer Son site, c'est [https://manu.habite.la/](https://manu.habite.la/) +![Emmanuel Pelletier en train de présenter "Au-delà du RGAA : penser réellement aux usagers de lecteurs d’écran". Une interprète LSF est comme toujours présente sur la scène.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/emmanuel.jpg?width=500) + On teste son code sur plusieurs navigateurs, il ne nous viendrait pas à l'esprit de développer en utilisant uniquement les spécifications techniques, sans vérifier le rendu sur navigateur. Alors pourquoi est-ce qu'on le fait pour les lecteurs d'écran ? On implémente des features pour lecteur d'écran sans vraiment les tester alors qu'il faudrait que ce soit de l'ordre du réflexe. On peut trouver plusieurs problématiques qui sont propres à certains lecteurs d'écran. @@ -426,6 +459,8 @@ Enfin il faut penser à tester tout le parcours utilisateur, même les e-mails e C'est Olivier qui va conclure cette journée et l'évènement en nous parlant des zones blanches et des méthodes pour permettre aux utilisateurs de ces zones d'accéder malgré tout à des services. +![Olivier Guillard présentant "Design pour l’offline : stratégies pour des expériences utilisateur ininterrompues". Une interprète LSF est à ses côtés.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/olivier.jpg?width=500) + C’est fréquent qu’on perde du réseau, en passant sous un tunnel, ou simplement dans un endroit un peu isolé. Les zones blanches sont des zones sans internet. Il y a d’après les données des millions de personnes déconnectées. Des solutions existent : utiliser des sms, passer par un réseau maillé, passer par des faisceaux de lumière comme dans le projet [TAARA](https://x.company/projects/taara/). @@ -453,5 +488,7 @@ Finalement les zones blanches provoquent des problèmes mais sont aussi des oppo ## Conclusion +![Toute léquipe de Paris Web réunie pour la conférence de cloture sous les applaudissements du public.]({BASE_URL}/imgs/articles/2024-10-08-paris-web-2024/conclusion.jpg?width=500) + Ces deux journées ont été pleines de découvertes. Elles nous ont permis de repartir plus confiants et assurés sur l'importance de créer un web inclusif, accessible, performant, éthique, écologique... en somme, un web respectueux de tous ses utilisateurs. Ce sont des changements qui sont compliqués à mettre en place, mais en sortant de Paris Web nous en sommes convaincus : nous ne sommes pas seuls avec ces objectifs, et malgré les difficultés c'est bien sur ce chemin que nous voulons nous engager. Nous espérons pouvoir y retourner l'année prochaine ! diff --git a/_assets/articles/2024-10-08-paris-web-2024/agnes.jpg b/_assets/articles/2024-10-08-paris-web-2024/agnes.jpg new file mode 100644 index 000000000..863747f7f Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/agnes.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/anthony.jpg b/_assets/articles/2024-10-08-paris-web-2024/anthony.jpg new file mode 100644 index 000000000..beefbac54 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/anthony.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/christophe.jpg b/_assets/articles/2024-10-08-paris-web-2024/christophe.jpg new file mode 100644 index 000000000..d2d4e39ff Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/christophe.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/conclusion.jpg b/_assets/articles/2024-10-08-paris-web-2024/conclusion.jpg new file mode 100644 index 000000000..8b749bb7d Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/conclusion.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/cover.jpg b/_assets/articles/2024-10-08-paris-web-2024/cover.jpg new file mode 100644 index 000000000..edcd7289e Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/cover.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/damien.jpg b/_assets/articles/2024-10-08-paris-web-2024/damien.jpg new file mode 100644 index 000000000..15826a166 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/damien.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/emmanuel.jpg b/_assets/articles/2024-10-08-paris-web-2024/emmanuel.jpg new file mode 100644 index 000000000..15c507288 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/emmanuel.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/flora_esther.jpg b/_assets/articles/2024-10-08-paris-web-2024/flora_esther.jpg new file mode 100644 index 000000000..12a820117 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/flora_esther.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/lainey.jpg b/_assets/articles/2024-10-08-paris-web-2024/lainey.jpg new file mode 100644 index 000000000..053150e3d Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/lainey.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/lison.jpg b/_assets/articles/2024-10-08-paris-web-2024/lison.jpg new file mode 100644 index 000000000..e41f7c037 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/lison.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/magali.jpg b/_assets/articles/2024-10-08-paris-web-2024/magali.jpg new file mode 100644 index 000000000..823452994 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/magali.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/olivier.jpg b/_assets/articles/2024-10-08-paris-web-2024/olivier.jpg new file mode 100644 index 000000000..0ef1647e2 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/olivier.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/sebastien.jpg b/_assets/articles/2024-10-08-paris-web-2024/sebastien.jpg new file mode 100644 index 000000000..65aae95a4 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/sebastien.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/simon.jpg b/_assets/articles/2024-10-08-paris-web-2024/simon.jpg new file mode 100644 index 000000000..c59f47d73 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/simon.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/sofia.jpg b/_assets/articles/2024-10-08-paris-web-2024/sofia.jpg new file mode 100644 index 000000000..3ebd25655 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/sofia.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/tamara_nora.jpg b/_assets/articles/2024-10-08-paris-web-2024/tamara_nora.jpg new file mode 100644 index 000000000..49cbee2a7 Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/tamara_nora.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/thomasP.jpg b/_assets/articles/2024-10-08-paris-web-2024/thomasP.jpg new file mode 100644 index 000000000..9238e233c Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/thomasP.jpg differ diff --git a/_assets/articles/2024-10-08-paris-web-2024/thomasT.jpg b/_assets/articles/2024-10-08-paris-web-2024/thomasT.jpg new file mode 100644 index 000000000..1e3605abd Binary files /dev/null and b/_assets/articles/2024-10-08-paris-web-2024/thomasT.jpg differ