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?
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.
Unfortunately, the theme does not include focus-visiblestyling out of the box since not all browsers are compatible with that css pseudo class:
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.
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
Hi Dario,
Thanks for reaching out us
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!
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
Hi Dario,
Thank you for the clarification
Unfortunately, the theme does not include focus-visiblestyling out of the box since not all browsers are compatible with that css pseudo class:
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!