Focusable elements like anchors weren't accesible by keyboard, they weren't receiving the focus as they should. It was not possible to navigate using the keyboard on Firefox. So after we finished the testing, the results were: We were performing some accessibility plus cross browser testing to check that the site we were building was accessible by keyboard in Chrome, Firefox and Safari. They say an image is worth a thousand words and I couldn't agree more so here is a GIF of Codegram's site being used with the keyboard (TAB key) and each focusable element receiving the focus clearly by the blue rectangle.

(.) Focus refers to which control on the screen (an input item such as a field, checkbox, button, or link) currently receives input from the keyboard, and from the clipboard when you paste content. But first things first, what's the focus?įocus determines where keyboard events go in the page at any given moment. Thankfully I'm in a team where everyone is really involved with this topic as well, so we're all learning together.

I've decided to share this tiny miny mee issue that we had in the last project that I worked on, just in case someone is facing the same problem, so they don't have to waste spend their time too.Īs you might already know, I care about accessibility a lot, but caring is not enough, you need to learn, and there's a lot to learn in this field.

Mozilla focus