En résumé, c’était trèèèès bien

Je ne sais pas si cela vient de moi, si c’est le confinement et ses retombées qui s’éloignent ou si c’est autre chose, mais j’ai l’impression de retrouver Paris Web. Attention ! Pas qu’il s’était perdu dans les éditions précédentes où, au contraire, face à de multiples complications, le staff a su garder le cap et nous laisser penser que tout roulait (parce que pour nous, c’était le cas) ! Mais peut-être que je retrouve mes habitudes, que je reprends mes marques.

Il faut dire que cette édition était particulièrement réussie, je trouve, à tous points de vue ! Par exemple, la communication (les mémos auditeurices/orateurices ! je voudrais que toutes les conférences fassent ça !) Le lieu était parfait : calme bien qu’au cœur de Paris, avec des espaces extérieurs pour se regrouper ou, au contraire, s’isoler (d’ailleurs, bravo aussi au staff pour la météo. Ah ? c’est pas vous ? hmm). Mais surtout, j’ai adoré l’esprit du programme : beaucoup d’éthique, d’humain, de citoyen ! Ce genre de thème me porte, me nourrit.

Merci beaucoup, au staff d’avoir choisit ces sujets et aux orateurices qui les partagent <3

J’ai eu quelques coups de cœur (nouveaux ou confirmés), notamment pour les actions et discours de Anais Sparesotto, Marcy Ericka Charollois, Magali Milbergue, Richard Hanna pour ne citer qu’une partie.

À nouveau, je ne sais pas si cela vient de moi ou si c’est une ambiance globale, mais je n’ai jamais autant parlé, longuement, avec des personnes que je ne connaissais pas. Et, s’il y a bien une chose que l’on trouve en se déplaçant en conférence, c’est la possibilité d’échanger avec des gens qu’on n’aurait pas rencontré autrement et avec qui on a des sujets communs.

Merci à tous et toutes pour les conversations qu’on a pu avoir (trop courtes, et avec bien trop peu de neurones disponibles pour ma part parce que la fatigue ) <3

Et, cadeau, j’ai aussi revu des personnes que je n’avais pas vu depuis loooongtemps <3
Tout comme des personnes que je croise fréquemment mais ça n’enlève rien au plaisir de les avoir revues aussi ici <3

Bref, que du bonheur.

Merci au staff d’avoir rendu tout ça – et c’est loin d’être peu – possible #ShareTheLove

Supports

Diaporama

J’ai veillé à rendre ce support accessible mais je suis loin de maîtriser Power Point. Si jamais vous rencontrez des soucis, surtout, n’hésitez pas à me le signaler via les commentaires par exemple.

Vidéo

Vidéo sous-titrée
24’30

Impressions personnelles

Quand j’ai proposé cette conférence, j’étais très partagée. D’un côté, j’aimais beaucoup mon sujet, d’un autre, je n’arrivais jamais à l’exprimer clairement et toutes les personnes a qui je l’ai présenté à l’oral m’ont d’abord dit « j’ai pas compris ». Toutes.

Vous imaginez bien qu’en conséquence, quand j’ai été sélectionnée, j’ai quand même été très inquiète. Et ce, jusqu’à ce que je descende de scène. Sylvie Duchateau m’a attrapée au vol et dit que ma conf était bien. Quand une personne comme Sylvie, concernée et experte reconnue depuis des années, vous dit que votre conférence sur l’accessibilité est bien, vous vous sentez « validée » (sans mauvais jeu de mot )

J’ai eu d’autres retours tout aussi importants pour moi, de la part d’experts et expertes comme de la part de novices et je suis vraiment très contente. Certains commentaires me sont allé droit au cœur <3
J’ai l’impression d’avoir réussi mon jeu d’équilibriste à passer mon message sans accuser mais sans déresponsabiliser non plus, à propos des situations de handicap mais en étant valide.

D’autres en parlent

• (mon) Paris Web 2023, Arnaud MALON
• Emmanuelle ABOAF, sur LinkedIn
• Albane FAGOT-VEYRON, sur LinkedIn
• « @DelphineM pose une très bonne explication qui repart de la base (société validiste, c’est systémique et on n’en a pas forcément conscience) et extrapole sur l’accessibilité. Leviers différents entre monde physique et numérique. », Stéphane Deschamps, 29/09/23, 10:25

(Voir aussi mon atelier Paris Web 2023, toujours sur l’accessibilité)

Photo Arnaud Malon

