We are working on a new site.

It's a work-in-progress and we'd love for you to take a look.


Text links should comply with existing standards and guidelines as much as possible.

However, as tablets are touch-screen devices, there is no hover state available. So the usual GEL underline on hover ruling is not applicable here. This means that text links must be easily distinguishable from body copy using a combination of bold type and colour.

Equally, the lack of a hover state means that the representation of interactive elements such as buttons need to look touchable otherwise there is a risk of low discoverability.

In both cases, a clear (brief) action state needs to be able to communicate an interaction when selected (tapped).


Setting a minimum safe area of 44pt around elements allows a user to easily select content and provides relative safe proximity between items. This will help to minimise accidental navigation (due to unintended touches).

Copyright © 2015 BBC. The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.