I wanted to bring up a couple of accessibility issues I noticed with the sliders for customization.
First, even at the maximum value allowed on the sliders, there's not enough contrast with the background for the active tab. This can make it hard for users with low vision to see what they’re adjusting. The WCAG guidelines recommend a contrast ratio of at least 3:1 for non-text content and there's currently no option to reach that ratio. This one hits home for me personally, as it can be quite challenging to know exactly which tab is the active one. Please consider increasing the top value so it can go up to a level that provides better contrast for users with low vision.
Also, an actual visual representation of the current value for the sliders would be appreciated. Again, according to the Web Content Accessibility Guidelines (WCAG), clear information about the state of controls is super important for accessibility.
I wanted to bring up a couple of accessibility issues I noticed with the sliders for customization.
First, even at the maximum value allowed on the sliders, there's not enough contrast with the background for the active tab. This can make it hard for users with low vision to see what they’re adjusting. The WCAG guidelines recommend a contrast ratio of at least 3:1 for non-text content and there's currently no option to reach that ratio. This one hits home for me personally, as it can be quite challenging to know exactly which tab is the active one. Please consider increasing the top value so it can go up to a level that provides better contrast for users with low vision.
Also, an actual visual representation of the current value for the sliders would be appreciated. Again, according to the Web Content Accessibility Guidelines (WCAG), clear information about the state of controls is super important for accessibility.