Atelier
1 H 30
Paris Web, 30 septembre 2023, Nanterre
Atelier donné dans le cadre de ma mission ekino.U

Supports

Diaporama

J’ai veillé à rendre ce support accessible mais je suis loin de maîtriser Power Point. Si jamais vous rencontrez des soucis, surtout, n’hésitez pas à me le signaler via les commentaires par exemple.
Notez que ce diaporama n’était qu’un prétexte à lancer les conversations et qu’il y a peu de contenu dedans. Et, pour que vous n’ayez pas à l’ouvir pour ça, voici les quelques liens qu’on y trouve :

• Démonstration de navigation sur internet avec une plage braille et un lecteur d’écran – Alex Bernier, vidéo sur YouTube
• Le tweet de Boeuf Céline et CelineBoeuf@piaille.fr, 26 mai 2023
• Le jeu Feeling malvoyance
• Les deux articles sur la simulation de handicap :
  • Simulation de handicap par des personnes valides : qu’en pensent les personnes handicapées ?
  • Dépolitisation et regard valido-centré : les mises en situation.
• https://www.u.ekino.com

Bloc-note partagé (temporaire)

• Framapad (mensuel)

Notes

À venir

Rappel : si vous avez pris des notes, je vous invite à venir les partager dans le pad créé à l’occasion (avant sa disparition ).

Impressions personnelles

J’ai eu des retours positifs et je suis pour ma part très contente. Tel que je l’avais prévu, l’atelier était un peu un pari puisque mon objectif était de faire parler la salle et que le contenu viennent autant des personnes présentes que de moi. Et ça a marché ! Nous devions être une cinquantaine de personnes, dont pas mal de formateurs et formatrices, et nous avons discuté, trop peu à mon goût :D, des outils à notre portée pour sensibiliser au handicap.

Merci encore pour vos interventions et/ou votre écoute.

D’autres en parlent

• Souviens-toi, Paris Web 2023

(Photo Catherine Smet)

(Voir aussi ma conférence Paris Web 2023, toujours sur l’accessibilité)

À l’occasion de la journée internationale de la protection des données, mon collègue Maxime et moi avons rédigé un article orienté sur nos données personnelles, nos outils, nos habitudes et comment améliorer notre propre protection.

Nous nous sommes concentrés sur ce que seraient les premiers pas, en proposant des solutions accessibles aux profils non techniques. On n’a pas toujours des produits aussi faciles à utiliser que ceux des grands acteurs qui aspirent nos données mais, justement, on vous propose des solutions qui sont sur un autre modèle économique !
À vous de voir lesquels vous correspondent et ceux pour lesquels vous  n’êtes pas prêts.

Nous avons limité cet article (qui est finalement déjà bien long) à ce qui nous paraissait à la fois prioritaire et facile (techniquement mais aussi dans l’usage).

Pourquoi protéger ses données ? 

Vaste question ! Il faudrait plus qu’une introduction dans un article pour bien développer les raisons, donner des exemples concrets (qui hélas ne manquent pas).

Pour résumer grossièrement, nos données personnelles sont récoltées en masse pour être revendues (car oui, nos profils rapportent de l’argent à ceux qui les exploitent).

Elles permettent de tirer des conclusions sur nous : nos opinions politiques, notre statut amoureux, nos orientations sexuelles, nos amis, ce qui nous agace… Ne doutez surtout pas du fait que Facebook vous connaît (même si vous n’avez jamais créé de compte !) et que Google en sait plus sur vous que votre meilleur ami, voire que vous même.

Ces connaissances ne permettent pas seulement de vous vendre des produits ciblés (ah, la consommation de biens dont on ne savait pas qu’on en voulait !) mais aussi à vous influencer.

Les gouvernements, selon les lois locales, peuvent avoir accès à tout ou  partie de ces informations et récolter les leurs, à l’instar de la loi américaine qui permet au gouvernement d’accéder à tout ce que Facebook ou Google, par exemple, ont récolté sur une personne. Les dernières années ont prouvé que même les démocraties peuvent avoir un usage politique et excessif de ce pouvoir. Ne parlons même pas des possibilités que cela laisse aux régimes dictatoriaux et des conséquences dramatiques que  cela peut avoir.

Ajoutons à cela que le fait de se savoir surveillé change les comportements (et non, pas que les “mauvais” comportements), bride la créativité, l’expression de soi et l’innovation.

Beaucoup de ressources existent si vous voulez creuser le sujet. Nous vous renvoyons, par exemple vers :  

