Some users with physical disabilities rely on the keyboard to operate web pages. The most common navigation pattern is to tab through the controls. This is why it is imprtant that the control that has been "tabbed to" show clearly that it is the currently focused control. Let's take a look at a page that may be problematic for them.
After loading page start tabbing (navigate by using the tab key to go forward and shift + tab to go backward).
Fix focus issues button and keep on tabbing. Is it a better experience?Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultricies orci sit amet risus finibus lobortis. Praesent iaculis, odio eu pharetra interdum, odio tortor ultricies lorem, et blandit magna felis tincidunt lorem. Proin luctus tortor egestas diam viverra aliquet. Nam ut fermentum magna. Pellentesque consequat leo eu vestibulum euismod. Nulla bibendum urna in dignissim cursus. Quisque venenatis tempus odio non malesuada.[1]
In lectus est, blandit id tellus venenatis, tristique fringilla lorem. Vestibulum ac enim at ligula vulputate maximus eu a risus. Donec convallis risus ut consectetur molestie. Vestibulum nec tincidunt odio. Quisque vel arcu ante. Vivamus ac lacinia tellus, eu eleifend orci. Vivamus nunc dolor, viverra eu massa sed, sodales dictum est. Pellentesque auctor cursus purus, nec posuere leo fermentum sit amet. Pellentesque et laoreet mauris. In at nisi erat. Morbi gravida luctus ante. Fusce mollis semper vulputate. Sed luctus viverra orci ut auctor. Duis quis nisi vel erat porttitor finibus. Sed a magna arcu. Ut bibendum nisl at felis scelerisque, in faucibus nisi laoreet. [2]