-
Rafiozoo
Dear GenerateSupport Team,
I already had wrote about this issue here (at old support forum).[Current Release Candidate version doesn’t improve in the matter.]
The main problem is:
Focusable elements (links, inputs, buttons, etc.) in hidden / closed content panels of Accordions or Tabs Block are still stealing focus WHILE THEY ARE NOT VISIBLE.They should get normal tabindex back once their content panel is opened / visible.
Regards
-
Rafiozoo
I’ve been focused on tabindex attribute, and messed with JavaScript. Luckily, CSS can bring solution!
Elements withdisplay: none
orvisibility: hidden
can’t access focus with keyboard, so…/* Focus Accessibility Fix */ .gb-accordion__toggle[aria-expanded="true"] + .gb-accordion__content { visibility: visible; } .gb-accordion__toggle[aria-expanded="false"] + .gb-accordion__content { animation-name: disable_focus; animation-fill-mode: forwards; animation-delay: 0.5s; } @keyframes disable_focus { 100% { visibility: hidden; } }
-
Hi there,
i have passed the issue on to the dev team for their consideration.
But thank you for sharing your CSS fix 🙂 Very smart.
- You must be logged in to reply to this topic.