WebAIM - Web Accessibility In Mind

E-mail List Archives

text contrast minimum for native widgets


From: glen walker
Date: Jul 17, 2020 8:37PM

If you use a native <select>/<option> element and don't change the
appearance, on chrome, safari, and firefox the dropdown list shows white
text on a blue background for the element that is selected. The blue that
is used on chrome and safari has a 3.2:1 ratio and the blue on firefox is
just below 4.5:1.

1.4.11 Non-text contrast has an exception "where the appearance of the
component is determined by the user agent and not modified by the author"
but 1.4.3 does not have that exception. So if you're using a native
element and the text contrast fails, you're responsible for changing the
native color?