Spécifications d’un site web (structure, format, contenu, type d’accessibilité)

Page introductive : Marise souhaite s’informer sur le Méga-Projet pour pouvoir se faire un avis sur la question et consulte donc la page introductive

Marise a vaguement entendu parler du Canal Seine Nord Europe mais ne sait pas vraiment quoi en penser… Elle décide alors de consulter les différents sites disponibles en ligne et arrive sur celui du Canalternatif.

La page introductive affiche tout d’abord le prochain événement qui aura lieu (ici la réunion citoyenne d’Allaines organisée par Isabelle et son association Naturali). Elle n’y fait pas tellement attention car elle n’est pas disponible à la date proposée. Elle descend dans la page et voit une illustration d’un cours d’eau (vue aérienne) qui zigzague en passant par différents points thématiques qui traitent du CNSE. Intriguée par l’aspect biodiversité, Marise clique sur la bulle thématique correspondante et s’affiche alors une fenêtre intitulée “Biodiversité”.

Elle y lit un texte qui résume les enjeux liés à la biodiversité dans le cadre du Méga-Projet. Après avoir lu l’ensemble du texte, elle visualise la vidéo explicative qui apparaît en dessous. Il est écrit en grand à la fin de cette fenêtre “Pour plus de détails, consulter les pages “critique” et “alternative” du site”.

Page « critique » : Maxime veut lui aussi s’informer sur le Méga-Projet et consulte quant à lui directement la page “critique”

Maxime est un étudiant en école d’ingénieur et a une amie qui s’investit de plus en plus dans la lutte contre le Canal Seine Nord Europe. Curieux de savoir ce qu’il en est, il se rend sur le site du Canalternatif dont Alice lui a beaucoup parlé. Il arrive sur la page introductive qu’il ne prend pas le temps de lire et se rend directement sur la page intitulée “critique”.

Il constate que celle-ci est composée de 3 parties: “le mur collaboratif”, la “carte collaborative” et la “synthèse de la critique”.

Il préfère consulter la “synthèse de la critique” et y voit tout d’abord des textes explicatifs. A chaque fois que des idées et chiffres sont cités, une référence y est associée et Maxime a la possibilité de cliquer dessus de sorte à être redirigée vers les sources bibliographiques (apparaissant dans une page à part).

Ces textes sont parfois illustrés de graphiques, de cartes etc qui sont également tirés (pour la grande majorité) de travaux scientifiques et ont donc une référence associée.

Photos évolutives : Aurore, Gaston et les photos évolutives

Aurore est mère de deux enfants, Gaston et Eugénie. C’est la deuxième fois qu’elle consulte le site du Canalternatif. La première fois, elle n’avait que consulté la page introductive. Cela avait été intéressant et l’a poussé à se documenter davantage sur la question du CNSE. Alors qu’elle consulte la page “critique”, elle tombe sur une photo d’un terrain boisé au bord du Canal avec en intitulé “photo évolutive” et un curseur situé en dessous de celle-ci. Elle fait glisser le curseur de gauche à droite et voit la photo évoluer : les arbres laissent progressivement la place à une mare dont l’artificialité est flagrante…

Elle lit en dessous que ces travaux correspondent à une mesure de compensation écologique promise par les porteurs de projet du CNSE visant à aménager un lieu de vie pour une espèce menacée par le projet dont l’habitat devait nécessairement être détruit. Aurore est stupéfaite à la fois par l’information qu’elle vient de recevoir et par la photo évolutive dont elle ne connaissait pas le principe.

Elle appelle alors son aîné Gaston à venir la rejoindre pour lui montrer ce qu’elle vient de voir et le garçon de huit ans est très enjoué par ce qu’il découvre mais aussi attristé par les arbres détruits et comprend que certaines personnes qui disent faire attention à la nature par la compensation écologique détruisent en fait d’autres écosystèmes pour cela…

Mini-jeux : Alphonse teste ses connaissances grâce aux mini-jeux

Alphonse fête aujourd’hui ses 64 ans. Il a découvert le site du Canalternatif par l’intermédiaire de sa fille, Aurore.

Depuis 4 jours désormais, il consulte le site et se documente. Cependant, il ne reste jamais très longtemps connecté à son ordinateur car cela lui fait mal aux yeux et il a à coeur de ne pas montrer le mauvais exemple à Gaston et Eugénie, qui dorment chez leurs grands-parents pour la semaine.

Pour ne pas oublier ce qu’il a lu les jours précédent, Alphonse se munit toujours de son petit carnet pour y noter ce qui lui paraît important et ce qui l’a marqué.

Pendant le temps calme, alors qu’Eugénie joue aux Lego et que Gaston fait des Scoubidous, Alphonse allume son ordinateur et débute ce qui est presque devenu son rituel d’après repas.

Pour la première fois, alors qu’il consulte la page “critique” du site, Alphonse tombe sur des mini-jeux consistant soit à relier des points de la critique entre eux (voir illustration) soit prenant la forme d’un QCM. Il est ravi de pouvoir tester ses connaissances sur le sujet et vérifier que sa mémoire est toujours aussi bonne.

En plus de lui rappeler ce qu’il a vu les jours précédent, Alphonse trouve les jeux amusants et cela lui donne envie de continuer à se documenter.

