Okay
  Public Ticket #2807537
Visual focus cues
Closed

Comments

  • Dario Belenfante started the conversation

    Hello,

    My client is asking me about the visual focus cues, when you tab thru the webpage, there should be an outline that appears around a tabbed element for our visually disabled visitors.  The reason that we chose your theme is because of the accessibility wcag2.1.

    Is there a way that I can activate the focus-visual attribute in the CSS?


    Kind regards,

    Dario Belenfante

  •  1,831
    Support Agent 1 replied

    Hi Dario,

    Thanks for reaching out ussmile.png

    If we understood you correctly - you are referring to menu items?

    Could you please send us some screenshot of the issue?

    Thanks!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Dario Belenfante replied

    Hello,

    On our website it is not possible to take a screnshot of the issue because it does not appear -- that is the problem.   But i do have an example or one of our other websites and what i mean.  Please use this link to download a short video which illustrates the visual focus cues when the tab button is used ( https://bit.ly/3qg4unO ).   For our visually impaired clients it is necessary for accessibility with their screen readers. 

    Regards,

    Dario

  •  1,831
    Support Agent 1 replied

    Hi Dario,

    Thank you for the clarificationsmile.png

    Unfortunately, the theme does not include focus-visiblestyling out of the box since not all browsers are compatible with that css pseudo class:

    2839415700.png


    Should you want you can try implementing that styling by adding the following css code for all links:

    a:focus-visible { outline: 3px solid orange; }

    *Please note that this could possibly lead to some unexpected styling issues, as focus could appear on some elements on which you don't expect them to.



    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!