HTML lists are simple but extremely useful. Like HTML headings, they help give semantic meaning to information on a web page. Coded correctly, lists also give screen reader users important insights into the nature of the content they’re exploring.
Focus is one of the lesser used Cascading Style Sheets (CSS) pseudo-classes. People familiar with CSS should be aware of the more commonly used pair, link and visited, but will often find that the focus and active pseudo-classes have been missed out. This article aims to explain why they are important and how they can be used to enhance your site.