wagtail.org icon indicating copy to clipboard operation
wagtail.org copied to clipboard

Decorative shapes overlap section subheadings

Open shyusu4 opened this issue 1 year ago • 1 comments

Issue

Decorative shapes are currently overlapping with section subheadings.

Decorative shape overlapping section subheading in dark mode of wagtail.org Decorative shape overlapping section subheading on website in light mode of wagtail.org

Steps to reproduce Resize the viewport to 768px or less.

Suggested fix Make sure icons are always behind text elements in z-index layering or/and add a solid background according to theme behind the text.

Reference Wagtail.org | Accessibility audit spreadsheet

shyusu4 avatar Jan 31 '24 15:01 shyusu4

There’s been some improvements in #458 but I think there’s more work to do on this.

thibaudcolas avatar Feb 25 '24 10:02 thibaudcolas