• Cette conférence qui, en moins de treize minutes, vous convaincra mieux que notre petit paragraphe : Darknet, le grand malentendu ? par Jean-Philippe Rennard.
• Le documentaire Nothing to hide (VOST) de Marc Meillassoux et Mihaela Gladovic, disponible gratuitement qui parle de surveillance gouvernementale et du citoyen X, qui pense que ce n’est pas très grave qu’on ait accès à ses données.
• Le livre Surveillance:// de Tristan Nitot pour comprendre en quoi il y a des problèmes derrière les outils que nous utilisons.
• Ou encore un site qui explique pourquoi il y a beaucoup de choses à redire quand quelqu’un avance “Je n’ai rien à cacher”. 

Alors comment commencer à protéger ses données ?

Navigateur (desktop et mobile)

Le navigateur est votre porte d’entrée sur Internet : la sécurité de vos données personnelles dépendra des verrous activés sur celui-ci. Les navigateurs sont assez inégaux dans les protections, soit par choix politique soit parce que la configuration par défaut n’est pas suffisante. Voici une liste de navigateurs à adopter si vous souhaitez faire le premier pas dans un monde plus sûr pour vos données.

Firefox

Firefox de Mozilla est un des meilleurs navigateurs disponibles qui combine de bonnes fonctionnalités de sécurité des données, une sécurité accrue et des mises à jour régulières. Ce n’est plus le navigateur lent et lourd que l’on a connu, il est désormais rapide et léger.

Concernant la sécurité de nos données, Firefox bloque par défaut :

• les traceurs, qui sauvegardent votre passage sur les sites web pour vous proposer une navigation personnalisée ;
• les cookies tiers, sur lesquels s’appuie la pub personnalisée ;
• les cryptominers, ces scripts qui utilisent les ressources de votre ordinateur pour miner des crypto monnaies à votre insu ;
• Les fingerprinter, ces outils qui permettent d’identifier très précisément un utilisateur notamment à partir de son ordinateur et de la configuration de son navigateur (version, extension, taille de l’écran…).

Brave

Brave est un navigateur développé à partir de Chromium, la partie open source de Google Chrome (celle qui ne revend pas de données personnelles). Il a de gros avantages par rapport aux autres navigateurs basés eux aussi sur Chromium (Vivaldi par exemple)  :

• Il bloque les traceurs et les pubs/cookies par défaut. Une exception est faite aux campagnes de pubs validées par Brave. Celles-ci ne vous ciblent pas grâce à vos données mais vous sont proposées sur les sites en rapport avec la campagne.
• Son moteur de recherche par défaut n’est pas Google mais Qwant.
• En navigation privée, il est possible d’utiliser le réseau Tor (voir ci-dessous) sans avoir à effectuer de configuration supplémentaire. C’est une entrée facilitée aux néophytes pour naviguer totalement anonymement sur Tor.

Tor Browser

Tor Browser est le navigateur officiel du projet Tor. Pour faire simple, Tor est un réseau permettant de naviguer anonymement : chaque requête à un site web passe par plusieurs serveurs avant d’atteindre le site cible, ce qui empêche le site web de connaître le visiteur. Ainsi, les traceurs et cookies personnalisés sont automatiquement invalidés. C’est le navigateur ultime pour protéger son identité et ses données en ligne. Cependant, son fonctionnement implique des temps de chargement plus longs et donc une navigation plus lente.

Tor browser est installé par défaut avec des extensions protectrices (HTTPS Everywhere et NoScript, voir ci-dessous dans la partie sur les extensions) et son moteur de recherche par défaut est DuckDuckGo (notre recommandation, voir plus bas).

Comment naviguer sur mon téléphone

Chacun des navigateurs présentés ci-dessus a une version mobile ayant les mêmes caractéristiques et avantages. Notez qu’utiliser un même navigateur dans ces deux contextes vous permet de synchroniser vos données utilisateurs entre vos appareils. 

Cependant, ils existent des navigateurs ayant une version mobile exclusive :

• Firefox Focus est une version de Firefox avec des options de sécurité propres aux smartphones. En plus de bloquer les traceurs, cookies et publicités, il est possible d’activer un mode furtif qui empêchera les captures d’écran et masquera votre navigateur dès que vous changerez d’application. Il est même possible de verrouiller l’application dès lors que vous verrouillez votre téléphone ou changez d’application.
• DuckDuckGo browser est le navigateur mobile créé par le moteur de recherche du même nom. Il partage les mêmes valeurs que Firefox pour le respect de la vie privée.

