I am facing this contrast error using WAVE – Web Accessibility Evaluation Tool https://wave.webaim.org/ on my navgation links in various websites. This error is specifically happening when I try to overlay a transparent navigation header over a hero that contains an image or a video. An example of the error is below. I’ve tried making the hero background contrast worthy (dark) and this seemed to have no effect.
Here is my template site with an image below to show what I mean https://slynntemplates.wpenginepowered.com/test/
enter image description here
Though Lighthouse seemed to have a better outcome, I am wondering if there is a fairly easy work around this error. Some of our clients use WAVE.