Question Page

ID:
question
Automated score:
87.3
URL:
https://stackoverflow.com/questions/5963269/how-to-make-a-great-r-reproducible-example
View JSON file

18 violations: Light: 5Dark: 5HC Light: 4HC Dark: 4

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-modal--close s-btn__xs s-btn__icon bg-purple-100 bc-purple-400 bar-sm ba baw0 h:bg-purple-200 c-pointer js-clear-you-can-comment-banner-anon">

Target

.baw0

Summary

Fix any of the following:

  • Element does not have inner text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute
  • Element does not have an implicit (wrapped) <label>
  • Element does not have an explicit <label>
  • Element's default semantics were not overridden with role="none" or role="presentation"

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-modal--close s-btn__xs s-btn__icon bg-purple-100 bc-purple-400 bar-sm ba baw0 h:bg-purple-200 c-pointer js-clear-you-can-comment-banner-anon">

Target

.baw0

Summary

Fix any of the following:

  • Element does not have inner text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute
  • Element does not have an implicit (wrapped) <label>
  • Element does not have an explicit <label>
  • Element's default semantics were not overridden with role="none" or role="presentation"

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-modal--close s-btn__xs s-btn__icon bg-purple-100 bc-purple-400 bar-sm ba baw0 h:bg-purple-200 c-pointer js-clear-you-can-comment-banner-anon">

Target

.baw0

Summary

Fix any of the following:

  • Element does not have inner text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute
  • Element does not have an implicit (wrapped) <label>
  • Element does not have an explicit <label>
  • Element's default semantics were not overridden with role="none" or role="presentation"

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-modal--close s-btn__xs s-btn__icon bg-purple-100 bc-purple-400 bar-sm ba baw0 h:bg-purple-200 c-pointer js-clear-you-can-comment-banner-anon">

Target

.baw0

Summary

Fix any of the following:

  • Element does not have inner text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute
  • Element does not have an implicit (wrapped) <label>
  • Element does not have an explicit <label>
  • Element's default semantics were not overridden with role="none" or role="presentation"

Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL

HTML

<span title="number of 'useful comment' votes received" class="supernova">34</span>

Target

#comment-8313148 > .js-comment-actions.comment-actions > .comment-score.js-comment-score.js-comment-edit-hide > .supernova

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span title="number of 'useful comment' votes received" class="supernova">33</span>

Target

#comment-13666856 > .js-comment-actions.comment-actions > .comment-score.js-comment-score.js-comment-edit-hide > .supernova

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="disabled-link">Comments disabled on deleted / locked posts / reviews</span>

Target

