Collectives Bulletin

ID:
collectives-bulletin
Automated score:
95.7
URL:
https://stackoverflow.com/collectives/aws/bulletins/78530177/gain-powerful-insights-with-sql-based-etl-with-amazon-eks
View JSON file

5 violations: Light: 1Dark: 2HC Light: 1HC Dark: 1

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="d-block fs-body2 fc-white">AWS</span>

Target

.fc-white.fs-body2.d-block

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.19Lc (foreground color: #252627, background color: #f8991c, font size: 11.3pt (15px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

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

Target

.fc-black-150

Summary

Fix all of the following:

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

HTML

<span class="s-btn s-btn__outlined s-btn__xs mr4 fc-white bc-white h:bg-theme-primary-400 f:bg-theme-primary-400">See more</span>

Target

.bc-white

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.19Lc (foreground color: #252627, background color: #f8991c, font size: 8.3pt (11px), 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="/users/21168059/wmachin" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                    wmachin <span class="ws-nowrap"></span>

                        <span class="d-none" itemprop="name">wmachin</span>
                </a>

Target

.s-user-card--link

Summary

Fix any of the following:

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

HTML

<a class="fc-black-400 mx12 js-gps-track js-share-link" role="button" id="announcement-permalink" href="/collectives/aws/bulletins/78530177/gain-powerful-insights-with-sql-based-etl-with-amazon-eks" data-viewhref="/collectives/aws/bulletins/78530177/gain-powerful-insights-with-sql-based-etl-with-amazon-eks" data-controller="se-share-sheet s-popover" data-se-share-sheet-title="Share a link to this bulletin" data-se-share-sheet-location="5" data-se-share-sheet-post-type="announcement" data-se-share-sheet-social="facebook twitter devto" data-se-share-sheet-license-url="https%3a%2f%2fcreativecommons.org%2flicenses%2fby-sa%2f4.0%2f" data-se-share-sheet-license-name="CC BY-SA 4.0" data-se-share-sheet-message="Gain powerful insights with SQL-Based ETL with Amazon EKS" data-s-popover-placement="bottom-start" aria-controls="se-share-sheet-0" data-action=" s-popover#toggle se-share-sheet#preventNavigation s-popover:show->

Target

#announcement-permalink

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.79 (foreground color: #525960, background color: #f9fafa, font size: 9.8pt (13px), 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="/users/21168059/wmachin" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                    wmachin <span class="ws-nowrap"></span>

                        <span class="d-none" itemprop="name">wmachin</span>
                </a>

Target

.s-user-card--link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.87 (foreground color: #8cbff2, background color: #22313f, 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.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">

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">

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