Il pense également se rendre à la prochaine réunion citoyenne qui a lieu dans une semaine à Assaines pour pouvoir parler du Méga-Projet avec des personnes qui sont comme lui assez critique sur la question et qui ont de l’espoir en alternative élaborée collectivement.

Accessibilité : Paul-Henri et la difficulté d’intégrer une lutte quand on est en situation de handicap

Paul-Henri (PH pour les intimes), est un étudiant très engagé dans les associations, en particulier celles parlant de transition écologique et de lutte sociale. Il commence même à s’intéresser au milieu militant. Cependant, plus PH avance dans cette voie, plus il est confronté à une difficulté de communication avec les autres. En effet, PH est malentendant de naissance. Il porte des appareils d’audition et a appris à lire sur les lèvres, cependant, lors des cercles de discussions ou des réunions en général, il n’arrive pas à saisir l’intégralité des informations.

Lors d’un échange avec des camarades, PH apprend l’existence du site Canalternatif. Il s’y rend pour recueillir plus d’informations. Il trouve sur la page d’accueil, notamment, des vidéos. Il est alors agréablement surpris qu’elles soient toutes sous-titrées. En plus, à la fin de la vidéo, les sous-titres affichent le nom de la sous-titreuse, il est très heureux que ces sous-titres ne soient pas automatiques. En effet, les sous-titres automatiques, en général, nuisent à l’accessibilité plus qu’ils ne l’améliorent, puisqu’ils sont mal adaptés aux besoins d’accessibilité, et ne sont pas conformes aux normes d’accessbilité.

A présent attentif, PH remarque d’autres détails. Par exemple, les couleurs des textes sont toujours en grand contraste avec le fond, et les paragraphes ne sont jamais justifiés. Les images sont toujours sous-titrées, pour pouvoir être vocalisées et accessibles aux personnes malvoyantes.

--------------------

Valeurs :

  • Convivialité : L’accès au site ne doit pas discriminer une partie de la population, il doit être utilisable de façon agréable par tout le monde.

Leviers :

  • Imagination : Améliorer l’accessibilité de son site permet d’imaginer une société qui inclue mieux toutes les personnes, et normalise des aménagements souvent méconnus.

Accessibilité : Clara apprend à signer

Clara est étudiante à l’UTC, elle est engagée dans la lutte contre le canal et elle est malentendante. Récemment, elle a commencé à apprendre le langage des signes, pour elle mais aussi pour communiquer avec des personnes sourdes. Elle est réjouie quand elle trouve une vidéo sur le site du Canalternatif qui lui permet d’allier ces deux engagements : une interview d’un économiste, qui peut être visionnée en signé. En effet, elle avait jusqu’ici remarqué la présence de sous-titrage sur toutes les vidéos du site. Mais ce n’est qu’aujourd’hui qu’elle visionne une interview qu’elle apprend l’existence d’une case à cocher, très visuelle, qui ouvre sur la moitié de la vidéo une fenêtre avec une vidéo d’une personne signant le contenu de l’interview.

--------------------

Valeurs :

  • Convivialité : L’accès au site ne doit pas discriminer une partie de la population, il doit être utilisable de façon agréable par tout le monde.

Leviers :

  • Imagination : Améliorer l’accessibilité de son site permet d’imaginer une société qui inclue mieux toutes les personnes, et normalise des aménagements souvent méconnus.

Page Documentation Juridique : Mélanie veut faire entendre sa voix de militante

Mélanie fait partie d’une association militante contre le canal. Elle est très engagée au sein de cette association, et elle aimerait pouvoir mieux faire connaître sa cause, et augmenter la portée de son discours. Elle utilise régulièrement le site du Canalternatif pour poster des ressources et en consulter, mais elle ne l’a jamais réellement exploré. Elle découvre dans les onglets disponibles au sein des ressources une section “documentation juridique”. Mélanie remarque que cette page s’adresse principalement aux militant.es.

Mélanie enregistre différents documents qu’elle trouve utile pour des actes qu’elle pourrait faire, et savoir quelles peines pourraient être encourues si elle participait, par exemple, à des manifestations, ou à des actes de désobéissance civile. Elle découvre également les différentes protections dont elle peut bénéficier.

A la fin de la page, un lien ouvre sur une page pop-up qui détaille les comportements à avoir lors d’un entretien avec un média. Il y est exposé certains exemples d’intervention dans les médias qui ont permis une réelle avancée dans l’opinion publique, et des interviews qui ont eu l’effet inverse, ainsi qu’une analyse de ces interviews. Il y a même une vidéo d’exemple, ce qu’il faut faire ou ne pas faire. . Elle télécharge même une fiche qu’elle pourra garder sur elle pour une prochaine interview.

Valeurs :

  • Convivialité : Des pages de ressources simplifiant des concepts juridiques qui sont souvent assez abstraits, et donnant des outils concrets pour être relativement autonome dans un contexte juridique.

Leviers :

  • Optimisation : Dans le sens d’une rationalisation et d’une meilleure prise en main des outils juridiques dans la lutte contre un mégaprojet. Synthétiser et marquer les points-clés de concepts complexes peremt une meilleure utilisation par tous.

Tensions :

  • Abstraction : Rendre toujours plus complexes et éloignés d’une pensée concrète les concepts juridiques.