Site logo

[Support request] DPS – WAVE Accesssbility online

Home Forums Support [Support request] DPS – WAVE Accesssbility online

Home Forums Support DPS – WAVE Accesssbility online

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2183711
    Robert

    Hi

    I have a problem with the Accesssbility:

    even I made a contrast color test with the result 15:1
    https://snipboard.io/fnWRXw.jpg

    and the I used this two colors in tne sub-menu

    the WAVE Accesssbility online test show me a problem with the contrast:
    https://snipboard.io/NqZ62E.jpg

    What can I do there to fix it ?

    Kr
    Robert

    #2184229
    Ying
    Staff
    Customer Support

    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.

    #2184549
    Robert

    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

    #2184566
    Fernando
    Customer Support

    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! 🙂

    #2186200
    Robert

    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

    #2186288
    David
    Staff
    Customer Support

    Hi there,

    which element is being flagged for contrast issues ?

    #2186494
    Robert

    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

    #2186502
    David
    Staff
    Customer Support

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

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

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