How to build an accessible dropdown in Webflow with custom code

@Siton_Systems thanks for sharing your code.

Are there any updates from webflow as to when they’ll have a dropdown or nav menu that’s keyboard accessible and ADA compliant?

Certainly, as far as keyboard access for all browsers is concerned, the update is now done and we’re using it successfully on all our sites. If an external site, like ours, it’s Just a case of republishing webflow.js and the css files. We did need to set the Focus on each nav element to make it show when tabbing trough the drop-down. Other than that, no other changed were necessary. Note: if using Edge, you might need to [Ctrl][F5] refresh the webpage to see the changes working.