Make Brine Folder Navigation Keyboard Accessible

Hi @SJSchaidt,

You can use CSS to force the style (position, visibility, and opacity depending on the template) by using the :focus-within pseudo-class. This targets the folder and forces it to be visible whenever a child element is focused by the keyboard. For Brine I believe it'd be something like this:

.subnav:focus-within div {opacity:1!important;}

With an effect like this:

Our team implements this kind of custom code all the time within our Squarespace accessibility service. We also add other keyboard accessibility features such as a skip link and re-enabled focus indicator, along with other ADA-compliant features such as custom alt text and high contrast mode.

Check out our website if you're interested in a free audit: squareada.com

-Tyler