All our web pages should be accessible to any user, regardless of their level of technical knowledge, their device, or their ability.
The pattern library works on all current browsers (e.g. Chrome, Firefox, Safari latest, IE11 and Edge). Internet Explorer is supported back to version 8, although this is constantly under review and may change if IE8 usage drops to a negligible amount.
'Skip to Content' link
Every page should have a 'Skip to content link', as the first thing in the code. The markup is as follows:
<a href="#Main-Content" class="o-skip-link is-invisible">Skip to content</a>
The link is invisible without making it hidden to screen readers. When the link is focussed it appears on the screen, allowing sighted readers to use it to navigate.
Obviously, the element with
id="Main-Content" should be the main part of the page, after the header and navigation (and subnavigation, if present).