During our test we found that some pages are containing accessibility issue on the default dashboard
VIOLATION #1]
Rule ID: color-contrast
Description: Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
Impact: SERIOUS
Elements Affected: 15
Element 1:
Selector: #matomo-iframe
HTML: <td class="column notGrown">-85.3%</td>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Element 2:
Selector: #matomo-iframe
HTML: <td class="column notGrown">-93.1%</td>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Element 3:
Selector: #matomo-iframe
HTML: <td class="column notGrown">-90%</td>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Element 4:
Selector: #matomo-iframe
HTML: <td class="column notGrown">-81%</td>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Element 5:
Selector: #matomo-iframe
HTML: <td class="column notGrown">-76.9%</td>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Element 6:
Selector: #matomo-iframe
HTML: <strong class="positive-evolution" aria-hidden="true">+52.5%</strong>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.32 (foreground color: #40a040, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
Element 7:
Selector: #matomo-iframe
HTML: <strong class="positive-evolution" aria-hidden="true">+12.9%</strong>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.32 (foreground color: #40a040, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
Element 8:
Selector: #matomo-iframe
HTML: <strong class="positive-evolution" aria-hidden="true">-87.5%</strong>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.32 (foreground color: #40a040, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
Element 9:
Selector: #matomo-iframe
HTML: <strong class="positive-evolution" aria-hidden="true">+55.1%</strong>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.32 (foreground color: #40a040, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
Element 10:
Selector: #matomo-iframe
HTML: <strong class="positive-evolution" aria-hidden="true">+184.5%</strong>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.32 (foreground color: #40a040, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
Element 11:
Selector: #matomo-iframe
HTML: <strong class="positive-evolution" aria-hidden="true">+135%</strong>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.32 (foreground color: #40a040, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
Element 12:
Selector: #matomo-iframe
HTML: <strong class="positive-evolution" aria-hidden="true">+1,883.3%</strong>...
Issue: Fix any of the following:
Element has insufficient color contrast of 3.32 (foreground color: #40a040, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
Element 13:
Selector: #matomo-iframe
HTML: <span class="rss-date">November 20, 2025</span>...
Issue: Fix any of the following:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Element 14:
Selector: #matomo-iframe
HTML: <span class="rss-date">November 12, 2025</span>...
Issue: Fix any of the following:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Element 15:
Selector: #matomo-iframe
HTML: <span class="rss-date">November 3, 2025</span>...
Issue: Fix any of the following:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
1 post - 1 participant