Kilotest: Diagnoses of text contrast improvable
violation by HTML element 1381 on Translation Commons volunteer page
Basics
About the page
- URL: https://translationcommons.org/web-volunteer-page/
- Tested 2 days ago on 2026-10-08 at 04:07 by job
261008T0404-s6j - Summary of results:
- Rule engines:
- Called: 12
- Were able to test: 12
- Reported any rule violations: 12
- Violations: 1648
- Violators: 549
- Issues: 54
- Rule engines:
- Download the full technical report (JSON)
About the issue
- Why it matters: Content is not easy to understand
- Priority: lowest
- Related WCAG standard: 1.4.6
- Reported by 7 rule engines (Alfa + ASLint + Axe + HTML CodeSniffer + Pour + QualWeb + SureA11y)
- Violations: 569
- Violators: 223
About the violator
- Tag name:
SPAN - Text:
Creative Commons Attribution 4.0 International license. Icons by The Noun ProjectUnless otherwise stated, all works contributed are licensed under the Creative Commons Attribution 4.0 International License in accordance with Translation Commons User Agreement
- Start tag:
<span class="su-tooltip-inner su-tooltip-shadow-no" style="z-index:100;background:#666666;color:#FFFFFF;font-size:11px;border-radius:0px;text-align:center;max-width:200px;line-height:1.25"> - XPath:
/html/body /span[2] /span[1] - Bounding box: [not obtained]
- Reported by ASLint
Diagnoses
Here is how rule engines diagnose the text contrast improvable
issue for HTML element 1381 of the Translation Commons volunteer page.
- Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.74:1, <code>background-color: #666666</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 9pt</code> (original: <code>12.1px</code>), <code>font-weight: 700</code>. <small>Note:</small> The element is possibly visually hidden and that state might be temporary. For example the lazy loading technique can be used and the element will be visible at some point.
Rule engine: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.74:1, <code>background-color: #666666</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 8pt</code> (original: <code>11px</code>), <code>font-weight: 400</code>. <small>Note:</small> The element is possibly visually hidden and that state might be temporary. For example the lazy loading technique can be used and the element will be visible at some point.
Rule engine: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7