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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8133" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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">SME_community_invoice facilitate</h3>

Target

a[href="/communities/8133"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8106" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_DebugChip_20260320211712</h3>

Target

a[href="/communities/8106"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8102" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_Community_20260320202651</h3>

Target

a[href="/communities/8102"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8098" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_Community_20260320200814</h3>

Target

a[href="/communities/8098"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8095" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_MemberMgmt_20260320200059</h3>

Target

a[href="/communities/8095"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8093" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_Community_20260320200042</h3>

Target

a[href="/communities/8093"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8091" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_Community_20260320195647</h3>

Target

a[href="/communities/8091"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8090" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_MemberMgmt_20260320193138</h3>

Target

a[href="/communities/8090"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8088" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_MemberMgmt_20260320193000</h3>

Target

a[href="/communities/8088"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8086" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_Community_20260320192847</h3>

Target

a[href="/communities/8086"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8085" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_MemberMgmt_20260320192825</h3>

Target

a[href="/communities/8085"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8083" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_Community_20260320192755</h3>

Target

a[href="/communities/8083"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8081" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_Community_20260320192714</h3>

Target

a[href="/communities/8081"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8080" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_MemberMgmt_20260320183202</h3>

Target

a[href="/communities/8080"] > 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__outlined" data-controller="communities-toggle-membership-button" data-communities-toggle-membership-button-is-member-value="false" data-communities-toggle-membership-button-url-value="/communities/toggle-membership/8079" data-communities-toggle-membership-button-origin-value="CommunitiesList" data-communities-toggle-membership-button-fkey-value="1902c72f25b8f0419f18a661cb3f5945276fc895fc0fa76d479b20e56bb661f7" data-communities-toggle-membership-button-loading-class="is-loading" data-communities-toggle-membership-button-selected-class="is-selected" data-communities-toggle-membership-button-danger-classes-value="s-btn__danger">

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_MemberMgmt_20260320183048</h3>

Target

a[href="/communities/8079"] > 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