Pour améliorer tout ça, les extensions

Malgré la sécurité de votre navigateur, le Web est plein de gens malveillants. Pour éviter de se faire avoir et éviter les traceurs restants, il existe des extensions navigateurs.

• HTTPS Everywhere 
  • Force la communication via HTTPS avec un site web dès que celle-ci est possible. Cela permet de s’assurer d’une connexion  sécurisée avec le site consulté.
• uBlock Origin 
  • Bloque les requêtes faites vers des services tiers de tracking, de pubs, etc.
  • Se base sur des listes de domaines mises à jour par la communauté.
• PrivacyBadger
  • Désactive les traceurs présents sur les sites.
  • L’extension ajoute un traceur à sa liste s’il le croise sur trois sites différents.

L’installation est simple mais leur utilisation peut s’avérer déroutante, elles peuvent potentiellement empêcher la navigation sur certains site mal construits qui chargent des éléments de publicité avant la structure du site lui même (particulièrement Privacy Badger et uBlock Origin). Si cela vous arrive, il suffit de les désactiver pour le site en question; vous pourrez continuer votre navigation.

Des recherches en tout anonymat

Le moteur de recherche par défaut sur un navigateur est (quasiment) toujours Google. Dans l’optique de contrôler et de refuser que vos données ne soient utilisées, il est vivement conseillé de changer de moteur de recherche pour un des suivants.

DuckDuckGo

DuckDuckGo est LE moteur de recherche pour votre vie privée. Il agit comme un intermédiaire avec Google empêchant ainsi ce dernier de récupérer vos informations.

• Il ne stocke aucune donnée de recherche et n’utilise aucun traceur.
• Il n’affiche aucune publicité ou résultats sponsorisés dans les résultats de recherche.
• Les résultats de recherche sont très acceptables.

Le stockage

Les “CHATONS”

“Chatons” est un acronyme pour  le Collectif des Hébergeurs Alternatifs Ouverts Neutres et Solidaires”. Un chaton, à l’instar de Google mais avec moins de moyens, vous proposera un certain nombre de services. Un moteur de recherche est disponible sur le site pour choisir en fonction de ses besoins, du prix, du public, etc.

Un “cloud” personnel

Parmi les différentes possibilités, nous proposons de vous présenter Nextcloud. Nextcloud est un outil auto-hébergé permettant de remplacer des outils comme Google Drive en proposant une solution de stockage, de l’édition partagée de documents, un calendrier, un client mail, de la messagerie instantanée et même un chat vidéo (entre autres !)

Son premier avantage est d’être un logiciel libre, il est gratuit et open source. C’est-à-dire que son code source ainsi que celui des applications mobiles Nextcloud sont consultables par n’importe qui et tout le monde peut participer à l’amélioration du produit.

Son deuxième avantage est sa grande communauté participant au développement de l’écosystème de l’outil. Il existe des applications pour ajouter une application de carte, un lecteur de musique ainsi que pour synchroniser vos SMS avec votre instance Nextcloud. Toutes développées par des utilisateurs.

Par contre, Nextcloud va vous demander un peu plus de manipulation : soit créer un compte chez un hébergeur qui le propose (un des hébergeurs partenaires ou un “chaton”). Si vous êtes plus technique : installez votre propre instance Nextcloud sur un serveur, un ordinateur local ou un Raspberry Pi.

Liens et références

• D’autres pistes pour “reprendre le contrôle par soi même” 
• Ou grâce à Framasoft : Dégooglisons internet > Liste des alternatives
• Se dégoogliser en choisissant des alternatives (en anglais)

Chaque internaute doit pouvoir accéder aux informations et services des applications web qu’il consulte. L’accessibilité numérique avec ses règles s’assurent que cela soit vrai.

En cette année de textes de loi sur l’accessibilité numérique, l’équipe Accessibilité d’ekino a voulu débroussailler tout ça. Nous nous sommes dit qu’une infographie nous aiderait tous à y voir plus clair.

Cette infographie est pensée comme une suite de questions que vous pourriez vous poser. Pour chacune, une réponse claire et concise. Suivez le guide !

Merci à Aurélien Lévy de Temesis et Stéphane Deschamps d’Orange pour leur aide et relecture.

Accessibilité Cadre législatif 2019

Est-ce que je suis concerné ?

Oui, si je suis :

