<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector Accessibility Tools"
href="https://bugs.webkit.org/show_bug.cgi?id=151544#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector Accessibility Tools"
href="https://bugs.webkit.org/show_bug.cgi?id=151544">bug 151544</a>
from <span class="vcard"><a class="email" href="mailto:nvasilyev@apple.com" title="Nikita Vasilyev <nvasilyev@apple.com>"> <span class="fn">Nikita Vasilyev</span></a>
</span></b>
<pre>I agree that the current state of accessibility tooling in Web Inspector isn't great.
(In reply to <a href="show_bug.cgi?id=151544#c0">comment #0</a>)
<span class="quote">> The Web Inspector provides numerous useful tools for styling, debugging
> and performance tuning, but it lacks in tools for improving accessibility.
> I'm partially-sighted and so most of what I'd like to see would focus on
> finding issues with low contrast, which has become a concerning recent
> design trend. There are many web-based tools for reporting on the contrast
> between a foreground and background colour, but they're entirely manual
> and don't take into account the size of text in a usable way. It'd be
> fantastic if it took into account the font and font weight too, since
> considering only the colours ignores spindly fonts, etc.</span >
Do you know any tools that do what you've described?
Are there any algorithms that we can use?
<span class="quote">> - Tools for reporting on poor choice of colours that will cause
> difficulty for colourblind users. Such tools exist such as
> <a href="https://michelf.ca/projects/sim-daltonism/">https://michelf.ca/projects/sim-daltonism/</a>, but require developer
> awareness and manual testing. Providing it within a developer's
> typical development environment would be ideal.</span >
I wonder if this can be done with CSS filters and/or blend modes.
<span class="quote">> - Tools for reporting other issues such as images without alt tags
> or other elements that'd unusable. This needs expansion.</span >
We could have a mode when we outline images without alt attributes.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>