Future Media Standards & Guidelines

Control styles

Links that are part of general editorial content must self evident, identifiable by their visual style, and distinguishable from the surrounding content.

Text links must have a mouse-over state change.

Rationale

To aid discoverability all links must be made self-evident with their visual style.

Appropriate styles are:

  • underlined
  • a different colour, meeting contrast standards, to the surrounding text

When hovered over links should have a change in style as confirmation that they are links.

Appropriate styles are:

  • adding an underline to previously not underlined content
  • a change in colour, with a sufficiently different contrast to meet the contrast standard compared with the default state colour

Techniques

Pass:

<style>
    body {
        background: #fff;
        color: #000;
    }

    a {
        color: #005580;
        text-decoration: none;
    }

    a:focus,
    a:hover {
        background: 
        text-decoration: underline;
    }
</style>

<a href="http://www.bbc.co.uk/">BBC</a>

Fail:

<style>
    body {
        background: #fff;
        color: #000;
    }

    a {
        color: #000;
        text-decoration: none;
    }
</style>

<a href="http://www.bbc.co.uk/">BBC</a>

Tests

Procedure Expected Result Type
For every <a> element check the visual style All <a> elements must be visually distinguishable from the surrounding content Manual
For every <a> element check the visual style of the :hover state All <a> elements must have a visually distinguishable style between :link and :hover states Manual

Using the standards and guidelines

You can use use and re-use the the BBC Accessibility Standards and Guidelines under an Open Government Licence for Public Sector Information.

Details can be found on the Open Government Licence for Public Sector Information website.

Feedback

We would love to hear your feedback. If you have a question or comment about the standards or guidelines email us at AccessibilityTeam@bbc.co.uk.

BBC © 2014 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.