• un service d’État ;
• une collectivité territoriale ;
• un établissement public ;
• une organisation légataire d’une mission de service public ;
• une entreprise privée dont le chiffre d’affaires en France est supérieur ou égal à 250 millions € (chiffre d’affaires calculé par unité légale sur la base de la moyenne du chiffre d’affaires annuel réalisé en France des trois derniers exercices comptables précédant l’année considérée) ;
• une organisation créée pour satisfaire un besoin d’intérêt général.

Je peux aussi me sentir concerné :

• si je risque la discrimination (pages d’embauche, outils de travail) ;
• si je veux prendre en compte l’accessibilité (principe, image, éthique, audience, etc.)

Ça s’applique à quels supports ?

• Sites internet, intranet, téléphone, TV, appli métier, appli web, progiciel et mobilier urbain

Ah ben, oui alors. Je dois faire quoi ?

Déclaration d’accessibilité

• État de conformité
• Calcul du taux d’accessibilité
• Lien vers le rapport d’audit
• Liste des contenus non-accessibles et pourquoi
• Date de la déclaration et de la mise à jour
• Retour d’informations et de contact
• Voies de recours

Quelle norme je dois suivre ?

• Pour tous :
  • Norme européenne EN 301 549 Recommandations émises par l’ETSI (European Telecommunication Standards Institute )
• Pour une entreprise privée, au choix :
  • Cette même norme européenne EN 301 549
  • Norme internationale WCAG 2.1 AA Recommandations émises par le W3C (Word Wide Web Consortium)

Et je peux m’aider du RGAA 4 pour en savoir plus.

Schéma pluriannuel

• Plans d’action annuel (Ex : stratégie, référent, ressources, formation, sensibilisation, organisation, choix des prestataires, tests utilisateurs, mesures prises, bilans, etc.)

Et c’est pour quand ?

Dates s’échelonnant du 23/09/2019 au 01/07/2021 selon critères. Ex : le 1er octobre 2019 pour un site du secteur privé qui n’existait pas auparavant (1er octobre 2020 sinon).

En détail

Tous les acteurs concernés, sauf les entreprises privées :

• Site internet, intranet, extranet
  • Existant depuis le 23 septembre 2018 : ⇾ le 23 septembre 2019
  • Existant déjà avant le 23 septembre 2019 : ⇾ le 23 septembre 2020
• Téléphone, TV, appli métier, appli web, progiciel et mobilier urbain ⇾ le 23 juin 2021

Entreprises privées concernées :

• Site internet, intranet, extranet
  • Existant depuis le 01er octobre 2019 :⇾ le 01er octobre 2019
  • Existant déjà avant le 01er octobre 2019 : ⇾ le 01er octobre 2020
• Téléphone, TV, appli métier, appli web, progiciel et mobilier urbain ⇾ le 01er juillet 2021

Sinon ? Je risque des sanctions ?

Oui. (Jusqu’à 20 000 € par site / an.)

À propos

Cette infographie est un résumé vulgarisé du cadre législatif de l’accessibilité numérique en France en 2019. De nombreux détails et précisions ne sont pas présents.

Sources et références

• « Présentation des évolutions du RGAA », Bénédicte Roullier, A11Y Paris, avril 2019 ;
• « Décret sur l’accessibilité numérique : revue détaillée de ce nouveau cadre réglementaire », Access42
• et… les textes de loi :
  • Loi 2005-102 du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées
  • article 47
    • décret n° 2009-546 pris en application de l’article 47 de la loi n° 2005-102 du 11 février 2005 sur l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées et créant un référentiel d’accessibilité des services de communication publique en ligne
• Directive européenne 2016/2102 relative à l’accessibilité des sites internet et des applications mobiles des organismes du secteur public
  • Loi n° 2016-1321 du 7 octobre 2016 pour une République numérique
    • article 106
      • décret n° 2019-768 du 24 juillet 2019 relatif à l’accessibilité aux personnes handicapées des services de communication au public en ligne

Remerciements : Aurélien Lévy, Temesis ; Stéphane Deschamps, Orange ; Baptiste Feuillâtre, ekino

Mise à jour : octobre 2019 V.1.1 – Licence CC BY SA – Delphine Malassingne, ekino

L’émission est disponible en ligne sur le « replay » de Radio Pluriel ; cliquez sur « jeudi » puis c’est tout en bas « 23H Culture numérique, présenté par Benoît Prieur« . (Mon passage est à 30:20 mais rien ne vous empêche d’écouter toute l’émission ! Ça parle des JDLL et de inventaire.io)

