The Inaccessible Anchor Element
Recently I came across a navigation component in a project that allowed users to move forward and backward through a process. Since the interactive elements lacked focus styles, one of the first things we did was introduce them. However, after adding :focus-visible
styles, the backward link wasn't receiving any styling. In fact, it wasn't even focusable. This made me think: what is the bare minimum for an anchor element to be accessible?