Focus Bug

Posted on January 04, 2014 – Return home

Back in November of last year I wrote a piece called The frustrations of VoiceOver. In said post I describe a situation where if a display: inline-block rule/ value set is declared on the :focus pseudo element of the a selector, VoiceOver in Safari on both Mac OSX and iOS will stop reading the content of a webpage after it reads the first linked item nested within a list. This page demonstrates this "bug."

In the list immediately below, the display: inline-block rule/ value set is not declared on the :focus pseudo element of the a selector. VoiceOver will continue to read past the first link nested in the list.

In the list immediately below, the display: inline-block rule/ value set is declared on the :focus pseudo element of the a selector. VoiceOver will stop reading after the first link nested within the list.