Dans le cadre du GAAD 2018, journée mondiale consacrée à la sensibilisation autour de l’accessibilité, ekino organise, le 17 mai, un meetup dans ses locaux, dédié à l’accessibilité.

Avant cet événement, il nous a paru judicieux de faire quelques rappels autour des notions d’accessibilité numérique, de situation de handicap et de contexte d’utilisation.

Situation de handicap et déficience physique

En tout premier lieu, il nous paraît important de différencier la situation de handicap de la déficience physique. Prenons un exemple simple : une personne en fauteuil roulant est en situation de handicap face à un escalier. Mais, assise devant son ordinateur pour surfer sur Internet, elle est dans la même situation qu’un valide (une personne sans déficience physique), accédant parfaitement à son outil.

Contexte d’utilisation

C’est souvent le contexte d’utilisation qui détermine si on navigue en situation de handicap ou non.

Un écran qui rend l’âme, une souris dont les piles sont épuisées, un grand beau soleil qui éclaire l’écran de notre mobile, autant de contexte qui peuvent nous mettre en situation de handicap : naviguer sans voir, naviguer au clavier, être dépendant de la qualité des contrastes de couleurs.

L’aide technique

Une aide technique, c’est un dispositif qui va palier à une déficience (physique ou autre) pour éviter une situation de handicap. Un exemple courant : les lunettes de vue sont une aide technique qui palit à une déficience physique pour éviter le flou, le trop petit. Autre exemple : le lecteur vocal est une aide technique qui permet de naviguer sur Internet en se faisant lire les pages et en activant les liens via des touches et non des clics de souris.

Rendre accessible

En fait, toute personne qui navigue sur Internet le fait via un dispositif technique. Que ce soit un lecteur vocal, visuel (comme votre Google Chrome, Internet Explorer, Firefox, etc.) ou encore un robot d’indexation sur lequel vous compter pour donner de la visibilité à votre site, c’est toujours via une machine qu’on accède au web.

Rendre un site accessible, c’est donc rendre un site accessible à une machine – celle choisie par l’utilisateur – qui restitue alors les pages à l’utilisateur. Or, pour que notre site soit compréhensible par les machines, les recettes sont « simples » : respecter les standards.

Standards d’accessibilité

Les standards du web sont émis par le W3C. Le but est que les différents acteurs se réfèrent à des normes communes pour éditer et restituer des pages web. Au sein du W3C, un groupe dédié à l’accessibilité, le WAI, édite des spécifications comme, par exemple, les WCAG.

Les bénéfices

Mais du coup, si les sites sont « consommés » par des machines qui les restituent à des humains, et que ces humains sont dans des contextes toujours différents (déficience, contexte, panne temporaire, environnement, outils utilisés, etc.), toutes les machines bénéficient de l’accessibilité ? Oui. Et donc en visant l’accessibilité on vise un maximum de contextes d’utilisation ? Oui.

Notez qu’en dehors de l’audience, l’accessibilité favorise aussi l’utilisabilité, la portabilité, le SEO, l’image de marque, etc.

Quelques liens

C’était, bien sûr, un rapide panorama d’introduction à l’accessibilité numérique.
Autour de cette thématique, retrouvez notamment :

• la vidéo de la conférence « Accessibilité numérique, mais au fait, de quoi on parle ? » ;
• le diaporama de la présentation « Accessibilité et efficience » , de Gaël Poupard ;
• l’infographie sur Les bénéfices de l’accessibilité de Camille Fion ;
• ou encore, pour la mise en application, les notices AcceDe Web.

La [Coding School][1] est une structure qui a décidé de faire de nous des makers, des acteurs de notre quotidien, en utilisant les technologies à notre disposition. Si elle s’adresse aux enseignants, aux chercheurs d’emploi, aux salariés, etc., l’école s’adresse aussi aux enfants, à partir de 7 ans.

Le mois dernier, j’ai eu l’occasion de parler avec Sylvain Zyssman, de la Coding School, mais surtout avec Kylian, 14 ans, participant aux activités de la Coding School, et avec sa petite sœur, Aélita, 10 ans.

Kylian et Aélita sont des makers ; selon les propres mots de Kylian, ils “fabriquent des choses pour leur quotidien”.

