TEST FOR: www.showmetheaccess.co.uk

Your score was 6 out of 8!

Not bad, but check what you're missing!

  1. Well done
    You specified the viewport

    The viewport tag tells the device to fit the web page to the width of the device (instead of scaling it down).

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  2. Well done
    You didn't disable zooming

    Using maximum scale and user scalable options in the viewport is bad form indeed, as it takes control out of the users hands.

    <meta name="viewport" content="maximum-scale=1.0, user-scalable=no"/>
  3. Well done
    You used the MobileOptimized tag

    This tells the mobile browser which mobile width the site is best optimised for. It's an extra failsafe for mobile browser rendering.

    <meta name="MobileOptimized" content="320">
  4. Well done
    You used the HandheldFriendly tag

    Similar to the MobileOptimized tag, this tells devices such as Blackberrys that the site is optimised for mobile browsing.

    <meta name="HandheldFriendly" content="True">
  5. Well done
    You are using Modernizr

    Modernizr is an open-source JavaScript library that gives you media-query-like abilities in older browsers.

    <script src="modernizr.js">
  6. Oops!
    You don't have an Apple Touch Icon

    If someone adds your website on their home screen, an Apple Touch icon will look far better than a shrunk down screenshot.

    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />
  7. Oops!
    You have no phone link

    In the olden days mobile phones were used for calling people. The quickest way to connect with a potential customer is to include a clickable phone number.

    <a href="tel:your number">
  8. Well done
    You haven't used tables for layout

    Tables should only be used for tabular data. Using table tags for layout is naughty - they aren't semantic and they bloat your site with code.


Add the logo:

I am Mobile

<a href="http://www.iammobile.co.uk/results/www.showmetheaccess.co.uk"><img src="http://www.iammobile.co.uk/images/iammobile.png" alt="I am Mobile"></a>

Add the small logo:

I am Mobile

<a href="http://www.iammobile.co.uk/results/www.showmetheaccess.co.uk"><img src="http://www.iammobile.co.uk/images/iammobile-small.png" alt="I am Mobile"></a>

Or just show a link:

<a href="http://www.iammobile.co.uk/results/www.showmetheaccess.co.uk">See how mobile friendly this site is</a>