Kilotest: Diagnoses of text contrast improvable
violation by HTML element 267 on Portland State University Senior Adult Learning Center page
Here is how tools diagnose the text contrast improvable
issue for HTML element 267 of the Portland State University Senior Adult Learning Center page.
Basics
- About the
text contrast improvable
issue- Why it matters: Content is not easy to understand
- Priority: lowest
- Related WCAG standard: 1.4.6
- About the Portland State University Senior Adult Learning Center page
- URL:
https://www.pdx.edu/senior-adult-learning-center/ - Tested on 2026-04-07 at 18:28
- URL:
- About HTML element 267
- Tag name:
DIV - Text:
Alumni … Transfer Student
- Start tag:
<div id="i-am-a-menu-wrapper" class="fixed-bottom position-absolute dropdown-menu dropdown-menu-right col-12 border-0 p-0 mb-0 text-left"> - XPath:
[not obtained] - Bounding box: x = 0, y = 0, width = 0, height = 0
- Tag name:
Diagnoses
- Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7 - Expected color contrast ratio for small font size at least 7:1, but got ratio: 5.08:1, <code>background-color: #607631</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 12pt</code> (original: <code>16px</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.
Tool: ASLint (eSSENTIAL Accessibility)
Rule:
color_contrast_aaa7