Ce qui est ressorti de cette conversation raisonne avec nos métiers numériques (et peut-être encore plus pour ceux qui sont parents). En effet, les enfants sont les innovateurs de demain. Sans même parler d’innovation, les métiers qu’ils exerceront n’existent probablement pas encore [⁽¹⁾][2]{#RetourNote1} mais on peut d’ores-et-déjà les y préparer.

Le parti-pris de ce type d’école, c’est de faire connaître aux enfants les technologies et leur montrer qu’ils peuvent les comprendre et s’en servir. À coup de visual programming, d’imprimante 3D, de servomoteur, ce sont des chaussures qui s’allument, des gamelles de chat qui préviennent quand elles sont vides ou des catapultes à compte-à-rebour par LED. Peu importe la finalité, on ouvre ainsi des portes dans l’esprit des enfants qui, plus tard, imagineront des usages – auxquels nous n’aurions jamais pensé – sans même se creuser la tête.

Et les enfants ne pensent pas qu’à jouer ! Lors de Coding Camp, ils ont imaginé un sac-à-dos équipé d’un accéléromètre et d’un feu stop qui s’allume automatiquement quand l’enfant freine à vélo. Ailleurs, on a vu des enfants concevoir une veste qu’ils destinent aux malvoyants et qui vibre quand on s’approche d’un mur.

Lors de notre conversation, Kylian me sort de sa boîte à outil un traqueur solaire et m’explique que, grâce à trois photorésistances qui vérifient qu’elles ont la même luminosité et entraînent un déplacement si ce n’est pas le cas, on peut optimiser la meilleure exposition possible au soleil.

Si toutes les inventions des enfants ne nous seront pas utiles (mais qui oserait dire qu’un tweet envoyé à chaque fois que le chat va dans sa litière n’est pas nécessaire à l’Humanité ?), leur ouvrir les portes des nouvelles technologies, de l’innovation et du pouvoir de faire soi-même est déjà énorme.

En apprenant des nouveaux outils, des nouvelles compétences, les enfants prennent confiance en eux, parfois en réalisant des choses que leurs parents ne savent pas faire, parfois en acquérant un savoir-faire qui leur sera utile par ailleurs mais qu’on avait pas pensé à leur apprendre (comme Aélita qui fait maintenant de la soudure).

On l’a vu, les enfants mettent ça à leur service (comme des chaussons qui s’allument la nuit) mais aussi au service des autres (des gants qui retranscrivent la langue des signes). La manipulation des nouvelles technologies devient aussi évidente pour eux que l’utilisation de réseaux sociaux l’a été pour la génération les précédant. De là, inventer les usages qui vont avec viendra naturellement et, comme ils auront les savoir-faire pour, ils pourront concevoir et produire ; être des makers.

Le projet en cours de Kylian : un bras articulé composé d’un arduino, de cinq moteurs et d’une led, programmé pour être contrôlé depuis le mobile par bluetooth.

Aller plus loin :

• Autour de la culture maker :
  • “[Culture maker][3]” sur Wikipédia
  • [Culture maker, panorama d’un écosystème en pleine ébullition !][4]
• On trouve plein de produits cherchant à initier les enfants à la culture maker : [SAM][5], [MakerBloks][6], [Quirkbot][7], [PrintBot][8], [Marbotic][9], etc.(1) 60% des métiers qui seront exploités en 2030 n’existent pas encore – Retour[1]: http://www.codingschool.fr/[2]: #Note1[3]: https://fr.wikipedia.org/wiki/Culture_maker[4]: http://1001startups.fr/culture-maker/[5]: http://www.makery.info/2014/10/17/sam-des-modules-pour-developper-chez-soi-linternet-des-objets/[6]: http://culturemaker.fr/article/articles/maker/makers-movement/makerbloks-veut-initier-enfants-monde-de-lelectronique/[7]: http://culturemaker.fr/article/articles/maker/makers-movement/quirkbot-un-ki-pour-fabriquer-ses-propres-robots-avec-des-pailles/[8]: https://www.bq.com/en/printbot-evolution[9]: http://www.begeek.fr/10-chiffres-le-premier-jouet-en-bois-educatif-connecte-par-marbotic-156007

Tout est parti de là :
Jef s’est amusé à prendre en photo des figurines de petits moines souriants et sereins. Stef a dit « Oh, tu devrais en faire un livre ! » (1). Cathy a dit « Ah oui, si tu le fais, j’en prend un ! ».
Je crois que l’idée a mûrit dans sa tête et, quelques semaines plus tard, il me demandait de faire des calligraphies pour accompagner les photos.

Le défi, c’était de trouver la juste proportion : de faire des textes qui avaient eux-mêmes une âme mais qui restaient dans le même esprit que les photos : simples, sans chi-chi mais élégants (bon, ben vous me direz si c’est réussi ou pas selon vous !)

Quant à la rédaction des textes, j’ai été surprise : je n’ai eu qu’à regarder chaque image pour me laisser dicter par le petit moine ce qu’il était en train de nous dire sous sa fleur, à côté de son caillou, sur une souche de bois, etc.

Le résultat (je vous passe la période angoissante du choix de l’imprimeur, du papier, de la couverture, etc.), c’est un joli (2) petit livre (entre un A5 et un A4), avec une couverture qu’on a choisit matte et tramée pour aller avec le côté nature des photos) que nous vendons en auto-édition.

