<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Color Contrast Issues (Corporate UI)]]></title><description><![CDATA[<p dir="auto">I checked the color contrast in the <strong>Corporate UI</strong> of VulnDetect.<br />
For most elements the color contrast is fulfilling the requirements, so here I list only those elements where the color contrast is not sufficient.<br />
I know there is a gap between design (what it looking good and sexy) and the required color contrast. But these requirements are important for all users, not only for users that have visual impairments.</p>
<hr />
<h2>Requirements</h2>
<p dir="auto">All text elements, images containing text and relevant elements without text (e.g. icons) a <strong>minimum color contrast ratio</strong> of <strong>4.5:1</strong> is required (to fulfil <strong>level AA</strong> of the WCAG). For content with a font size of at least 18 Point or 14 Point plus bold a color contrast ratio of 3.0:1 is required.<br />
<strong>Disabled elements</strong> (like disabled toolbar icons or disabled edit fields) are <strong>excluded</strong> from measurement.</p>
<p dir="auto"><strong>International standards:</strong></p>
<ul>
<li>ISO 9241-171 - 10.4.5</li>
<li>WCAG 2.0 - 1.4.3</li>
</ul>
<hr />
<h2>Color Contrast Issues</h2>
<h3>Breadcrumb Navigation (on top of every page)</h3>
<ul>
<li><strong>2.7:1</strong> at blue links (like "Home")</li>
<li><strong>2.6:1</strong> at title of the current page (like "Dashboard")</li>
</ul>
<h3>Charts in the Dashboard</h3>
<ul>
<li><strong>2.9:1</strong> Green chart</li>
<li><strong>3.8:1</strong> Red chart</li>
<li><strong>2.8:1</strong> Orange chart:</li>
<li><strong>1.5:1</strong> Yellow chart</li>
<li><strong>3.8:1</strong> Blue line: z</li>
</ul>
<h3>Tables</h3>
<ul>
<li><strong>2.5:1</strong> for blue links on grey background</li>
<li><strong>2.7:1</strong> for blue links on white background</li>
<li><strong>1.5:1</strong> for placeholder-text in the search fields<br />
For placeholder texts the color contrast 3.0:1 is sufficient, so use the text color #949494 (HEX) / 148, 148, 148 (RGB)</li>
</ul>
<h3>Buttons</h3>
<ul>
<li><strong>2.4:1</strong> for the button "Export to CSV"</li>
<li><strong>2.7:1</strong> for the button "Move Selected Hosts To New Group"</li>
<li><strong>2.7:1</strong> for the button "Create New Group"</li>
<li><strong>2.7:1</strong> for the button "Edit Selected Group"</li>
<li><strong>2.4:1</strong> for the button "Automate Selected Approvals"</li>
<li><strong>2.7:1</strong> for the button "Approve Version In Selected Approvals"</li>
<li><strong>2.9:1</strong> for the button "Disable Selected Approvals"</li>
<li><strong>2.7:1</strong> for the button "Save"</li>
<li><strong>2.7:1</strong> for the button "Change Password"</li>
<li><strong>2.7:1</strong> for the button "Submit" (in "Support")</li>
<li><strong>2.7:1</strong> for the button "Login"</li>
<li><strong>4.2:1</strong> for the button "Corporate User" in "Login"</li>
<li><strong>4.2:1</strong> for the button "Personal User" in "Login"</li>
</ul>
<h3>Stauts icons</h3>
<ul>
<li><strong>2.1:1</strong> for the green checkmark on grey background (on page "Hosts)</li>
<li><strong>2.4:1</strong> for the white checkmark on green background (on page "Hosts)</li>
<li><strong>1.6:1</strong> for the white exclamation mark on yellow background (on page "Hosts)</li>
<li><strong>2.9:1</strong> for the white exclamation mark on red background (on page "Hosts)</li>
</ul>
<h3>Status Lables</h3>
<ul>
<li><strong>2.9:1</strong> for the status "Insecure"</li>
<li><strong>2,4:1</strong> for the status "OK"</li>
</ul>
<h3>Other Elements</h3>
<ul>
<li><strong>2.6:1</strong> for the version number of the Agent Installed in the Configuration</li>
<li><strong>2.6:1</strong> for the Help Text "Inspections will run at this time..." in the Configuration</li>
<li><strong>2.5:1</strong> for the link "<a href="mailto:support@secteer.com" rel="nofollow ugc">support@secteer.com</a>" in "Support"</li>
<li><strong>2.7:1</strong> for the link "SecTeer VulnDetect Technical Guide" in "Support"</li>
<li><strong>2.6:1</strong> for the placeholder-text in the form fields in "Support"<br />
For placeholder texts the color contrast 3.0:1 is sufficient, so use the text color #8995A7 (HEX) / 137, 149, 167 (RGB)</li>
<li><strong>2.6:1</strong> for the text "Login to your account" at the login page</li>
<li><strong>2.6:1</strong> for the placeholder-text in the form fields in "Login"<br />
For placeholder texts the color contrast 3.0:1 is sufficient, so use the text color #8995A7 (HEX) / 137, 149, 167 (RGB)</li>
<li><strong>2.7:1</strong> for the link "Forgot password?"</li>
<li><strong>2.7:1</strong> for the text "Not Registered?" in "Login"</li>
<li><strong>2.7:1</strong> for the text "Get access to SecTeer VulnDetect" in "Login"</li>
<li><strong>2.7:1</strong> for the text "SecTeer VulnDetect is free for personal use." in "Login"</li>
</ul>
]]></description><link>https://vulndetect.org/topic/764/color-contrast-issues-corporate-ui</link><generator>RSS for Node</generator><lastBuildDate>Tue, 17 Mar 2026 16:07:48 GMT</lastBuildDate><atom:link href="https://vulndetect.org/topic/764.rss" rel="self" type="application/rss+xml"/><pubDate>Tue, 24 Mar 2020 20:54:33 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Color Contrast Issues (Corporate UI) on Sun, 11 Feb 2024 10:46:48 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/tom" aria-label="Profile: Tom">@<bdi>Tom</bdi></a> In the sidebar you have the <strong>High-Contrast Mode</strong>.<br />
Is this mode the "solution" for the low color contrast?</p>
]]></description><link>https://vulndetect.org/post/6770</link><guid isPermaLink="true">https://vulndetect.org/post/6770</guid><dc:creator><![CDATA[OLLI_S]]></dc:creator><pubDate>Sun, 11 Feb 2024 10:46:48 GMT</pubDate></item><item><title><![CDATA[Reply to Color Contrast Issues (Corporate UI) on Sun, 11 Feb 2024 11:01:48 GMT]]></title><description><![CDATA[<p dir="auto">Added the color contrast for the white exclamation mark on red background (on page "Hosts)</p>
]]></description><link>https://vulndetect.org/post/3244</link><guid isPermaLink="true">https://vulndetect.org/post/3244</guid><dc:creator><![CDATA[OLLI_S]]></dc:creator><pubDate>Sun, 11 Feb 2024 11:01:48 GMT</pubDate></item><item><title><![CDATA[Reply to Color Contrast Issues (Corporate UI) on Sun, 11 Feb 2024 11:01:39 GMT]]></title><description><![CDATA[<p dir="auto">Added the color contrast for the white exclamation mark on yellow background (on page "Hosts)</p>
]]></description><link>https://vulndetect.org/post/3241</link><guid isPermaLink="true">https://vulndetect.org/post/3241</guid><dc:creator><![CDATA[OLLI_S]]></dc:creator><pubDate>Sun, 11 Feb 2024 11:01:39 GMT</pubDate></item></channel></rss>