A place to cache linked articles (think custom and personal wayback machine)
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>La question Facebook. Sysiphe is Scrolling. (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script type="text/javascript">
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="https://www.affordance.info/mon_weblog/2020/08/la-question-facebook.html">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>La question Facebook. Sysiphe is Scrolling.</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://www.affordance.info/mon_weblog/2020/08/la-question-facebook.html" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Souvenez-vous. Nous étions en 2016. Quelques mois avant l'élection de Donal Trump. Lors d'un sondage interne dans lequel les employés de Facebook votent pour les questions à poser au PDG, l'une d'entre elles revenait avec insistance : </p>
  69. <blockquote>
  70. <p>"<em>Quelle est la responsabilité que Facebook peut prendre pour empêcher Donald Trump de devenir président des Etats-Unis en 2017 ?</em>"</p>
  71. </blockquote>
  72. <p>Je vous avais raconté cette histoire dans mon article titré "<a href="https://affordance.typepad.com/mon_weblog/2016/04/construire-une-nation-comme-un-fichier-client.html" rel="noopener" target="_blank">Construire une nation comme un fichier client</a>". </p>
  73. <h2>La question Facebook et/ou le problème Trump.</h2>
  74. <p>Nous sommes en Août 2020, à quelques mois de la prochaine élection présidentielle américaine qui se tiendra en Novembre. Et les employés de Facebook sont en train de poser à Zuckerberg la question de savoir ce que ferait l'entreprise si Donald Trump utilisait le réseau social pour saper les résultats de l'élection présidentielle américaine. Ce qu'il (Donald Trump) a déjà commencé à faire, notamment en expliquant partout que le vote par correspondance (du fait de la situation de pandémie du Coronavirus) rendait l'élection inique et en laissant même planer le doute sur le fait qu'il accepterait la victoire de Joe Biden si elle devait advenir dans ce contexte (pour une <a href="https://www.slate.fr/story/193560/trump-saboter-election-presidentielle-etats-unis-2020-vote-par-correspondance" rel="noopener" target="_blank">vue d'ensemble des stratégies de Trump pour discréditer le vote par correspondance et dont les posts sur les réseaux sociaux ne sont que l'aspect émergé, voir cet article sur Slate</a>). Une position (sur le vote par correspondance) qui lui valut (entre autres) <a href="https://www.affordance.info/mon_weblog/2020/06/charme-bourgeoisie-numerique.html" rel="noopener" target="_blank">la "censure" de Twitter</a>, laquelle censure l'amena (Donald Trump toujours) a rédiger le fameux "décret" pour obliger les plateformes à respecter <span>la</span> sa liberté d'expression et entraver leurs procédures (pourtant très laxistes et approximatives) de modération.  </p>
  75. <p>De manière plus précise, <a href="https://www.buzzfeednews.com/article/craigsilverman/facebook-zuckerberg-what-if-trump-disputes-election-results?origin=tuh" rel="noopener" target="_blank">la réflexion exacte des employés de Facebook soumise à leur PDG est la suivante</a> : </p>
  76. <blockquote>
  77. <p><em>"Nous faisons face à un scénario problématique dans lequel Facebook va être utilisé pour saper agressivement la légitimité des élections américaines, d'une manière qui n'avait jusque là jamais été possible dans l'histoire" </em></p>
  78. <p><em>("I do think we’re headed for a problematic scenario where Facebook is going to be used to aggressively undermine the legitimacy of the US elections, in a way that has never been possible in history")</em></p>
  79. </blockquote>
  80. <p>Il semble donc qu'entre 2016 et 2020 rien n'ait finalement beaucoup changé.</p>
  81. <blockquote>
  82. <p><em>2016 : que peut faire Facebook pour empêcher Donal Trump ... de devenir président ?</em></p>
  83. <p><em>2020 : que peut faire Facebook pour empêcher Donald Trump ... de saper la légitimité d'une élection démocratique ? </em></p>
  84. </blockquote>
  85. <p>Une question d'autant plus d'actualité que Facebook vient de son côté, comme à chaque élection présidentielle, de lancer son "<a href="https://about.fb.com/news/2020/08/launching-voting-information-center/" rel="noopener" target="_blank">Facebook Voting Information (sic) Center</a>". Une campagne "d'affichage" déployée massivement sur Facebook, Instagram et Messenger avec pour but de rappeler aux américains non-inscrits sur les listes électorales d'aller le faire. Comme <a href="https://www.facebook.com/zuck/videos/10112184244488171" rel="noopener" target="_blank">l'explique le boss</a> : </p>
  86. <blockquote>
  87. <p>"<em>The Voting Information Center is part of our larger goal to help 4 million Americans register to vote this year. Almost 40% of eligible voters aren't registered yet, so please, register to vote!</em>"</p>
  88. </blockquote>
  89. <p>A chaque élection et à chaque réactivation des sollicitations de Facebook pour inciter les gens à aller voter (ou à s'inscrire sur les listes électorales), j'ai toujours en tête ce qui s'était passé en 2010, aux USA, lors des élections de mi-mandat (mid-terms) et qui avait démontré la capacité de Facebook à altérer la sincérité du scrutin "simplement" en appelant à aller voter et en indiquant qui de vos amis y était effectivement allé (voir le <a href="https://www.affordance.info/mon_weblog/2019/04/global-public-ads-archive.html" rel="noopener" target="_blank">passage "Il était une fois aux états-unis" dans cet article</a>). Et si vous êtes en train de vous dire qu'il l'a fait "<em>pour de bonnes raisons</em>", c'est à dire "<em>juste</em>" pour convaincre des électeurs d'aller voter, n'oubliez jamais qu'en 2020 personne d'autre que Facebook - et encore ... - n'est en capacité de montrer ou de démontrer que ces "<em>bonnes raisons</em>" ne peuvent pas être instrumentalisées pour mobiliser de manière asymétrique ce qui représente pour vous et vos propres convictions le "<em>mauvais</em>" corps électoral. <strong>L'important ce n'est pas l'atterrissage, c'est la dynamique de la chute</strong>.</p>
  90. <p>Je ne vous cache pas que je n'ai donc aucune hâte de prendre connaissance de la question qui pourrait être posée en 2024. Et qui pourrait ressembler à ceci : </p>
  91. <blockquote>
  92. <p><em>2024 : que peut-on faire pour empêcher Facebook de saper la légitimité d'une élection démocratique ? </em></p>
  93. </blockquote>
  94. <p>Quant à 2028, je vous soumets l'hypothèse (<a href="https://affordance.typepad.com/mon_weblog/2017/01/zuckerberg-president-united-states.html" rel="noopener" target="_blank">déjà tentée</a>) d'un : </p>
  95. <blockquote>
  96. <p><em>2028 : que peut-on faire pour empêcher Mark Zuckerberg de devenir président grâce à Facebook en sapant la légitimité d'une élection démocratique ? #combo</em></p>
  97. </blockquote>
  98. <p>Mais revenons à la question de 2020. Question posée alors même que durant ces quatre dernières années, le rôle toxique de Facebook n'a cessé d'être démontré, à la fois en tant que plateforme dans sa fonction première de polarisation de l'opinion, mais également en tant qu'intermédiaire, partenaire ou (parfois) cible de courtiers de données comme dans le cadre de l'affaire Cambridge Analytica.</p>
  99. <p>Cambridge Analytica qui n'a d'ailleurs rien changé sinon son nom : l'entreprise s'appelle désormais <a href="https://fr.wikipedia.org/wiki/Data_Propria" rel="noopener" target="_blank">Data Propria</a>, navigue dans les mêmes réseaux, emploie peu ou prou les mêmes personnes (moins bien sûr Christopher Wylie, le lanceur d'alerte qui a permis au scandale d'éclater), utilise les mêmes techniques, et poursuit les mêmes buts au service des mêmes intérêts et des mêmes lobbies.</p>
  100. <p>Un peu comme si l'inertie déterministe d'une économie capitaliste pourtant depuis plus de 10 ans à son optimum de démence, empêchait toute modification structurelle de nos mécanismes de défense démocratique collective, anesthésiés et attendant d'être euthanasiés.</p>
  101. <p>Il est plusieurs moyens de "<em>saper les bases d'une élection</em>". Le principal (en démocratie en tout cas) est de mettre en place et/ou de coordonner des stratégies de désinformation pour amener la partie de l'opinion que l'on vise (les minorités, les indécis, les femmes, les cadres, les classes moyennes, etc.) à choisir un comportement de vote qui satisfasse nos intérêts, ou pour organiser une forme de chaos mental et social qui permettra de faire émerger ou de renforcer l'image d'un leader ou d'un programme y répondant opportunément.</p>
  102. <p>Or les rares frappes chirurgicales opérées par Facebook dans sa "guerre" contre la désinformation (la dernière en date étant celle du <a href="https://www.lemonde.fr/pixels/article/2020/08/07/facebook-demantele-un-reseau-roumain-de-faux-comptes-americains-pro-trump_6048380_4408996.html" rel="noopener" target="_blank">démantèlement de ces 120 faux-comptes d'un réseau roumain oeuvrant pour les républicains</a>, ou celle des pages du réseau de "<a href="https://www.lemonde.fr/economie/article/2020/07/01/jusqu-au-bout-mark-zuckerberg-a-resiste-a-la-tentation-de-policer-le-contenu-de-son-reseau_6044811_3234.html" rel="noopener" target="_blank">libertariens néonazis Boogaloo</a>"), ces rares frappes chirurgicales et la rapidité avec laquelle la firme les rend à chaque fois publiques, sont bien davantage une stratégie de communication délétère pour atténuer les dégâts portés à l'image publique de l'entreprise, qu'une tactique militaire sincère visant à nettoyer le réseau de ses ramifications les plus anti-démocratiques. Comme l'explique justement <a href="https://www.lemonde.fr/economie/article/2020/07/01/jusqu-au-bout-mark-zuckerberg-a-resiste-a-la-tentation-de-policer-le-contenu-de-son-reseau_6044811_3234.html" rel="noopener" target="_blank">Philippe Escande dans Le Monde</a> : </p>
  103. <blockquote>
  104. <p>"<em>Le problème est que son attitude actuelle et les dommages causés à sa réputation sont en train de compromettre son ambition future, celle d’une plate-forme universelle que l’on utilisera pour communiquer et s’informer, mais aussi pour faire ses courses, payer ses achats ou appeler un taxi, à l’image du réseau chinois WeChat qui permet déjà tout cela. Pour enfermer le client dans un univers, il faut soigner son image auprès des utilisateurs comme auprès des politiques. Amazon en sait quelque chose, Facebook est train de l’apprendre.</em>"</p>
  105. </blockquote>
  106. <p>De fait, si le recours à "l'intelligence artificielle" semble s'intensifier pour, par exemple, <a href="https://www.lemonde.fr/pixels/article/2020/08/12/facebook-ajoute-les-blackfaces-et-des-stereotypes-antisemites-a-ses-contenus-explicitement-interdits_6048789_4408996.html" rel="noopener" target="_blank">supprimer les Blackfaces</a> (là encore sous la pression de l'opinion, ici en lien avec le mouvement Black Lives Matter, mais également - et c'est plus inédit - <a href="https://www.lemonde.fr/economie/article/2020/06/29/haine-en-ligne-le-boycottage-d-annonceurs-oblige-facebook-a-flechir_6044532_3234.html" rel="noopener" target="_blank">sous la pression d'annonceurs publicitaires soucieux de leur propre image au sein de la plateforme</a>), les porte-parole de la firme eux-mêmes indiquent qu'il est également certains Blackfaces dont le "contexte" de publication <a href="https://www.lemonde.fr/pixels/article/2020/08/12/facebook-ajoute-les-blackfaces-et-des-stereotypes-antisemites-a-ses-contenus-explicitement-interdits_6048789_4408996.html" rel="noopener" target="_blank">ne nécessitera pas leur suppression automatique</a> : </p>
  107. <blockquote>
  108. <p>"<em>On peut également imaginer qu’il pourrait y avoir d’autres circonstances dans lesquelles quelqu’un pourrait partager des images avec un</em> blackface<em>, sans que ce soit fait pour des raisons haineuses."</em></p>
  109. </blockquote>
  110. <p>Mais lutter contre les contenus haineux et lutter contre la désinformation sont deux choses différentes. Et la <a href="https://www.zdnet.fr/actualites/facebook-s-appuie-sur-l-ia-pour-ameliorer-la-moderation-de-ses-contenus-39908047.htm" rel="noopener" target="_blank">doctrine solutionniste consistant à miser principalement sur "l'intelligence artificielle" pour y parvenir</a>, déjà prise régulièrement en défaut - ou en excès de zèle - sur des questions de racisme pourtant souvent essentiellement explicites, est à peu près totalement dépourvue d'intelligence contextuelle sur les enjeux de désinformation relevant nécessairement d'un implicite, et donc souvent inopérante.</p>
  111. <p>D'autant que Zuckerberg continue de faire semblant de n'y rien comprendre et de maintenir comme "partenaire presse" (donc avec une exposition et un onglet dédié) des sites comme Breitbart News, plusieurs fois éditeurs de vidéos complotistes ou de désinformation, et reconnus comme tels mais qui n'ont jamais reçu deux "strike" (signalement massif) à moins de 90 jours d'intervalle et qui peuvent donc, selon les CGU de la plateforme, continuer de jouir de leur profil de "partenaire presse sérieux" ("trusted source") et de l'exposition idoine : </p>
  112. <blockquote>
  113. <p>"<em>This was certainly one strike against them for misinformation, but they don't have others in the last 90 days,"</em> <a href="https://www.buzzfeednews.com/article/craigsilverman/facebook-zuckerberg-what-if-trump-disputes-election-results?origin=tuh" rel="noopener" target="_blank">Zuckerberg said</a>. "<em>So by the policies that we have, which by the way I think are generally pretty reasonable on this, it doesn't make sense to remove them."</em></p>
  114. </blockquote>
  115. <p>En termes de désinformation ou de lutte contre la haine, la modération sur Facebook c'est Sisyphe expliquant à Procuste comment il doit vider le tonneau des Danaïdes avant de le faire rouler en haut de la montagne. Ou pour le dire moins mythologiquement : c'est perdu d'avance. </p>
  116. <h2>Enfants immunisés et fin de l'immunité algorithmique.</h2>
  117. <p>Comme une première mondiale dans l'histoire de la modération depuis que la plateforme existe, le 5 août 2020, et peut-être en écho à la dernière question posée par ses employés, <a href="https://www.courrierinternational.com/article/fake-news-desinformation-sur-le-covid-19-trump-censure-par-facebook-et-twitter" rel="noopener" target="_blank">Facebook s'est décidé à censurer une publication du président américain</a>. Publication concernant le fait que les enfants seraient "<a href="https://www.lemonde.fr/pixels/article/2020/08/06/facebook-retire-une-video-de-trump-jugee-mensongere-sur-la-pandemie-de-covid-19_6048249_4408996.html" rel="noopener" target="_blank">presque totalement immunisés</a>" contre le coronavirus et que cela permettrait donc à toutes les écoles d'ouvrir normalement. En censurant cette publication, Facebook rompt l'immunité algorithmique jusqu'ici dévolue au président américain (<a href="https://www.affordance.info/mon_weblog/2019/09/on-ne-peut-pas-moderer-moderement.html" rel="noopener" target="_blank">mais aussi à l'ensemble des hommes et femmes politiques</a>).</p>
  118. <p>Motif officiel donc : </p>
  119. <blockquote>
  120. <p>"<em>Cette vidéo inclut des fausses affirmations, selon lesquelles un certain groupe de personnes ne sont pas susceptibles d’attraper le Covid-19, ce qui enfreint notre règlement sur la désinformation dangereuse autour de la maladie.</em>" (source <a href="https://www.lemonde.fr/pixels/article/2020/08/06/facebook-retire-une-video-de-trump-jugee-mensongere-sur-la-pandemie-de-covid-19_6048249_4408996.html" rel="noopener" target="_blank">Le Monde / AFP</a>)</p>
  121. </blockquote>
  122. <p>Pour rappel, la doctrine de Facebook en termes de modération était jusque là parfaitement stable et n'évoluait que sous l'effet d'une pression de l'opinion trop forte pour ne pas avoir des conséquences négatives sur l'image de l'entreprise (et si "<em>la vie privée est une affaire de négociation collective</em>" <a href="https://journals.openedition.org/rfsic/630" rel="noopener" target="_blank">comme l'explique Antonio Casilli</a> depuis longtemps, la légitimité des prises de parole de personnalités publiques dans un réseau privé l'est également comme cette affaire va, en partie, le démontrer).</p>
  123. <p><em> Cette doctrine</em> c'est celle qui consiste à sous-traiter économiquement dans des conditions humaines absolument indignes des processus de modération pourtant fondamentaux et qui du fait de leur extrême dureté psychologique devraient garantir aux travailleurs les opérant une prise en charge, un suivi, une formation et un salaire décents (si vous ne l'avez pas vu, précipitez-vous, mais vraiment, sur <a href="https://www.youtube.com/watch?v=sLqguHf6eF0" rel="noopener" target="_blank">le documentaire "The Cleaners"</a>).</p>
  124. <p><em>Cette doctrine</em> c'est celle qui a autorisé la firme à ne presque jamais intervenir au motif de la "liberté d'expression" et pour ne pas se poser "<em>en arbitre de la vérité</em>" comme le répète piteusement Zuckerberg à chaque fois qu'il est auditionné devant des représentations politiques aux USA ou ailleurs.</p>
  125. <p><em>Cette doctrine</em> c'est aussi <a href="https://www.affordance.info/mon_weblog/2019/09/on-ne-peut-pas-moderer-moderement.html" rel="noopener" target="_blank">celle qui a sorti du champ de la modération et du fact-checking, la parole politique du seul fait qu'elle est une parole politique</a>. Offrant ainsi un blanc-seing tout à fait inédit au statut de cette parole politique, non pas seulement quand elle s'exprime dans le réseau social (les politiques n'ont pas attendu Facebook pour mentir et raconter tout et son contraire) mais telle qu'elle vient nourrir (et pourrir) les mécanismes d'accréditation affluents et effluents de sa propre énonciation, et corrélativement la construction sociale d'une vérité collective (véracité) qui ne tient souvent plus à rien d'autre qu'à l'aune de sa propre conviction au miroir de ceux qui la partagent déjà et la propagent ensuite.  </p>
  126. <p>S'il s'agit bien d'une énormité dissimulant mal son arrière-pensée politique, l'affirmation de Trump sur l'immunité des enfants face au coronavirus n'est hélas pas la pire de ses prises de parole sur Facebook. <strong>Alors pourquoi censurer celle-là et pourquoi le faire maintenant ? </strong></p>
  127. <p>Si Zuckerberg a fait le choix de censurer la publication de Trump expliquant que les enfants seraient immunisés contre le Covid, et si ce faisant il contrevient exceptionnellement à la règle qu'il avait pourtant lui-même énoncé d'extraire les paroles politiques (y compris clivantes, y compris extrêmes, y compris explicitement mensongères) du champ du fact-checking, c'est parce que les USA sont dans une situation pandémique absolument catastrophique et que le clivage sociétal autour des questions de confinement et de port du masque (entre autres) atteint des proportions qui sont à la limite de la guerre civile. Le port du masque (ou son refus) est en effet devenu <a href="https://www.liberation.fr/planete/2020/07/05/aux-etats-unis-l-epidemie-de-coronavirus-aggravee-par-les-anti-masques_1793366" rel="noopener" target="_blank">un marqueur idéologique</a> qui renvoie aux spécificités culturelles de la conception des libertés individuelles où, en plus d'un <a href="https://www.vox.com/the-goods/21356150/american-men-wont-wear-masks-covid-19" rel="noopener" target="_blank">virilisme mortifère</a>, toute contrainte ou astreinte est perçue par certains comme une insupportable aliénation communiste (en gros).</p>
  128. <p>Or, et c'est probablement un autre élément de contexte qui a poussé Zuckerberg à prendre cette inédite décision de censure, <a href="https://www.presse-citron.net/usa-sur-facebook-les-militants-anti-masques-prosperent-tandis-que-la-pandemie-progresse/" rel="noopener" target="_blank">les opposants au port du masque sont très présents sur Facebook</a>. Très présents, très efficaces et très surexposés et partagés puisque les discours qu'ils tiennent satisfont à tous les critères de ces ingénieries de la viralité qui se nourrissent et entretiennent comme une braise permanente <a href="https://affordance.typepad.com/mon_weblog/2018/10/lutter-contre-la-haine-sur-le-web.html" rel="noopener" target="_blank">la dimension spéculative des discours clivants et victimaires en général et des discours de haine en particulier</a>. Et tous les efforts - <a href="https://www.lemonde.fr/pixels/article/2020/04/16/facebook-va-avertir-les-utilisateurs-qui-ont-reagi-a-des-messages-dangereux-lies-au-covid-19_6036820_4408996.html?utm_term=Autofeed&amp;utm_medium=Social&amp;utm_source=Twitter#Echobox=1587053777" rel="noopener" target="_blank">objectifs</a> - de la firme pour sur-pondérer ou en tout cas pour sur-exposer les informations "fiables" ou "fact-checker" les fausses sur la pandémie n'y changent rien ; Zuckerberg est pris à son propre piège : s'il ne dit rien et n'intervient pas il favorise objectivement les discours les plus clivants (qui sont aussi hélas souvent les plus éloignés de formes raisonnables de véracité), et s'il intervient les informations qu'il choisit d'exposer sont traitées comme celle d'un média interventionniste et donc immédiatement autant suspectes que fondamentalement et "ontologiquement" discréditées dans l'écosystème qui est celui de sa plateforme.</p>
  129. <p>C'est cela l'expérience que Zuckerberg est en train de vivre avec la suppression du post de Trump sur l'immunité des enfants face au Covid. Il "cède" face à une partie de l'opinion et face à ses propres règles de modération au nom de principes, d'intérêts et d'enjeux de santé publique, et c'est bien sûr, en un sens, heureux. Il s'agit également d'une guerre d'image dans laquelle il cherche à "blinder" le discours d'après crise pour ne pas être accusé d'avoir favorisé la propagation du virus en laissant dire n'importe quoi. Mais ce faisant, et c'est inévitable, il renforce mécaniquement les accusations de biais d'objectivité ou de manipulation qui sont <em>précisément</em> celles qui lui sont adressées par Donald Trump et ses soutiens. Enfin et surtout il fait une nouvelle fois la preuve qu'en voulant tout à la fois "<em>ne pas être l'arbitre de la vérité</em>" mais en se gardant la possibilité d'être toujours "celui des élégances" (ici en termes de santé publique), <strong>il dessine un espace et un horizon de la parole et des discours publics qui est celui d'une schizophrénie au sein de laquelle l'ensemble des heuristiques de vérité ou de véracité (la fonction de preuve notamment, celle d'acceptabilité sociale également) ne sont plus démontrées mais en quelque sorte héritées</strong>.  </p>
  130. <p>Chez Zuckerberg il semble exister une incapacité de penser cette schizophrénie qui relève davantage une forme d'<a href="https://fr.wikipedia.org/wiki/Anosognosie" rel="noopener" target="_blank">anosognosie</a> que de simple déni. Dans tous les cas, l'admettre et proposer une alternative équivaudrait à accepter de rompre définitivement avec le modèle économique de sa plateforme (à l'image, souvenez-vous, de <a href="https://affordance.typepad.com/mon_weblog/2016/04/google-appendice-8.html" rel="noopener" target="_blank">l'idéal technique défendu par les fondateurs de Google avant d'en prendre l'exact contrepied</a>). </p>
  131. <h2>Artificiers de l'artificialisation.</h2>
  132. <p>Facebook est-il l'allié objectif de Trump et/ou des discours Trumpistes** ? Ou Trump n'est-il devenu ce qu'il est et parvenu là où il est que grâce à son utilisation de Facebook et des réseaux sociaux en général ? La poule et l'oeuf. Une vieille question. Qui porte ici sur le statut de la parole et de l'énonciation politique (de citoyen.ne.s ou d'élu.e.s) au sein d'architectures techniques ne fonctionnant pas, ni en intention ni en projection, comme les architectures médiatiques traditionnelles (radio, presse et télévision). </p>
  133. <p>=================<br/>** Sur ce point spécifique on pourra relire <a href="https://www.liberation.fr/debats/2020/06/03/si-je-devais-structurer-un-mouvement-social-pendant-une-pandemie_1790225" rel="noopener" target="_blank">les travaux et l'interview de Jen Schradie dans Libération qui explique</a> :</p>
  134. <blockquote>
  135. <p>"<em>J’ai étudié l’activisme en ligne d’une trentaine de groupes, de tous bords politiques, qui militaient à propos d’une question locale en Caroline du Nord, et j’ai découvert que les groupes les plus à droite étaient les plus actifs en ligne. Il y a trois raisons à cela : les différences sociales, le niveau d’organisation des groupes et l’idéologie. D’abord, les classes plus aisées sont plus présentes en ligne que les classes populaires. Elles disposent de meilleures organisations, plus accoutumées à la bureaucratie. Enfin, les conservateurs, comme les membres du Tea Party, ont un message plus simple et abordent moins de sujets que les groupes de gauche. Ils ont l’impression que les médias mainstream ne relaient pas assez leur parole, ce qui les incite d’autant plus à se doter de leurs propres instruments de communication. L’idéal de liberté se partage plus facilement sur les réseaux sociaux que celui d’égalité. Au vu du contexte actuel, je pense donc que le discours de droite sera d’autant plus dominant sur les réseaux pendant la pandémie.</em>"</p>
  136. </blockquote>
  137. <p>=================</p>
  138. <p>Trump, Facebook, les Fake News, le Fact-Checking, la polarisation de l'opinion, l'ère du clash ... La mauvaise manière d'aborder ces sujets serait de postuler une antériorité causale dans l'un ou l'autre sens : Facebook n'a pas davantage "créé" Trump ou "fait l'élection" de Trump que Trump n'a "créé" la puissance et les questionnements politiques autour du rôle joué par Facebook dans les systèmes politiques en général et dans ces moments particuliers de cristallisation que constituent les élections et les campagnes qui les précèdent.</p>
  139. <p><strong>Ce qu'il faut interroger et ce qu'il faut tenter de comprendre ce sont les conditions d'effondrement de la parole publique et de l'engagement politique qui ont conduit à ce qu'une architecture technologique donnée puisse cristalliser et féconder avec autant d'opportunisme ce qui est la forme la plus grave d'un déficit de confiance dans toute autre forme de représentation que celle n'étant pas immédiatement alignée sur nos pulsions</strong> ; pulsions elles-mêmes organisées dans le seul but de pouvoir répondre au modèle économique qui justifie et garantit le maintient et la survie des architectures techniques qui les exacerbent.      </p>
  140. <p>L'autre point c'est que s'interroger sur la construction sociale (et médiatique) d'une information ou d'un fait social (qui deviendra vérité pour les uns et mensonge pour les autres) n'est plus suffisant. Il faut penser, réfléchir et agir sur la construction technique d'une information, sur ce qu'est un construit informationnel médié par la technique à l'ère du numérique. Naturellement des travaux existent et des invariants ont déjà été isolés et démontrés. On sait, pour ne prendre qu'un seul exemple, que l'affichage de métriques d'engagements (nombre de likes, de partages, etc.) agit et influence la capacité d'une information à être partagée (notamment du fait d'un biais de conformité sociale mais pas uniquement) et l'on sait également <a href="https://www.niemanlab.org/2020/08/lots-of-visible-likes-and-shares-on-social-lead-people-to-spread-more-misinformation/" rel="noopener" target="_blank">comme vient encore de le démontrer une étude récente</a>, que : </p>
  141. <blockquote>
  142. <p>"<em>Les mesures de l'engagement social amplifient la vulnérabilité des gens face à un contenu à faible crédibilité en rendant moins probable que les gens examinent minutieusement une éventuelle désinformation tout en rendant plus probable le fait qu'ils l'aiment ou la partagent.".</em></p>
  143. </blockquote>
  144. <p>Il faut donc continuer d'interroger ce que sont ces construits informationnels médiés par la technique <strong>mais il faut le faire dans le cadre de la logique d'artificialisation permise par "les réseaux sociaux"</strong>.</p>
  145. <p>Ce que l'on appelle l'artificialisation du sol ou d'un milieu c'est, nous dit Wikipédia : </p>
  146. <blockquote>
  147. <p>"<em>la perte des qualités qui sont celles d'un milieu naturel : sa naturalité, qualité qui inclut une capacité autoentretenue à abriter une certaine biodiversité, des cycles naturels et ses qualités biogéochimiques.</em>"</p>
  148. </blockquote>
  149. <p>Voilà précisément ce que les discours (éventuellement politiques) du type de ceux portée par Trump et voilà précisément ce que les architectures techniques du type de celle de Facebook, voilà précisément ce qu'ils font aux opinions, aux systèmes politiques et aux interactions sociales, c'est à dire aux trois éléments premiers de l'équilibre métastable de toute société humaine : <strong>ils les artificialisent</strong>.</p>
  150. <p>Ils les articicialisent. Ils les privent de leur naturalité c'est à dire de leur capacité autoentretenue à abriter une certaine diversité, ou en tout cas à ne pas contenir cette diversité dans des silos étanches les uns aux autres ou dont la perméabilité est contrôlée et soumise à des injonctions économiques inobservables pour celles et ceux qui en sont les objets.</p>
  151. <p><strong><em>(Bio)diversité ?</em> </strong>De fait, "<em>dans</em>" Facebook comme "<em>dans</em>" d'autres réseaux sociaux, la "naturalité" de la socialisation est fonctionnellement altérée dans le sens où elle ne dispose plus de la capacité auto-entretenue à maintenir des formes de diversité, ou qu'en tout cas cette capacité est fondamentalement arbitrée et conditionnée par une série de déterminismes techniques (algorithmiques) qui, s'ils ne nous "privent" pas entièrement de notre libre arbitre et de nos habitus classiques, n'en sont pas non plus simplement ou uniquement le reflet conjoncturel et innocent. <a href="https://affordance.typepad.com/mon_weblog/2015/06/poule-bulle-de-filtre-oeuf-editorialisation-algorithmique.html" rel="noopener" target="_blank">C'est tout l'enjeu du débat sur la "bulle de filtre" et ce que je préfère nommer les "déterminismes algorithmiques" comme je l'expliquais looooonguement par ici</a> ou bien encore <a href="https://affordance.typepad.com/mon_weblog/2016/11/peur-sur-les-internets.html" rel="noopener" target="_blank">par là</a> (Spoiler pour vous éviter de tout relire ma conclusion c'est que : "<em>Qu'il y ait ou qu'il n'y ait pas de bulle de filtre importe peu, la seule vraie question est celle d'un déterminisme algorithmique (et de comment on l'évite et comment on le contrôle).</em>"</p>
  152. <p><strong><em>Cycles naturels ? </em></strong>De fait également, "<em>dans</em>" Facebook comme "<em>dans</em>" d'autres réseaux sociaux un certain nombre de "cycles naturels", qu'ils soient culturels ou biologiques, sont escamotés ou réagencés, là encore pour répondre à des exigences économiques de rentabilité attentionnelle. On pourra ici mentionner, au titre de cycle culturel, <a href="https://affordance.typepad.com/mon_weblog/2015/12/les-paques-algorithmiques.html" rel="noopener" target="_blank">la manière dont Facebook a tué les anniversaires</a>, et au titre de cycle biologique, <a href="https://www.affordance.info/mon_weblog/2015/03/vous-nemporterez-pas-vos-likes-dans-votre-tombe.html" rel="noopener" target="_blank">la manière dont il transforme notre rapport à la mort</a> (même si c'est aussi bien sûr culturel ; l'expression strictement <em>naturelle</em> de cette altération pouvant alors être vue du côté de l'idéologie transhumaniste qui croît sur les bases libertariennes).</p>
  153. <p><em><strong>Qualités biogéochimiques ?</strong></em> Un <a href="https://fertilisation-edu.fr/cycles-bio-geo-chimiques.html" rel="noopener" target="_blank">cycle biogéochimique</a> désigne la manière dont les éléments nécessaires à la subsistance des êtres vivants "<em>circulent continuellement entre la biosphère (le monde vivant), la géosphère (le sol), l'atmosphère (air) et l'hydrosphère (eau).</em>" Pour aller au bout de la métaphore - opératoire et non simplement illustrative - de l'artificialisation, ces cycles sont les artefacts et stimuli comportementaux qui "font" les qualités de notre présence en ligne dans le cadre de ces architectures techniques, et qui là encore sont bien sûr différents de celles de notre présence au monde hors-ligne. En un mot nos comportements. Ou pour le dire encore différemment, de quoi avons-nous réellement besoin (dans notre cycle comportemental, conversationnel et interactionnel) ? De quelle manière ces besoins sont-ils altérés par ces plateformes dans le souci d'un contrôle pulsionnel au service de leur seul modèle économique ? Et de quelle manière ce modèle économmique et l'ensemble dces altérations qu'il produit et organise peuvent-ils à leur tour être instrumentalisés dans le cadre de stratégies d'influence globales ou locales ?</p>
  154. <p>Le produit de cette artificialisation aux ordres d'impératifs consuméristes et capitalistes, c'est un nouveau travestissement de la capacité de douter, capacité qui n'est plus qu'une subordination émotionnelle. Dans la plupart de nos interactions sociales telles que médiées par les architectures techniques des réseaux sociaux, nous faisons principalement l'expérience du doute dans le cadre de situations émotionnelles soit très conflictuelles (parce qu'elles vont à l'encontre de nos représentations et principes), soit très unanimistes (parce qu'elles vont à l'encontre d'un ensemble de valeurs fondamentales). Ce faisant nous "apprenons" à mettre en place des mécanismes de doute à chaque fois que l'on nous expose à un stimulus émotionnel fort ou allant à l'encontre de nos opinions. Le doute cartésien, rationnel, construit et intellectualisé n'est pas, bien sûr et heureusement, pour autant éradiqué ou systématiquement empêché et lui même d'ailleurs peut naître d'une émotion, mais, dans ces architectures techniques là, il devient systématiquement et programmatiquement inféodé à des formes construites, artefactuelles, d'instabilité (ou de stabilité) émotionnelles. Et sur ces arbres là, les seuls fruits étranges à cueillir sont ceux de formes renouvelées de crédulités et de détestations vaines qui font le lit des haines et des renoncements**.</p>
  155. <p>Voilà pourquoi combattre ces logiques d'artificialisation est une urgence. Car lorsqu'elles sont en place, elles font alors place à tous les artificiers pour qui nous sommes autant de mèches allumées à qui l'on peut expliquer où, pourquoi et comment exploser. Trump, Bolsonaro et les autres sont la catégorie politique de ces artificiers. La plus visible. S'exprimant en priorité là où ils se savent simplement les plus efficaces, les plus inexpugnables à la contradiction, à l'explication et à la rationalité, c'est à dire aux trois conditions de la véracité.  </p>
  156. <p>==============<br/>** la capacité de douter et avec elle de la capacité d'agir. Etant acquis depuis longtemps et par diverses études chaque fois concordantes que <a href="https://affordance.typepad.com/mon_weblog/2013/09/combien-like-retablir-peine-de-mort.html" rel="noopener" target="_blank">les sentiments de colère et d'injustice sont ceux qui se propagent le mieux sur les réseaux sociaux</a>, on peut alors questionner le fait que ce qui devrait être le principal moteur de notre action collective et de notre engagement individuel - et réciproquement - se trouve non pas exacerbé mais plutôt inhibé. L'un des éléments de réponse se trouve (en plus de tout ce que je viens d'essayer de vous expliquer dans cet article) dans l'analyse de Baptiste Morizot elle-même issue de la théorie des affects chez Spinoza. Ce billet étant déjà assez long et étant tout à fait incapable d'articuler la pensée Spinoziste autrement qu'en parfait imposteur, je vous livre "simplement" cet extrait d'une <a href="https://www.lemonde.fr/series-d-ete/article/2020/08/04/baptiste-morizot-il-faut-politiser-l-emerveillement_6048133_3451060.html" rel="noopener" target="_blank">interview récente de Baptiste Morizot dans Le Monde</a> qui me semble remarquablement éclairante :</p>
  157. <blockquote>
  158. <p>"<em>L’engagement, traditionnellement, repose avant tout sur l’affect très puissant du sentiment d’injustice. Il est intéressant d’interpréter ce phénomène en termes spinozistes. Le sentiment d’injustice et l’indignation qu’il suscite correspondent à ce que Baruch Spinoza appelle « la haine ». Il ne faut pas l’entendre littéralement ici : il redéfinit la haine comme un sentiment de tristesse à l’idée de l’existence de quelque chose. C’est cela, au fond, l’indignation. Précisément : on est attristé, atterré, dévasté par l’existence du néolibéralisme, de l’extractivisme, du capitalisme financiarisé, des forces économiques qui produisent le réchauffement climatique, etc.</em></p>
  159. <p><em>C’est là un carburant pour les luttes qui est extrêmement puissant, qui permet à l’engagement de prendre des formes critiques, combatives à l’égard de ce qui détruit le tissu du vivant. Toutefois, dès lors qu’on interprète ce problème à la lumière de la pensée spinoziste des affects, une sorte de point aveugle émerge. C’est que la tristesse et la colère seules diminuent notre puissance d’agir. Si on envisage la crise et qu’on s’engage simplement avec le moteur de l’indignation, il arrive ce que l’on sait : on est submergé de nouvelles désespérantes, et cela aboutit au sentiment d’impuissance. Ou bien on renonce et on pense à autre chose, ou bien on se durcit dans le ressentiment et on entre dans le radicalisme rigide, typique du militantisme rageur d’écran d’ordinateur</em>."</p>
  160. </blockquote>
  161. <p>==============</p>
  162. <h2>Sisyphe Is Scrolling.</h2>
  163. <p>J'écrivais au commencement de cet article qu'entre la question posée à Facebook avant l'élection de Trump et celle posée aujourd'hui à la veille de sa possible réélection, rien n'avait véritablement changé malgré les preuves et les démonstrations tangibles, manifestes, observables, de la toxicité de la plateforme dans un cadre démocratique. L'impression que malgré l'ensemble des travaux sur - notamment - la transparence et autres responsabilités algorithmiques ("<em>algorithmic accountability</em>") nous restions pour l'essentiel avec les mêmes questionnements et face aux mêmes impasses. Qu'il y avait un côté Sysiphéen et absurde devant l'incapacité d'infléchir efficacement notre servitude volontaire même en étant capable de la théoriser, de l'expliciter ou de la démontrer.</p>
  164. <p>Réécoutant nombre d'entrevues de Bernard Stiegler à l'occasion de sa disparition récente, je suis notamment retombé sur un dialogue avec Michel Serres où ce dernier expliquait - en gros - que la lumière disposait de deux caractéristiques : sa capacité à éclairer, sa clarté, et bien sûr sa vitesse. Et que pour penser les techniques, le 18ème siècle (celui "des Lumières") avait opéré par clarté et clarification alors que la difficulté à penser la technique aujourd'hui vient de ce que l'analyse doit porter avant tout sur sa vitesse (<a href="https://www.youtube.com/watch?v=iREkxNVetbQ&amp;feature=youtu.be" rel="noopener" target="_blank">la vidéo est ici</a>, et offrez-vous le petit plaisir du haussement de sourcil de Michel Serres lorsque Stiegler va convoquer Kant à partir de 37'03 ;-). Peut-être que cette vitesse est une partie de l'explication de notre si lente et improbable résilience à l'aliénation quand elle est à ce point consentie et confortable. </p>
  165. <p><strong>La vitesse.</strong> Propriété déterminante et déterministe des systèmes techniques qui organisent aujourd'hui nos vies, la vitesse est autant une dynamique, un mouvement, qu'elle est une inertie.</p>
  166. <p>Sisyphe donc. Poussant son rocher avant que celui-ci ne dévale la montagne et qu'il ne lui faille, éternellement, recommencer.  </p>
  167. <p>Reste l'expérience. Celle de Facebook en particulier mais de la plupart des réseaux sociaux en général. Où chaque clic, chaque partage, chaque like est une poussée sur le rocher d'un autre en attente d'une réciprocité ; réciprocité qui nous délivrerait de l'effort de pousser le notre tout en supportant l'angoisse du dévalement en l'organisant, en la marquant, comme une halte éphémère, marcescible et soluble, mais seule qui vaille ici, seule <em>possible</em> ici. Un ralentissement, une étape, un pallier, un seuil. Autant de poussées donc, immédiatement ensevelies par l'avalanche de la redescente que les systèmes techniques organisent en permanence et qu'ils nomment "défilement", "scrolling". <a href="https://affordance.typepad.com/mon_weblog/2012/11/agenda-pecha-kucha-a-la-bnf.html" rel="noopener" target="_blank">Défilement infini</a>. </p>
  168. <p>On appelle parfois cela un "hashtag", on appelle souvent cela "la viralité" ou des "trending topics" mais il ne s'agit que de rochers, de poussées et de haltes à pleine vitesse.</p>
  169. <p>Ou comme l'écrivait aussi <a href="https://twitter.com/Benavent/status/1271879036789235713" rel="noopener" target="_blank">Christophe Benavent sur Twitter</a> : "<em>Le trend c'est un niveau, une vitesse et une accélération.</em>"</p>
  170. <p>Trois paramètres (vitesse, niveau, accélération) qui dépassent parfois les plateformes elles-mêmes comme <a href="https://www.presse-citron.net/instagram-desactive-une-fonctionnalite-par-crainte-de-favoriser-la-reelection-de-donald-trump/" rel="noopener" target="_blank">lorsqu'Instagram choisit de désactiver la fonctionnalité de "suggested hashtags" parce qu'ils renvoient systématiquement des hashtags désobligeants ou insultants pour Joe Biden</a> et masquent de fait un certain nombre de contenus ou surexposent ceux favorables à Trump (qui lui ne voit aucun hashtag hostile suggéré associé à son nom). L'histoire n'est pas neuve, c'est celle du "<a href="https://www.wired.com/story/its-not-a-bug-its-a-feature/" rel="noopener" target="_blank">It's not a bug, it's a feature</a>". Nous n'aurons réellement avancé que lorsque nous serons capables de penser chaque fonctionnalité avant tout comme la somme de la possibilité des entraves et des erreurs qu'elle autorise.   </p>
  171. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef026be407fa3c200d-pi"><img alt="Sisyphe" class="asset asset-image at-xid-6a00d8341c622e53ef026be407fa3c200d img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef026be407fa3c200d-500wi" title="Sisyphe"/></a></p>
  172. <p><em>(image trouvée sur Google images qui l'avait trouvée non-sourcée sur Pinterest, si vous avez une vraie source ...)</em></p>
  173. <p>Alors peut-être comme l'écrivait Camus : </p>
  174. <blockquote>
  175. <p><em>"Sisyphe, prolétaire des dieux, impuissant et révolté, connaît toute l'étendue de sa misérable condition. C'est à elle qu'il pense pendant la descente, la clairvoyance qui devait faire son tourment, consomme du même coup sa victoire. C'est parce qu'il y a de la révolte que la vie de Sisyphe mérite d'être vécue, la raison seule ne lui permet pas de conférer un sens à l'absurdité du monde". </em></p>
  176. </blockquote>
  177. <p>Tant qu'il y aura de la révolte. Et que nous prendrons garde de n'être pas le rocher. Nous pourrons continuer d'imaginer Sisyphe heureux.</p>
  178. </main>
  179. </article>
  180. <hr>
  181. <footer>
  182. <p>
  183. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  184. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  185. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  186. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  187. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  188. </p>
  189. <template id="theme-selector">
  190. <form>
  191. <fieldset>
  192. <legend>Thème</legend>
  193. <label>
  194. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  195. </label>
  196. <label>
  197. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  198. </label>
  199. <label>
  200. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  201. </label>
  202. </fieldset>
  203. </form>
  204. </template>
  205. </footer>
  206. <script type="text/javascript">
  207. function loadThemeForm(templateName) {
  208. const themeSelectorTemplate = document.querySelector(templateName)
  209. const form = themeSelectorTemplate.content.firstElementChild
  210. themeSelectorTemplate.replaceWith(form)
  211. form.addEventListener('change', (e) => {
  212. const chosenColorScheme = e.target.value
  213. localStorage.setItem('theme', chosenColorScheme)
  214. toggleTheme(chosenColorScheme)
  215. })
  216. const selectedTheme = localStorage.getItem('theme')
  217. if (selectedTheme && selectedTheme !== 'undefined') {
  218. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  219. }
  220. }
  221. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  222. window.addEventListener('load', () => {
  223. let hasDarkRules = false
  224. for (const styleSheet of Array.from(document.styleSheets)) {
  225. let mediaRules = []
  226. for (const cssRule of styleSheet.cssRules) {
  227. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  228. continue
  229. }
  230. // WARNING: Safari does not have/supports `conditionText`.
  231. if (cssRule.conditionText) {
  232. if (cssRule.conditionText !== prefersColorSchemeDark) {
  233. continue
  234. }
  235. } else {
  236. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  237. continue
  238. }
  239. }
  240. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  241. }
  242. // WARNING: do not try to insert a Rule to a styleSheet you are
  243. // currently iterating on, otherwise the browser will be stuck
  244. // in a infinite loop…
  245. for (const mediaRule of mediaRules) {
  246. styleSheet.insertRule(mediaRule.cssText)
  247. hasDarkRules = true
  248. }
  249. }
  250. if (hasDarkRules) {
  251. loadThemeForm('#theme-selector')
  252. }
  253. })
  254. </script>
  255. </body>
  256. </html>