Faire un livre, comme ça, à partir de ses « créations » a vraiment été pour moi quelque chose de très plaisant. Si vous êtes vous-même tenté (par un livre ou toute autre réalisation), je vous conseille de le faire ! C’est stimulant et rigolo (pour peu qu’on ne le prenne pas trop au sérieux (mais hé, les petits moines étaient là pour nous rappeler à la sagesse !)

(1) Du coup hop, obligé de nous faire la préface Merci encore Stéphane. ‐ Retour

(2) Ben moi je l’aime bien, quoi. C’est tant mieux d’ailleurs ! ‐ Retour

Mise à jour :
J’ai un site dédié à mes activités artistiques.

Enregistrer

Enregistrer

Ce que disent les spécifications

Pour assurer la lisibilité, la couleur de texte doit être suffisamment contrastée par rapport à sa couleur de fond.

Cette limite est fixée par un ratio minimum à respecter entre les deux couleurs.

Pour plus de détails, voir :

• À propos du ratio
• Spécification WCAG 2.0 (W3C) – Section 1.4
• Référentiel AccessiWeb HTML5/ARIA – Section “Couleurs”
• Règle Opquast

Comment respecter ce ratio ?

Ce ratio varie en fonction des référentiels et des niveaux visés.

Voici un tableau pour vous aider à voir, d’un coup d’œil, le ratio qui vous concerne.

Pourquoi s’occuper de contraste de couleurs

La lisibilité est un critère important de l’expérience utilisateur. Elle contribue à rendre le site utilisable et agréable.

Chaque utilisateur peut être concerné par la question du contraste :

• un daltonien(8% de la population mondiale masculine (et 0,5% de la population mondiale féminine)) ;
• une personne avec une mauvaise vue ;
• un « mobinaute » avec un faible contraste sur son écran du à l’ensoleillement(32 millions de mobinautes en France(1)) ;
• etc.

(1) 2012 http://www.proximamobile.fr/article/la-france-compte-plus-de-32-millions-de-mobinautes

Comment mesurer le contraste ?

Des outils permettent de connaître le ratio entre deux couleurs. Certains vous aident même à trouver une couleur approchante mais valide quand la vôtre ne respecte pas le ratio minimal.

Pour vérifier un contraste :

• Colour Constrast Analyser
• ou Contrast Ratio

 L’outil Colour Constrast Analyser – La validation est indiquée pour 4 niveaux de validité.

 L’outil Contrast Ratio – La pastille vous indique le ratio entre deux couleurs.

Pour trouver une couleur :

• Contrast-Finder aide à trouver un contraste dans la couleur choisie

 L’outil Tanaguru Contrast-Finder – Proposition de couleurs alternatives pour respecter le ratio.

Aller plus loin

Si cet article n’a pour but que de vous donner des réponses rapides à des questions pratiques, vous pourrez en apprendre plus dans l’article « Contraste de textes », par Nicolas Hoffmann (sur OpenWeb).

Infographie récapitulative

Téléchargez, imprimez, affichez et partager notre infographie récapitulative sur le contraste de couleurs de texte. Un outil pratique pour savoir en un coup d’œil quel contraste respecter.

 Infographie sur les contrastes de couleurs de texte, à imprimer et partager

Remerciements et réutilisation

Je remercie Damien Berseron et Romain Emonet.

Si vous utilisez cette infographie, distribuée sous licence CC BY 3.0 FR (2), nous en serions ravis ! Vous pouvez nous le faire savoir via notre compte Twitter par exemple : @3k1n0 ou via les commentaires ci-dessous.

(2) Cela signifie que vous pouvez partager et adapter ce contenu, sous réserve que vous attribuiez la source à « Ekino – http://www.ekino.com/ » et que vous indiquiez les modifications apportées.