Communities

ID:
communities
Automated score:
95.8
URL:
https://sem1.dev.stackenterprise.co/communities
View JSON file

5 violations: Light: 1Dark: 1HC Light: 2HC Dark: 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

<li class="fs-fine tt-uppercase ml12 mt24 mb4 fc-light">
            Private Teams
        </li>

Target

.fs-fine

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.79 (foreground color: #525960, background color: #f9fafa, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="s-page-title--description">

Target

.s-page-title--description

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.79 (foreground color: #525960, background color: #f9fafa, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/communities/new" class="s-btn s-btn__filled">Add Community</a>

Target

.s-btn__filled

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #ffffff, background color: #1b75d0, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(1) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_20260414164902_1776185342257</h3>

Target

a[href="/communities/8468"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(2) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edit_20260414164725_1776185245860</h3>

Target

a[href="/communities/8466"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(3) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_20260414164603_1776185163007</h3>

Target

a[href="/communities/8464"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(4) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_YourCommunities_20260410184619</h3>

Target

a[href="/communities/8385"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(5) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_YourCommunities_20260410184453</h3>

Target

a[href="/communities/8384"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(6) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_YourCommunities_20260410184322</h3>

Target

a[href="/communities/8383"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(7) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_20260410183911_1775846351652</h3>

Target

a[href="/communities/8379"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(8) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_20260410183625_1775846185425</h3>

Target

a[href="/communities/8375"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(9) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_YourCommunities_20260410183621</h3>

Target

a[href="/communities/8374"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(10) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_YourCommunities_20260409225147_1775775107293</h3>

Target

a[href="/communities/8350"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(11) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_YourCommunities_20260409214619_1775771179472</h3>

Target

a[href="/communities/8341"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(12) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_Investigation_20260406</h3>

Target

a[href="/communities/8282"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(13) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_20260405083029_1775377829772</h3>

Target

a[href="/communities/8262"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(14) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_20260404162541_1775319941575</h3>

Target

a[href="/communities/8250"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn ml8 mb8 s-btn_..." data-controller="communities-toggle-m..." data-communities-tog...="false" data-communities-tog...="/communities/toggle-..." data-communities-tog...="CommunitiesList" data-communities-tog...="7f1c4940fdce5da29b31..." data-communities-tog...="is-loading" data-co ...>

Target

article:nth-child(15) > .flex--item > .jc-end.float-right[data-controller="communities-unshrinkable"] > .ml8.mb8.s-btn__outlined

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<h3 class="fs-body3 fw-normal mb12">PW_Edited_20260402124917_1775134157903</h3>

Target

a[href="/communities/8208"] > h3

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul