Support » Theme: Storefront » Accessibility violations: theme modifies outline styles for focused elements

  • Resolved Rachel Cherry

    (@bamadesigner)



    This theme modifies the CSS outline styles for focus elements and makes the focus extremely challenging, if not impossible, to see.

    When those who cannot use a mouse navigate these sites via keyboard, or other assistive device, they are dependent on these styles to detect which items have focus. These tiny dashed lines, or simply changing the contrast of inputs, are barely visible to users with good vision, much less those with low vision or color blindness.

    The base CSS needs to be modified to set more prominent focus styles.

    You’ve also removed the text-decoration from all anchors, which causes another accessibility violation. Information cannot be conveyed solely by color. With your current styles, users who are color blind to blue, cannot see that text has a link. All they see is text that looks just like everything else.

    The base CSS needs to be modified to not remove text-decoration for all elements.

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.