A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  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` element
  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>N’ayez pas peur des mots (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="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <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>
  34. <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>
  35. <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>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>N’ayez pas peur des mots</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots" title="Lien vers le contenu original">Source originale</a>
  70. <br>
  71. Mis en cache le 2024-03-20
  72. </p>
  73. </nav>
  74. <hr>
  75. <p>
  76. Les mots ont un impact et pourtant ils ne sont pas utilisés en tant que tels.
  77. </p>
  78. <p>
  79. Le mot « handicapé·e » n’est pas un gros mot, pas plus que les mots « sourd·e
  80. » et « aveugle ». Malheureusement, certaines personnes n’osent pas les dire
  81. par peur de vexer ou pensent que ça ne se dit pas. Cependant, en ne les disant
  82. pas, vous créez un tabou.
  83. </p>
  84. <p>Or, il ne faut pas que les noms communs liés au handicap soient un tabou.</p>
  85. <p>
  86. En ne nommant pas proprement le handicap de la personne, vous minimisez son
  87. handicap.
  88. </p>
  89. <p>Voici un exemple :</p>
  90. <ul>
  91. <li>« Emmanuelle est atteinte de surdité »</li>
  92. <li>« Emmanuelle est développeuse, souffrante de surdité »</li>
  93. <li>« Emmanuelle a quelques problèmes d’audition »</li>
  94. <li>« Emmanuelle est malentendante »</li>
  95. </ul>
  96. <p>Laquelle de ces phrases est la bonne ?</p>
  97. <p>Aucune.</p>
  98. <p>Je vous explique.</p>
  99. <p>
  100. Je ne suis pas atteinte de surdité et je ne souffre pas de surdité. La surdité
  101. n’est pas une maladie mais bien un handicap. Je ne suis pas malheureuse, je ne
  102. souffre pas puisque j’ai totalement accepté ma surdité. Ma surdité fait
  103. totalement partie de moi et de mon identité.
  104. </p>
  105. <p>
  106. Certaines personnes peuvent souffrir de leur handicap car elles n’ont pas
  107. accepté leur handicap ou la situation dans laquelle elles vivent puisqu'elles
  108. viennent de le découvrir. Avec le temps, généralement, elles acceptent et
  109. apprennent à vivre avec leur handicap.
  110. </p>
  111. <p>
  112. Je n'ai pas « quelques problèmes d'audition ». Cela voudrait dire que je ne
  113. suis sourde ni malentendante. Les problèmes d'audition sont souvent liés aux
  114. bouchons qui empêchent de bien entendre. En revanche, j'ai bien quelques
  115. problèmes de vue et je porte des lunettes mais je ne suis pas malvoyante et
  116. encore moins aveugle. Vous saisissez la différence ?
  117. </p>
  118. <p>
  119. Et enfin, je ne suis pas malentendante mais sourde. Il existe
  120. <a title="Consulter l'article La surdité et les causes de la perte auditive sur Ameli dans un nouvel onglet" href="https://www.ameli.fr/assure/sante/themes/perte-acuite-auditive/definition-causes" target="_blank" rel="noreferrer noopener">plusieurs types de surdité
  121. <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>. Sans implants cochléaires, je suis totalement sourde, sourde comme un pot
  122. et je n’entends absolument rien. Un avion peut passer à côté de moi, je ne
  123. l’entendrai pas. Par contre, je peux sentir les vibrations générées par
  124. l’avion. La nuit, vous pouvez faire autant de bruits que vous voulez, ça ne me
  125. réveillera pas.
  126. </p>
  127. <p>
  128. Si vous dites que je suis malentendante, vous allez penser que j’entends bien
  129. avec mes implants cochléaires. Mais, en pensant ça, vous sous-estimez ma
  130. surdité. Vous penserez que je n’ai pas besoin d’aide, d’aménagement et que
  131. vous pouvez m’appeler au téléphone ou m'envoyer des messages vocaux parce que
  132. j'ai des implants cochléaires.
  133. </p>
  134. <p>
  135. Absolument pas. Je ne comprends rien au téléphone et je ne comprends pas les
  136. messages vocaux. Si vous ne mettez pas la caméra en visio, je ne pourrais pas
  137. lire sur vos lèvres. Si vous parlez trop vite ou si vous mettez la main devant
  138. votre bouche, je ne vous comprendrais pas non plus.
  139. </p>
  140. <p>
  141. Il y a une différence entre « entendre » et « comprendre ». J'entends certes
  142. grâce à mes appareils mais ça ne veut pas dire que je vous comprends
  143. forcément.
  144. </p>
  145. <p>
  146. Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans
  147. la bonne manière, vous minimisez mon handicap et donc vous faites moins
  148. d'effort que nécessaire.
  149. </p>
  150. <p>
  151. Autre point, dit-on « personne en situation en handicap » ou « personne
  152. handicapée ? »
  153. </p>
  154. <p>Là, encore, il y a une subtilité.</p>
  155. <p>
  156. Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je
  157. suis en situation de handicap puisque les conférences ne me sont pas du tout
  158. accessibles.
  159. </p>
  160. <p>
  161. Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne
  162. suis pas en situation de handicap puisque les conférences me sont totalement
  163. accessibles.
  164. </p>
  165. <p>
  166. Voici la différence. Être en situation de handicap, c’est subir la situation
  167. faute d’accessibilité.
  168. </p>
  169. <p>
  170. Je vous invite à lire ces deux articles qui l'expliquent très bien :
  171. <a href="https://informations.handicap.fr/a-choix-des-mots-5633.php" target="_blank" rel="noreferrer noopener" title="Consulter l'article Infirme à personne en situation de handicap : combat de mots sur handicap.fr dans un nouvel onglet">Infirme à personne en situation de handicap : combat de mots
  172. <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>
  173. et
  174. <a href="https://www.quebec.ca/famille-et-soutien-aux-personnes/participation-sociale-personnes-handicapees/definition-personne-handicapee" target="_blank" rel="noreferrer noopener" title="Consulter l'article Définition du terme Personne handicapée sur quebec.ca dans un nouvel onglet">Définition du terme Personne handicapée au Québec
  175. <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>
  176. </p>
  177. <p>
  178. Je vous invite également à consulter
  179. <a href="https://www.instagram.com/reel/C4a4L9YCY7b/?igsh=MW9oczlmdjR1dXVzcQ%3D%3D" target="_blank" rel="noreferrer noopener" title="Consulter la vidéo de CommonAccess Arrêtons avec ce terme situation de handicap sur Instagram dans un nouvel onglet">une vidéo de CommonAccess sur Instagram
  180. <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>
  181. qui dénonce aussi le terme « personne en situation de handicap ». D'ailleurs,
  182. Cécile illustre bien son exemple avec « est-ce que je suis maman ou je suis
  183. une personne en situation de maternité ? ».
  184. </p>
  185. <p>
  186. Bien évidemment, si vous avez un handicap et que vous préférez vous définir
  187. par les termes « personne en situation de handicap », c'est votre droit et je
  188. le respecte. Mon choix est de dire que je suis handicapée.
  189. </p>
  190. <p>
  191. Oui, je suis une personne handicapée puisque la surdité fait partie de la
  192. famille du handicap. Pendant longtemps, je disais que je n'étais pas
  193. handicapée mais sourde parce que, pour moi, être handicapée, c’était une
  194. personne en fauteuil roulant ou une personne qui ne pouvait pas marcher.
  195. Malgré moi, j’avais ce biais jusqu’à ce que je comprenne que dire le mot
  196. handicap n’était pas un gros mot et que c’était OK de l’utiliser.
  197. </p>
  198. <p>
  199. Je suis sourde. Je suis également handicapée puisque je suis handicapée de mes
  200. oreilles.
  201. </p>
  202. <p>
  203. Quand je me présente, je dis toujours que je suis sourde. Je n'ai pas d'autres
  204. termes.
  205. <span class="font-bold"> Ce n'est pas à vous de me présenter autrement.</span>
  206. Si vous ne savez pas, demandez moi. Demandez à la personne concernée comment
  207. elle souhaite qu'on la présente.
  208. </p>
  209. <p>
  210. Ces mots n’ont pas de connotation négative. Quand une personne est handicapée,
  211. cela ne signifie pas qu’elle est forcément malheureuse. Il ne faut pas la
  212. plaindre parce qu’elle a un handicap. Ce n’est pas pour autant qu'elle est
  213. bien dans sa peau qu’il faut aussi minimiser son handicap.
  214. </p>
  215. <p>
  216. Il faut donc apprendre à banaliser ces mots et de ne pas en avoir peur. Ne pas
  217. avoir peur de les utiliser. Je vous invite à visionner
  218. <a href="https://www.radiofrance.fr/franceinter/podcasts/l-invite-de-9h10/le-7-9h30-l-interview-de-9h10-du-mardi-25-avril-2023-1107001" target="_blank" rel="noreferrer noopener" title="Consulter l'interview de Elisa Rojas sur France Inter dans un nouvel onglet">l’interview sur France Inter
  219. <i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>
  220. (qui est sous-titré) d’Elisa Rojas, avocate en droit et militante pour les
  221. droits des personnes handicapées, qui explique bien cette problématique.
  222. </p>
  223. <p>En conclusion, n'ayez pas peur d'utiliser les mots.</p>
  224. </article>
  225. <hr>
  226. <footer>
  227. <p>
  228. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  229. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  230. </svg> Accueil</a> •
  231. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  232. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  233. </svg> Suivre</a> •
  234. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  235. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  236. </svg> Pro</a> •
  237. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  238. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  239. </svg> Email</a> •
  240. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  241. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  242. </svg> Légal</abbr>
  243. </p>
  244. <template id="theme-selector">
  245. <form>
  246. <fieldset>
  247. <legend><svg class="icon icon-brightness-contrast">
  248. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  249. </svg> Thème</legend>
  250. <label>
  251. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  252. </label>
  253. <label>
  254. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  255. </label>
  256. <label>
  257. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  258. </label>
  259. </fieldset>
  260. </form>
  261. </template>
  262. </footer>
  263. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  264. <script>
  265. function loadThemeForm(templateName) {
  266. const themeSelectorTemplate = document.querySelector(templateName)
  267. const form = themeSelectorTemplate.content.firstElementChild
  268. themeSelectorTemplate.replaceWith(form)
  269. form.addEventListener('change', (e) => {
  270. const chosenColorScheme = e.target.value
  271. localStorage.setItem('theme', chosenColorScheme)
  272. toggleTheme(chosenColorScheme)
  273. })
  274. const selectedTheme = localStorage.getItem('theme')
  275. if (selectedTheme && selectedTheme !== 'undefined') {
  276. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  277. }
  278. }
  279. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  280. window.addEventListener('load', () => {
  281. let hasDarkRules = false
  282. for (const styleSheet of Array.from(document.styleSheets)) {
  283. let mediaRules = []
  284. for (const cssRule of styleSheet.cssRules) {
  285. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  286. continue
  287. }
  288. // WARNING: Safari does not have/supports `conditionText`.
  289. if (cssRule.conditionText) {
  290. if (cssRule.conditionText !== prefersColorSchemeDark) {
  291. continue
  292. }
  293. } else {
  294. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  295. continue
  296. }
  297. }
  298. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  299. }
  300. // WARNING: do not try to insert a Rule to a styleSheet you are
  301. // currently iterating on, otherwise the browser will be stuck
  302. // in a infinite loop…
  303. for (const mediaRule of mediaRules) {
  304. styleSheet.insertRule(mediaRule.cssText)
  305. hasDarkRules = true
  306. }
  307. }
  308. if (hasDarkRules) {
  309. loadThemeForm('#theme-selector')
  310. }
  311. })
  312. </script>
  313. </body>
  314. </html>