DPS - WAVE Accesssbility online

Hi Robert,

I think it uses the site header background color which is var(--base-3) as the menu item link's background color.

Try add this CSS:

.main-navigation ul ul li a {
    background-color: #202714;
}

I think you don't need to be worrying too much about the accessibility issue as it is obviously miscalculated :)

Let me know if the CSS works for the test.

Hi

thx for Your codes - it helps in the sub-MENU

:)

Just one thing more:
the WAVE Accesssbility online test show now only one problem with the color contrast:

https://snipboard.io/T0bN93.jpg

but I can't fint the location of this problem

Do You have maybe any idea where it is ?

Thx
Robert

Hi Robert,

One Element that seems that it may have a contrast issue is this: https://share.getcloudapp.com/6quZzNgO

You can try changing the Sub-menu text color as such in Appearance > Customize > Colors: https://share.getcloudapp.com/RBunmBjJ

Or modify it through code by adding this in Appearance > Customize > Additional CSS:

.slideout-navigation.main-navigation .main-nav ul.sub-menu a {
    color: #fff;
}

Hope this helps! :)

Hi

this are now my settings:

https://prnt.sc/v6NIQtMOmBJz

https://prnt.sc/kPgv01aXug9h

It looks so:
https://prnt.sc/ppq_ha-5ZKYe

But the WAVE Accesssbility online test shows still one contrast problem

Kr
Robert

Hi there,

which element is being flagged for contrast issues ?

Hi

to see it I switched OFF the style in the test and so its a link:

https://snipboard.io/2gxlSa.jpg

"Przejdz do tresci" which meens: Skip to content

Kr
Robert

That looks like that Screen Reader Skip text link - see this topic:

https://generatepress.com/forums/topic/accessibility-two-problems/#post-1186316