Theme colour switcher

Blog Topic: menus

The title of this post might seem a little odd, but it's inspired by a recent accessibility audit where I saw the HTML <nav> region being used in some unusual ways. The MDN HTML spec defines the <nav> element this way: The <nav> HTML element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.…

Continue reading Accessibility: What is a nav region?

This is slightly adapted from presentation notes, so it's a bit sketchy. It's more of an outline of requirements, rather than code samples. I may add those later. Also, note that I've only covered two scenarios: a dropdown menu, and a menu that covers the entire screen when opened (modal dialog). There may be different considerations for other styles. Mobile menu: usually the site's main menu,…

Continue reading How to create an accessible mobile menu