A place to cache linked articles (think custom and personal wayback machine)
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

index.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  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>Harassers are nice to me, and probably to you (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://leaddev.com/harassers-are-nice-me-and-probably-you">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Harassers are nice to me, and probably to you</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://leaddev.com/harassers-are-nice-me-and-probably-you" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>In any organization, there will be people who behave inappropriately, sometimes grievously so. Here’s the paradox: the more senior the role you’re in, and the more power you have to help coworkers who are facing awful behavior like harassment or bullying, the less likely you are to see those things.</p>
  69. <p>Simply put, if you’re in a position of power at work, you’re unlikely to see workplace harassment in front of you. That’s because harassment and bullying are attempts to exert power over people with less of it. People who behave improperly don’t tend to do so with people they perceive as having power already. </p>
  70. <p>When I was younger and in more junior roles, I dealt with harassment all the time. It was a defining characteristic of several jobs I had. What stands out in my memory from those roles isn’t what I learned or how I grew, but how hard I worked to avoid the men (it was always men) who made me feel meek and small. But over time, as I’ve moved up in my career, harassment has become steadily less prevalent in my work life. </p>
  71. <p>A few years ago, when I was on the executive team of an org that employed around 250 people, nearly all of whom seemed very lovely to me, I wondered if perhaps I had found a group of people that simply didn’t include any bad apples. Spoiler alert: I had not.</p>
  72. <p>Some months into the job, somebody made an offhand comment in front of me about a mid-level designer – a man in his 30s who was, apparently, well known for making young women in the organization feel uncomfortable. Let’s call this man Peter. Peter was also the first person to invite me out for coffee on my first day on the job. I had thought it a little curious at the time, since our work wasn’t going to overlap much. But he had been very friendly, sharing almost too much information about past problems at the org. I hadn’t thought too much of it. </p>
  73. <p>It wasn’t until months later that I heard Peter described by a junior employee in a tone of voice that suggested everyone knew he was a problem. It was as if I’d stepped out of the Matrix and could now see reality. Suddenly, I understood why he had sought to establish a relationship with me early on. I was going to have power in the org, and he wanted that power to view him favorably. I also realized that most or all of the other people at my level – the very people who could do the most to address Peter’s behavior – likely didn’t know what everyone else thought was common knowledge. </p>
  74. <p>Imagine it: a majority of people at the company know or have a feeling that something is wrong. Everyone they talk to regularly knows it, too. Nobody among them thinks to discuss it with the most senior people, because as far as they can tell, everyone knows. And if the senior team isn’t doing anything, they must not care. Indeed, it probably isn’t safe to raise the issue with them because they all seem friendly with Peter. </p>
  75. <p>At that point in my career, I had spent a lot of time working on diversity, equity and inclusion. I had an undergrad degree in gender studies, and I was quite aware of organizational dynamics and structural oppression; I was on the path that I remain on to understand and use my advantages as a White person to change the workplace. And yet, I was stunned to realize that I had passively become a reinforcing part of the very type of harassment that I had struggled with for years. That was not the last surprise.</p>
  76. <p>In my current job, I recently posted about this dynamic in a public Slack channel. Two of my colleagues – cis, White, middle-aged men who manage managers – reached out to me individually to say that they were glad I was talking about this, because they didn’t know what harassment looked like, and they wanted to learn so they could watch out for it. One of them said simply, ‘I’ve been a straight white guy my whole life. Nobody harasses me.’</p>
  77. <p>I was pushed through the Matrix again. Not only was it possible that people in senior leadership positions at work had never been harassed, it was also possible that they didn’t even know what it looked or felt like. </p>
  78. <h2>So what does harassment look and feel like? </h2>
  79. <p>Harassment is, unfortunately, a big category (and some of this discussion might be triggering). You are probably aware of the legal guidelines here, which prohibit quid pro quo (e.g. ‘I’ll give you a raise if you sleep with me’) and create a hostile environment (e.g. bullying people or teasing them in a demeaning way). Often, though, harassment and bullying fall somewhere in between these things. To people experiencing these things, they might look like, among many other things:</p>
  80. <ul><li data-gc-list-depth="1" data-gc-list-style="bullet"><strong>Unwanted invitations.</strong> Asking a coworker to join you for drinks, dinner, or even lunch, especially after they’ve already said no.</li>
  81. <li data-gc-list-depth="1" data-gc-list-style="bullet"><strong>Unwanted attention.</strong> Commenting on a coworker’s appearance i.e., clothing, hair, makeup, or body. </li>
  82. <li data-gc-list-depth="1" data-gc-list-style="bullet"><strong>Unwanted touching. </strong>Slightly prolonged taps, feeling somebody’s hair, hugging. Even a few years ago, hugging at work was common in some workplaces. That’s less the case now, both because it can shade into harassment and also because it’s more widely understood that some neurotypes find any kind of touching uncomfortable.</li>
  83. <li data-gc-list-depth="1" data-gc-list-style="bullet"><strong>Unwanted online interactions.</strong> Sliding into somebody’s DMs with suggestive emojis or sending flirtatious emails. </li>
  84. <li data-gc-list-depth="1" data-gc-list-style="bullet"><a data-gc-link="https://en.wikipedia.org/wiki/Microaggression#:~:text=Microaggression%20is%20a%20term%20used,group%2C%20particularly%20culturally%20marginalized%20groups." href="https://en.wikipedia.org/wiki/Microaggression#:~:text=Microaggression%20is%20a%20term%20used,group%2C%20particularly%20culturally%20marginalized%20groups."><strong>Microaggressions of all types</strong></a><strong>.</strong> Although I’m using it broadly here, the term was originally coined in 1970 to describe racist comments, specifically. Notably, in his recent book, <em>How to Be an Antiracist</em>, Ibram X. Kendi rejects the term, in part because, ‘A persistent daily hum of racist abuse is not minor…I use the term “abuse” because that describes the action and its effects on people.’</li>
  85. </ul>
  86. <p>Again, it’s critical to understand that harassment and bullying are expressions of power, so the perpetrator has status over the person they’re targeting: either from the org chart or from social systems like patriarchy and White supremacy. In other words, a White peer can abuse a Black coworker, an able-bodied peer can harass a disabled coworker, and so forth. It doesn’t require a senior title, though that almost always increases the impact. </p>
  87. <p>That impact is significant. If you’re in a position of societal or organizational power, these behaviors may seem small; if you’re lower in power, they can be devastating, causing people to question their own actions and worth. People who have to field these behaviors in a workplace are, at a very minimum, distracted and drained. Depression is common, and even suicide is a possible result. The fact that the patterns may be hidden from you does not make them less significant. </p>
  88. <h1>How can you become aware of it?</h1>
  89. <p>Having shared that glimpse of what harassment is, I’m going to talk about what we – the leaders in our organizations – can do to become aware of it, and how we can tell if our actions are effective. Because we can’t take action if we don’t realize bad behavior surrounds us, I’m going to focus on creating the conditions for awareness, not on actually addressing harassment or bullying. Once you become aware, you can work with other leaders to address it. </p>
  90. <p>Here are five things I’ve done to make it easier for people to talk with me about behavior that’s hidden from me. </p>
  91. <ul><li data-gc-list-depth="1" data-gc-list-style="bullet">A few times a year, I post a public message in Slack about how I used to experience harassment all the time, but now I rarely see it at all because of my title. So even though I’m more likely in a position to help, I need other people’s help to understand what’s happening. I post infrequently enough that people pay attention, but often enough that new people get the message.</li>
  92. <li data-gc-list-depth="1" data-gc-list-style="bullet">I’m unsurprised when I hear that somebody with social power who is very friendly to me has been causing problems for other people. In other words, I believe the stories of marginalized and underrepresented people over my own experience. (This is hard!)</li>
  93. <li data-gc-list-depth="1" data-gc-list-style="bullet">I hold skip-level meetings at least quarterly, so that everyone who reports up to me knows who I am and that my door is open. </li>
  94. <li data-gc-list-depth="1" data-gc-list-style="bullet">I welcome and cultivate professional 1:1 relationships with younger people who don’t report to me. They’re often aware of problems in the organization and need support outside their reporting chain to figure out how to speak up.</li>
  95. <li data-gc-list-depth="1" data-gc-list-style="bullet">I talk often about inequity. Being vocal about it is a signal to people throughout the organization about the values I hold and the culture I’m aiming to help create. </li>
  96. </ul>
  97. <h2>How do you know if any of this is working? </h2>
  98. <p>There are a few signs I look for. </p>
  99. <p>Are junior people in the organization seeking me out to talk about uncomfortable things? For example, are they coming to me because they think they’re being underpaid but don’t know how to ask their manager for a raise? Are they coming to me because they’re worried that their work is suffering due to a recent breakup and they don’t know if they should tell their team lead? When these conversations come up, it’s likely that I’ve built some trust with people who don’t report directly to me or aren’t in my reporting chain at all.</p>
  100. <p>Are junior people in the organization coming to me because they’ve heard I’m good to talk with? That’s often a sign that I’m developing a reputation for having perspective beyond my own experience. (It’s worth noting that I’m not universally helpful. None of us can be good for everyone to talk with.)  </p>
  101. <p>Are the people who report to me bringing up power dynamics on their teams so that we can talk through potential issues? That suggests they know that I care about power dynamics. </p>
  102. <p>Ultimately, we have to ask ourselves: are people talking to me about harassment or bullying they see or experience? And we have to understand that if they are not, that doesn’t mean it isn’t happening. Instead, it means you don’t know about something very vital that is almost certainly happening around you all the time. If you aren’t hearing about it, it’s time to take action to ensure that you do.</p>
  103. </main>
  104. </article>
  105. <hr>
  106. <footer>
  107. <p>
  108. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  109. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  110. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  111. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  112. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  113. </p>
  114. <template id="theme-selector">
  115. <form>
  116. <fieldset>
  117. <legend>Thème</legend>
  118. <label>
  119. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  120. </label>
  121. <label>
  122. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  123. </label>
  124. <label>
  125. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  126. </label>
  127. </fieldset>
  128. </form>
  129. </template>
  130. </footer>
  131. <script type="text/javascript">
  132. function loadThemeForm(templateName) {
  133. const themeSelectorTemplate = document.querySelector(templateName)
  134. const form = themeSelectorTemplate.content.firstElementChild
  135. themeSelectorTemplate.replaceWith(form)
  136. form.addEventListener('change', (e) => {
  137. const chosenColorScheme = e.target.value
  138. localStorage.setItem('theme', chosenColorScheme)
  139. toggleTheme(chosenColorScheme)
  140. })
  141. const selectedTheme = localStorage.getItem('theme')
  142. if (selectedTheme && selectedTheme !== 'undefined') {
  143. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  144. }
  145. }
  146. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  147. window.addEventListener('load', () => {
  148. let hasDarkRules = false
  149. for (const styleSheet of Array.from(document.styleSheets)) {
  150. let mediaRules = []
  151. for (const cssRule of styleSheet.cssRules) {
  152. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  153. continue
  154. }
  155. // WARNING: Safari does not have/supports `conditionText`.
  156. if (cssRule.conditionText) {
  157. if (cssRule.conditionText !== prefersColorSchemeDark) {
  158. continue
  159. }
  160. } else {
  161. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  162. continue
  163. }
  164. }
  165. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  166. }
  167. // WARNING: do not try to insert a Rule to a styleSheet you are
  168. // currently iterating on, otherwise the browser will be stuck
  169. // in a infinite loop…
  170. for (const mediaRule of mediaRules) {
  171. styleSheet.insertRule(mediaRule.cssText)
  172. hasDarkRules = true
  173. }
  174. }
  175. if (hasDarkRules) {
  176. loadThemeForm('#theme-selector')
  177. }
  178. })
  179. </script>
  180. </body>
  181. </html>