.disabled-link

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 48.24Lc (foreground color: #a1a6ac, background color: #ffffff, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<div class="themed-tc fs-fine mb12 fc-theme-primary">

Target

.themed-tc

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<div class="fc-orange-400 fs-caption mr16">Last 1 hr</div>

Target

.fc-orange-400.mr16.fs-caption

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL

HTML

<span class="disabled-link">Comments disabled on deleted / locked posts / reviews</span>

Target

.disabled-link

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 10.54Lc (foreground color: #4a4f55, background color: #252627, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># [1] "Date"</span>

Target

#answer-5963610 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(15) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">## random vector normal distributed</span>

Target

.hljs-comment:nth-child(5)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">## random vector uniformly distributed    </span>

Target

.hljs-comment:nth-child(10)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">## 10 random draws out of 1, 2, ..., 100    </span>

Target

.hljs-comment:nth-child(19)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">## 10 random draws out of built-in latin alphabet</span>

Target

.hljs-comment:nth-child(26)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#   A B C  D</span>

Target

.hljs-comment:nth-child(30)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># A 1 4 7 10</span>

Target

.hljs-comment:nth-child(31)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># B 2 5 8 11</span>

Target

.hljs-comment:nth-child(32)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># C 3 6 9 12</span>

Target

.hljs-comment:nth-child(33)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">## for sake of reproducibility</span>

Target

.lang-r.s-code-block:nth-child(21) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment:nth-child(4)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#   id       date group age   type         x</span>

Target

.hljs-comment:nth-child(64)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># 1  1 2020-12-26     A  27 type 1 0.0356312</span>

Target

.hljs-comment:nth-child(65)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># 2  2 2020-12-27     B  19 type 2 1.3149588</span>

Target

.hljs-comment:nth-child(66)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># 3  3 2020-12-28     A  20 type 3 0.9781675</span>

Target

.hljs-comment:nth-child(67)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># 4  4 2020-12-29     B  26 type 4 0.8817912</span>

Target

.hljs-comment:nth-child(68)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># 5  5 2020-12-30     A  26 type 5 0.4822047</span>

Target

.hljs-comment:nth-child(69)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># 6  6 2020-12-31     B  28 type 6 0.9657529</span>

Target

.hljs-comment:nth-child(70)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># first four rows of the iris data set</span>

Target

.lang-r.s-code-block:nth-child(31) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># [1]  1.3709584 -0.5646982  0.3631284</span>

Target

.hljs-comment:nth-child(7)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># [1]  1.3709584 -0.5646982  0.3631284</span>

Target

.hljs-comment:nth-child(14)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># sample data</span>

Target

.lang-r.s-code-block:nth-child(14) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># I could also specify the column number.</span>

Target

.lang-r.s-code-block:nth-child(16) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">## simulate covariates/predictors/experimental design</span>

Target

#answer-6699112 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># important to make random data reproducible</span>

Target

#answer-28481250 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(15) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># Sample two variables without replacement</span>

Target

.lang-r.s-code-block:nth-child(8) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#If I have a matrix x as follows:</span>

Target

.lang-r.s-code-block:nth-child(5) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment:nth-child(1)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#  x y</span>

Target

.hljs-comment:nth-child(37)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#A 1 5</span>

Target

.hljs-comment:nth-child(38)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#B 2 6</span>

Target

.hljs-comment:nth-child(39)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#C 3 7</span>

Target

.hljs-comment:nth-child(40)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#D 4 8</span>

Target

.hljs-comment:nth-child(41)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># How can I turn it into a dataframe with 8 rows, and three</span>

Target

.hljs-comment:nth-child(42)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># columns named `row`, `col`, and `value`, which have the</span>

Target

.hljs-comment:nth-child(43)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># dimension names as the values of `row` and `col`, like this:</span>

Target

.hljs-comment:nth-child(44)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#x.df</span>

Target

.hljs-comment:nth-child(45)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#    row col value</span>

Target

.hljs-comment:nth-child(46)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#1    A   x      1</span>

Target

.hljs-comment:nth-child(47)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#To which the answer might be:</span>

Target

.hljs-comment:nth-child(49)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># this shows the type of the data you have</span>

Target

.lang-r.s-code-block:nth-child(5) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment:nth-child(4)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># this shows the dimension of your data</span>

Target

.hljs-comment:nth-child(8)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">#found based on the following</span>

Target

.lang-r.s-code-block:nth-child(7) > .hljs.language-r[data-highlighted="yes"] > .hljs-comment:nth-child(1)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment"># code defining x and y</span>

Target

#answer-43217748 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .hljs.language-r[data-highlighted="yes"] > .hljs-comment

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 45.68Lc (foreground color: #999999, background color: #1d1b1b, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds. Elements must meet enhanced color contrast ratio thresholds. Help URL

HTML

<a href="/help/privileges/edit-community-wiki">community effort</a>

Target

b > a

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.68 (foreground color: #145799, background color: #edf5fd, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(13) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-5963610 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(15) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(17) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(19) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(21) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(31) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(33) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(38) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(51) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-5963379 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(2) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-5963379 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(5) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-5963379 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(8) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(10) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(12) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-16532098 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(5) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(14) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(16) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-5964905 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(3) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-5964905 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(5) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-5964905 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(7) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-11258495 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-6699112 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-11398481 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-21903085 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-28481250 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(15) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(24) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-15929240 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(3) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-15929240 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(5) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-27161948 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(3) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-27161948 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(8) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-15027547 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(3) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-15027547 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(5) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-20910964 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-30782927 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(6) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(9) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

.lang-r.s-code-block:nth-child(11) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-27863537 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-38523589 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(2) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-38523589 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(5) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-45763480 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-36741518 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(3) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-36741518 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(5) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-36741518 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block:nth-child(7) > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="py2 mb2 s-btn s-btn__muted s-btn__xs fs-caption ff-sans d-flex ai-center js-copy-button fc-black-400 h:fc-black-500 f:bg-black-200" type="button">

Target

#answer-43217748 > .post-layout > .answercell.post-layout--right > .s-prose.js-post-body[itemprop="text"] > .lang-r.s-code-block > .mtn4.ps-sticky.mrn4 > .ff-sans.js-copy-button.h\:fc-black-500

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.57 (foreground color: #525960, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="d-block fs-caption fc-black-150">Collective</span>

Target

.fc-black-150

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.43 (foreground color: #f1f2f3, background color: #8a440a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds. Elements must meet enhanced color contrast ratio thresholds. Help URL

HTML

<a href="/help/privileges/edit-community-wiki">community effort</a>

Target

b > a

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.87 (foreground color: #8cbff2, background color: #22313f, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 7:1

HTML

<span class="d-block fs-caption fc-black-150">Collective</span>

Target

.fc-black-150

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.61 (foreground color: #333638, background color: #f1b27e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

link-in-text-block

Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL

HTML

<a href="/collectives/r-language" class="js-gps-track " data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: r-language, link_source: post_header })">R Language</a>

Target

.mb8.fc-black-400.flex--item > .js-gps-track[href$="r-language"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1b75d0, surrounding text: #636b74)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="/collectives/r-language" class="js-gps-track " data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: r-language, link_source: recommended_answer })">R Language</a>

Target

.themed-tc > .js-gps-track[href$="r-language"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.49:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1b75d0, surrounding text: #e7700d)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="/collectives">

Target

.bbr-sm > a[href$="collectives"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1b75d0, surrounding text: #636b74)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

link-in-text-block

Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL

HTML

<a href="/collectives/r-language" class="js-gps-track " data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: r-language, link_source: post_header })">R Language</a>

Target

.mb8.fc-black-400.flex--item > .js-gps-track[href$="r-language"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.13:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #c8ccd0)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="/collectives/r-language" class="js-gps-track " data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: r-language, link_source: recommended_answer })">R Language</a>

Target

.themed-tc > .js-gps-track[href$="r-language"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.08:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f7a664)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="https://github.com/tidyverse/reprex" rel="nofollow noreferrer">github.com/tidyverse/reprex</a>

Target

#follow-up-75607334 > .fd-column.d-flex > .g6.fl-grow1.flex--item > .g4.fd-column.fl-grow1 > .ow-anywhere.mb4.fs-body1 > a[rel="nofollow noreferrer"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="http://stackoverflow.com/questions/2661402/r-given-a-set-of-random-numbers-drawn-from-a-continuous-univariate-distribution">the answers to this question</a>

Target

#follow-up-9596552 > .fd-column.d-flex > .g6.fl-grow1.flex--item > .g4.fd-column.fl-grow1 > .ow-anywhere.mb4.fs-body1 > a

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="https://www.jobclickpro.com/" rel="nofollow noreferrer">jobclickpro.com</a>

Target

a[href$="jobclickpro.com/"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="/collectives">

Target

.bbr-sm > a[href$="collectives"]

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.13:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #c8ccd0)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a class="themed subcommunity-topic-avatar subcommunity-topic-r-language s-avatar s-avatar__24 mr2 js-community-tag my2 mr6 va-top" style="" data-controller="s-tooltip" href="/collectives/r-language" aria-describedby="--stacks-s-tooltip-5rwlog4a"></a>

Target

.js-community-tag

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a class="themed subcommunity-topic-avatar subcommunity-topic-r-language s-avatar s-avatar__24 mr2 js-community-tag my2 mr6 va-top" style="" data-controller="s-tooltip" href="/collectives/r-language" aria-describedby="--stacks-s-tooltip-5rwlog4a"></a>

Target

.js-community-tag

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a class="themed subcommunity-topic-avatar subcommunity-topic-r-language s-avatar s-avatar__24 mr2 js-community-tag my2 mr6 va-top" style="" data-controller="s-tooltip" href="/collectives/r-language" aria-describedby="--stacks-s-tooltip-5rwlog4a"></a>

Target

.js-community-tag

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a class="themed subcommunity-topic-avatar subcommunity-topic-r-language s-avatar s-avatar__24 mr2 js-community-tag my2 mr6 va-top" style="" data-controller="s-tooltip" href="/collectives/r-language" aria-describedby="--stacks-s-tooltip-5rwlog4a"></a>

Target

.js-community-tag

Summary

Fix all of the following:

  • Element is in tab order and does not have accessible text
  • Fix any of the following:
  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(18)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(24)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(18)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(24)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(18)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(24)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(18)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable

HTML

<pre class="lang-none s-code-block">

Target

.lang-none.s-code-block:nth-child(24)

Summary

Fix any of the following:

  • Element should have focusable content
  • Element should be focusable