wagtail / wagtail.org

Wagtail’s official marketing website
https://wagtail.org/
66 stars 60 forks source link

Decorative shapes overlap section subheadings #457

Open shyusu4 opened 7 months ago

shyusu4 commented 7 months ago

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

thibaudcolas commented 6 months ago

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