Go to
Result:
13/100
 

The score equals 100 minus the sum of the costs of failures (see the help page). Here is the repartition of costs per failure severity:

Severity Number Total cost
critical 1 15pt
severe 4 50pt
medium 1 5pt
low 8 17pt
Page Size:
43KB
document: 14.2KB - stylesheets: 8.5KB - images: 20.3KB
Network:
3 requests
document: 1 - stylesheets: 1 - images: 1

Check out W3C's training courses for mobile!

Help on the checker is available.

Where to start...

1 critical error(s) detected!
These errors typically prevent the rendering of at least part of the page on mobile devices. Critical errors should be addressed first. Here is the list:

Follow the links above for a detailed description of each message and suggestions to fix the underlying problem.

Detailed report

  1. Markup

    The quality of the markup sent to mobile browsers will impact the reliability and smoothness of the rendering of the page. Markup validity is the first step to delivering content that can be parsed and rendered reliably by browsers. The recommended markup format for mobile content is XHTML Basic 1.1. But beyond validity, various tags and attributes have a specific impact in the mobile world. For instance, CSS style sheets should be used to control the layout of the page instead of presentational tags (e.g. center, big, or font) and images sizes should be defined in the markup to avoid reflows.

    • The document uses elements or structures that are not allowed in the XHTML Basic 1.1 specification, and thus are likely to be problematic for mobile browsers.
      Check the page with the W3C Markup Validator
      Triggered 2 times by http://www.marketingagora.org/:
      Line 10, Column 60 — Element "SCRIPT" is not allowed.
      Line 11, Column 1811 — The reference to entity "cssid" must end with the ';' delimiter.
      Related best practice:
      [VALID_MARKUP] Create documents that validate to published formal grammars.
    • When the width and height attributes are not specified on an image, browsers need to reflow the page when the image has finished loading, which may disrupt the user experience.
      Add width and height attributes matching the actual dimensions of the image.
      Triggered by the resource under test:
      … <img border="0" src="http://i.nuseek.com/images/template/360x318/ist2_746781_female_student.jpg"/>
      Related best practice:
      [IMAGES_SPECIFY_SIZE] Specify the size of images in markup, if they have an intrinsic size.
    • On top of the Web Content Accessibility Guidelines reasons to recommend the definition of the alt attribute on images, there are a number of reasons why images may not be displayed on mobile devices: the image is too big, the intermittent connection prevented the browser from downloading the image, the user deactivated the rendering of images to save time (and possibly money), ... In such cases, the alternative text will be displayed to help the user understand the missing image(s).
      Define an alt attribute to all the images of the page. Note that if the images are simply decorative, an empty alt attribute is appropriate.
      Triggered by the resource under test:
      … <img border="0" src="http://i.nuseek.com/images/template/360x318/ist2_746781_female_student.jpg"/>
      Related best practice:
      [NON-TEXT_ALTERNATIVES] Provide a text equivalent for every non-text element.
    • Elements that have an impact on layout are not supported by most mobile devices.
      Use CSS style sheets to control the layout of the page.
      Triggered by the resource under test:
      … <font color="#797979" face="arial,helv" size="2"> The domain marketingagora.org has expired. If you owned this domain, please contact your domain registration service provider for further assistance. If you need help identifying your service provider, visit <a href="http://domainhelp.tucows.com" target="_blank">http://domainhelp.tucows.com</a>. </font>
      Related best practice:
      [STYLE_SHEETS_USE] Use style sheets to control layout and presentation, unless the device is known not to support them.
    • The document uses a doctype that is not recognized as a well-known XHTML mobile flavor. Switching to such a doctype may help finding problems with the markup of the page when using validating tools (such a the W3C Markup Validator).
      Triggered by the resource under test.
      Related best practice:
      [CONTENT_FORMAT_SUPPORT] Send content in a format that is known to be supported by the device.
    • Presentation effects should be defined separately from the content, in a CSS style sheet that can be re-used and cached across pages.
      Use CSS style sheets to control the layout of the page.
      Triggered by the resource under test:
      … <b>marketingagora.org</b>
      Related best practice:
      [STYLE_SHEETS_USE] Use style sheets to control layout and presentation, unless the device is known not to support them.
  2. Structure of the page

    Markup validity does not ensure that tags are used appropriately. For instance, given the lack of support for nested tables in mobile browsers and the small screen sizes, using tables for layout will not work on mobile devices. The same goes with the use of applets, frames, pop-ups, and so on. The size of the page is also a very important aspect to keep in mind when designing mobile-friendly pages.

    1. Layout

      Checks that tables are not used for layout and that graphics are not used for spacing.

      • A table with only one row is either the sign that the table is used:
        • to represent a list of items horizontally
        • to control the relative position of various sections of the page
        Both uses imply a layout based on tables. While most mobile devices support basic tables, they are rendered quite differently by different mobile browsers, and cannot be reliably used for layout. The table element should only be used - with care - to represent tabular data.
        Use CSS techniques to control the layout of the page. For instance, if you were trying to render a list of items horizontally, consider:
        • <ul> <li>Item 1</li> <li>Item 2</li> </ul> in the markup of the page
        • ul li { display: inline; } in the CSS style sheet to force the items of the list to be rendered on the same line
        Triggered 10 times by the resource under test:
        … <table border="0" cellpadding="0" cellspacing="0" class="hdr"><tr><td class="hdrL"> <div class="header"><h1>Welcome to <b>marketingagora.org</b></h1></div> </td><td class="hdrR"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="oneColLayout" width="100%"><tr><td class="oneCol"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="twoColLayout"><tr><td class="twoColL"> <div class="ldrRelLinks clearfix"><div class="ldrRelLinks_Col1"><ul><li class="first"><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9TWFya2V0aW5nO1I9MTtTPU0j&slt=1&slr=1&lpt=1');"><span class="inner">Marketing</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/web_site_promotion.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9V2ViIFNpdGUgUHJvbW90aW9uO1I9MjtTPW8jLSMzZw..&slt=1&slr=2&lpt=1');"><span class="inner">Web Site Promotion</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/internet_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9SW50ZXJuZXQgTWFya2V0aW5nO1I9MztTPW8jLSMzZw..&slt=1&slr=3&lpt=1');"><span class="inner">Internet Marketing</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/market_research.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9TWFya2V0IFJlc2VhcmNoO1I9NDtTPW8jLSMzZw..&slt=1&slr=4&lpt=1');"><span class="inner">Market Research</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/event_planning.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RXZlbnQgUGxhbm5pbmc7Uj01O1M9byMtIzNn&slt=1&slr=5&lpt=1');"><span class="inner">Event Planning</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/email_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RW1haWwgTWFya2V0aW5nO1I9NjtTPW8jLSMzZw..&slt=1&slr=6&lpt=1');"><span class="inner">Email Marketing</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/public_relations.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9UHVibGljIFJlbGF0aW9ucztSPTc7Uz1vIy0jM2c.&slt=1&slr=7&lpt=1');"><span class="inner">Public Relations</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/promotion.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9UHJvbW90aW9uO1I9ODtTPW8jLSMzZw..&slt=1&slr=8&lpt=1');"><span class="inner">Promotion</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/advertising_agency.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9QWR2ZXJ0aXNpbmcgQWdlbmN5O1I9OTtTPW8jLSMzZw..&slt=1&slr=9&lpt=1');"><span class="inner">Advertising Agency</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/business_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9QnVzaW5lc3MgTWFya2V0aW5nO1I9MTA7Uz1vIy0jM2c.&slt=1&slr=10&lpt=1');"><span class="inner">Business Marketing</span></span></li><li class="last"><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/direct_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RGlyZWN0IE1hcmtldGluZztSPTExO1M9byMtIzNn&slt=1&slr=11&lpt=1');"><span class="inner">Direct Marketing</span></span></li></ul></div></div> </td><td class="twoColR"> <div class="mainImg"><img border="0" src="http://i.nuseek.com/images/template/360x318/ist2_746781_female_student.jpg"/></div> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="threeColLayout"><tr><td class="threeColL"> </td><td class="threeColM"> </td><td class="threeColR"> </td></tr></table>
        … <table><tr><td><input class="SearchBoxText" id="tsearch" name="tsearch" tabindex="1" type="text"/></td><td><input class="sb_btn" id="search_button" name="search_button" src="http://i.nuseek.com/images/misc/blank.gif" tabindex="2" type="image"/></td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" class="hdr"><tr><td class="hdrL"> <div class="header"><h1>Welcome to <b>marketingagora.org</b></h1></div> </td><td class="hdrR"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="oneColLayout" width="100%"><tr><td class="oneCol"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="twoColLayout"><tr><td class="twoColL"> <div class="ldrRelLinks clearfix"><div class="ldrRelLinks_Col1"><ul><li class="first"><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9TWFya2V0aW5nO1I9MTtTPU0j&slt=1&slr=1&lpt=1');"><span class="inner">Marketing</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/web_site_promotion.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9V2ViIFNpdGUgUHJvbW90aW9uO1I9MjtTPW8jLSMzZw..&slt=1&slr=2&lpt=1');"><span class="inner">Web Site Promotion</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/internet_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9SW50ZXJuZXQgTWFya2V0aW5nO1I9MztTPW8jLSMzZw..&slt=1&slr=3&lpt=1');"><span class="inner">Internet Marketing</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/market_research.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9TWFya2V0IFJlc2VhcmNoO1I9NDtTPW8jLSMzZw..&slt=1&slr=4&lpt=1');"><span class="inner">Market Research</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/event_planning.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RXZlbnQgUGxhbm5pbmc7Uj01O1M9byMtIzNn&slt=1&slr=5&lpt=1');"><span class="inner">Event Planning</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/email_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RW1haWwgTWFya2V0aW5nO1I9NjtTPW8jLSMzZw..&slt=1&slr=6&lpt=1');"><span class="inner">Email Marketing</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/public_relations.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9UHVibGljIFJlbGF0aW9ucztSPTc7Uz1vIy0jM2c.&slt=1&slr=7&lpt=1');"><span class="inner">Public Relations</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/promotion.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9UHJvbW90aW9uO1I9ODtTPW8jLSMzZw..&slt=1&slr=8&lpt=1');"><span class="inner">Promotion</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/advertising_agency.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9QWR2ZXJ0aXNpbmcgQWdlbmN5O1I9OTtTPW8jLSMzZw..&slt=1&slr=9&lpt=1');"><span class="inner">Advertising Agency</span></span></li><li><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/business_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9QnVzaW5lc3MgTWFya2V0aW5nO1I9MTA7Uz1vIy0jM2c.&slt=1&slr=10&lpt=1');"><span class="inner">Business Marketing</span></span></li><li class="last"><span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/direct_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RGlyZWN0IE1hcmtldGluZztSPTExO1M9byMtIzNn&slt=1&slr=11&lpt=1');"><span class="inner">Direct Marketing</span></span></li></ul></div></div> </td><td class="twoColR"> <div class="mainImg"><img border="0" src="http://i.nuseek.com/images/template/360x318/ist2_746781_female_student.jpg"/></div> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="threeColLayout"><tr><td class="threeColL"> </td><td class="threeColM"> </td><td class="threeColR"> </td></tr></table>
        … <table><tr><td><input class="SearchBoxText" id="tsearch" name="tsearch" tabindex="1" type="text"/></td><td><input class="sb_btn" id="search_button" name="search_button" src="http://i.nuseek.com/images/misc/blank.gif" tabindex="2" type="image"/></td></tr></table>
        Related best practice:
        [TABLES_LAYOUT] Do not use tables for layout.
      • A table with only one column is either the sign that the table is used:
        • to represent a list of items
        • to control the relative position of various sections of the page
        Both uses imply a layout based on tables. While most mobile devices support basic tables, they are rendered quite differently by different mobile browsers, and cannot be reliably used for layout. The table element should only be used - with care - to represent tabular data.
        Use CSS techniques to control the layout of the page. See a tutorial on table-less layout.
        Triggered 2 times by the resource under test:
        … <table border="0" cellpadding="0" cellspacing="0" id="oneColLayout" width="100%"><tr><td class="oneCol"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="oneColLayout" width="100%"><tr><td class="oneCol"> </td></tr></table>
        Related best practice:
        [TABLES_LAYOUT] Do not use tables for layout.
      • While most mobile devices support basic tables, nested tables are hardly supported. The layout of a page that contains nested tables is unpredictable on mobile devices and at best unlikely to be the desired layout. The table element should only be used - with care - to represent tabular data.
        Use CSS techniques to control the layout of the page. See a tutorial on table-less layout.
        Triggered 5 times by the resource under test:
        … <table border="0" cellpadding="0" cellspacing="0" class="hdr"><tr><td class="hdrL"> <div class="header"><!-- ...skipped by mobileOK checker... ---></div> </td><td class="hdrR"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="oneColLayout" width="100%"><tr><td class="oneCol"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="twoColLayout"><tr><td class="twoColL"> <div class="ldrRelLinks clearfix"><!-- ...skipped by mobileOK checker... ---></div> </td><td class="twoColR"> <div class="mainImg"><!-- ...skipped by mobileOK checker... ---></div> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" id="threeColLayout"><tr><td class="threeColL"> </td><td class="threeColM"> </td><td class="threeColR"> </td></tr></table>
        … <table><tr><td><input class="SearchBoxText" id="tsearch" name="tsearch" tabindex="1" type="text"/></td><td><input class="sb_btn" id="search_button" name="search_button" src="http://i.nuseek.com/images/misc/blank.gif" tabindex="2" type="image"/></td></tr></table>
        Related best practice:
        [TABLES_NESTED] Do not use nested tables.
      • Most mobile devices support basic tables. Use tables with care. In particular, if the width of the table is likely to be larger than the width of the mobile device's screen, the result may not be usable for users: rows may be wrapped on multiple lines with no clear way to distinguish between rows and continuation of rows, or the browser may zoom out so that users see the whole table, resulting in words written in too tiny characters to be read.
        Using tables to control the layout of the page rather than to display tabular data is a bad practice in all cases (mobile or not). Mobile browsers in particular are unlikely to render them as they would be on a big screen.
        Consider converting tables to a linear layout, e.g. using definition lists (dl, dt and dd elements). Instead of a table-based layout, use CSS techniques instead. See a tutorial on table-less layout.
        Triggered by the resource under test:
        … <table border="0" cellpadding="0" cellspacing="0" id="container"><tr><td class="col1"><!-- ...skipped by mobileOK checker... ---></td><td class="col2"><!-- ...skipped by mobileOK checker... ---></td><td class="col3"><!-- ...skipped by mobileOK checker... ---></td></tr></table>
        Related best practice:
        [TABLES_ALTERNATIVES] Where possible, use an alternative to tabular presentation.
    2. Page weight

      The size of the page includes the page itself, the external style sheet(s), and the embedded images and objects. mobileOK requires the total size of the page to be under 20 KB, and the markup itself to be under 10 KB to ensure that the page can be retrieved and rendered by a mobile device in a reasonable amount of time.

      • Big pages require a possibly high cost and a long waiting time in many mobile networks. For instance, on many mobile networks, downloading 100KB worth of data takes as long as 1 minute.
        Focus on the piece of information that you want to deliver. Scale down images to a reasonable size. Remove images that are not essential to the layout of the page. Make sure to separate CSS styles defined for screen and handheld media types so that only relevant CSS styles are downloaded by most devices.
        Triggered by the resource under test.
        Related best practice:
        [PAGE_SIZE_LIMIT] Ensure that the overall size of page is appropriate to the memory limitations of the device.
      • Mobile devices have limited screens. Long pages on small screens are confusing, because users can't see the big picture and feel lost. Some mobile devices with limited memory still can't handle pages that are more than a few Kb but, in essence, the 10Kb limit was set for usability reasons. Some screens may be big enough to display pages with more content. The 10Kb limit ensures that the page is still usable on devices with small screens.
        Focus on the piece of information that you want to deliver, and build the page around it.
        Triggered by the resource under test.
        Related best practice:
        [PAGE_SIZE_LIMIT] Ensure that the overall size of page is appropriate to the memory limitations of the device.
    3. Scripting

      Scripts can be used as long as scripting support is not required, since many mobile browsers have limited or no support for Javascripts.

      • Scripting can be used, but shouldn't be relied upon, since many mobile devices do not support or hardly support scripting. The page should still be usable when scripting is not enabled.
        Use scripting to enhance your page, but degrade gracefully when scripting is not supported.
        Triggered 4 times by the resource under test:
        … <script language="Javascript" src="/marketingagora.org.js"/>
        … <script src="http://js.revsci.net/gateway/gw.js?csid=F08747"/>
        … <script>DM_tag();</script>
        … <script language="javascript" type="Text/Javascript"> function GetIPPI(g) { var xmlHttp = createXMLHttpRequest(); if (xmlHttp != null) { xmlHttp.open('GET', '/'+g+'.ippi?g='+g, true); xmlHttp.send(null); } } function createXMLHttpRequest() { try { return new ActiveXObject('Msxml2.XMLHTTP'); } catch(e) {} try { return new ActiveXObject('Microsoft.XMLHTTP'); } catch(e) {} try { return new XMLHttpRequest(); } catch(e) {} return null; } GetIPPI('1ac59e6c-73c9-4283-ba7a-8506408ebb57'); </script>
        Related best practice:
        [OBJECTS_OR_SCRIPT] Do not rely on embedded objects or script.
      • Using event attributes means that scripts and content are mixed in the page.
        Register the events listeners in the script, separated from the content of the page.
        Triggered 17 times by the resource under test. 10 first occurrences:
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9TWFya2V0aW5nO1I9MTtTPU0j&slt=1&slr=1&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/web_site_promotion.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9V2ViIFNpdGUgUHJvbW90aW9uO1I9MjtTPW8jLSMzZw..&slt=1&slr=2&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/internet_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9SW50ZXJuZXQgTWFya2V0aW5nO1I9MztTPW8jLSMzZw..&slt=1&slr=3&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/market_research.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9TWFya2V0IFJlc2VhcmNoO1I9NDtTPW8jLSMzZw..&slt=1&slr=4&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/event_planning.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RXZlbnQgUGxhbm5pbmc7Uj01O1M9byMtIzNn&slt=1&slr=5&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/email_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9RW1haWwgTWFya2V0aW5nO1I9NjtTPW8jLSMzZw..&slt=1&slr=6&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/public_relations.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9UHVibGljIFJlbGF0aW9ucztSPTc7Uz1vIy0jM2c.&slt=1&slr=7&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/promotion.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9UHJvbW90aW9uO1I9ODtTPW8jLSMzZw..&slt=1&slr=8&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/advertising_agency.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9QWR2ZXJ0aXNpbmcgQWdlbmN5O1I9OTtTPW8jLSMzZw..&slt=1&slr=9&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        … <span class="outer" onclick="javascript:slNav('/search/marketing/site/promotion/business_marketing.htm?yt=qs%3d06oENya4ZG1YS6vOLJwpLiFdjG98_EIKJr5F3diYlK_O7vGEcYRozcXMvmXS19T-zYrMkg5nnqit7j0tt6Q9nfS1fXm4pbNjuAplCOhzyK__m3SybZNiqrwfNoJZNObD7bS9bMX_B5bqjrOAgKgtP6K6fbTz7WorxJGebz7xe0JG8miQE4VWhpA0IvRXtaZRuU8gydXmHpPQ2polOflAtwynXr5g..%2cYT0xO0w9QnVzaW5lc3MgTWFya2V0aW5nO1I9MTA7Uz1vIy0jM2c.&slt=1&slr=10&lpt=1');"><!-- ...skipped by mobileOK checker... ---></span>
        Related best practice:
        [OBJECTS_OR_SCRIPT] Do not rely on embedded objects or script.
    4. Inclusions

      Frames, pop-ups and applets are not at all mobile friendly. Usage of the object tag with its fallback mechanism needs particular care to avoid unnecessary downloads.

      • On a small screen with no pointing device, pop-ups are hard to follow and likely to cause user confusion. They may not be properly handled by some mobile browsers anyway.
        Triggered by the resource under test:
        … <a href="http://domainhelp.tucows.com" target="_blank">http://domainhelp.tucows.com</a>
        Related best practice:
        [POP_UPS] Do not cause pop-ups or other windows to appear and do not change the current window without informing the user.
    5. Image maps

      Checks that image maps are not used.

      • <input type='image'> assumes that the user will click on a specific area of an image, which is not possible on many mobile devices.
        Replace the image map by another input mechanism (e.g. a list of links).
        Triggered by the resource under test:
        … <input class="sb_btn" id="search_button" name="search_button" src="http://i.nuseek.com/images/misc/blank.gif" tabindex="2" type="image"/>
        Related best practice:
        [IMAGE_MAPS] Do not use image maps unless you know the device supports them effectively.
  3. Style sheets

    The most efficient way to control the layout of a page is to use CSS style sheets. To use them well in a mobile browser, it is important to ensure that the CSS style sheets referenced by a page and the CSS styles directly defined in the page are valid, and e.g. make a good use of the @media rules.

  4. Images/Objects

    Images and/or image objects must be delivered in an appropriate format and dimensions so that they can be retrieved and rendered by most mobile browsers. mobileOK requires that all images and rendered objects be either GIF or JPEG images.

  5. Character Encoding

    Checks in this category ensure that the content is properly encoded, and that the encoding being used is properly advertised in the HTTP headers. See Introducing Character Sets and Encodings for an overview of this topic. mobileOK requires that the content be made available encoded in UTF-8.

↑ Top

  1. User input

    Keyboard and other input methods on mobile devices can be tedious to use. Inputs should be minimized. Default values should be provivded to guide the user whenever possible.

    • If the expected text entry uses a well-defined subset of characters (e.g. numbers), identifying that set using the inputmode attribute of the input element can help mobile browsers uses the most adapted input mode on the device (e.g. numeric keyboard vs alphabetic).
      Add an inputmode attribute to the input element, with one of the well-known inputmode values.
      Triggered by the resource under test:
      … <input class="SearchBoxText" id="tsearch" name="tsearch" tabindex="1" type="text"/>
      Related best practice:
      [DEFAULT_INPUT_MODE] Specify a default text entry mode, language and/or input format, if the device is known to support it.
  2. At the HTTP level

    The source of the messages in this category is to be found in the HTTP headers that were sent along with the page. They are most likely due to the Web server configuration for static files, or the way the server-side scripts are written for dynamic content. Making sure that HTTP headers are correctly defined is essential in a mobile context with a usually low bandwidth and high latency.

    • A no-cache (or max-age=0) directive prevents browsers from caching the content, and thus requires them to retrieve it through the network every time.
      If the resource needs to be revalidated each time it is queried, consider using the Last-Modified and/or ETag HTTP headers to limit the complete retrieval of the resource to the cases where the resource has changed. See Mark Nottingham's tutorial on caching to learn more about these techniques.
      Triggered by the resource under test.
      Related best practice:
      [CACHING] Provide caching information in HTTP responses.
    • The no-cache value in the Pragma HTTP directive prevents browsers from caching the content, and thus requires them to retrieve it through the network every time.
      If the resource needs to be revalidated each time it is queried by users, consider using the Last-Modified and/or ETag HTTP headers to limit the complete retrieval of the resource to the cases where the resource has changed. See Mark Nottingham's tutorial on caching to learn more about these techniques.
      Triggered by the resource under test.
      Related best practice:
      [CACHING] Provide caching information in HTTP responses.
    • An unknown value in a caching directive may be the result of a typo, and could prevent browsers from properly handling the caching information.
      Triggered by the resource under test:
      Invalid value -1
      Related best practice:
      [CACHING] Provide caching information in HTTP responses.
    • The recommended media type for serving XHTML is application/xhtml+xml. More browsers are likely to support that media type, and optimize the rendering for it. application/vnd.wap.xhtml+xml is widely used and supported in mobile networks as well but is unlikely to be supported by non-mobile browsers.
      See how to properly configure server mime types. If the page under test uses a non-XML version of HTML, you should first consider switching to XHTML. In any case, do not serve a non-XML version of HTML with an application/xhtml+xml media type.
      Beware: some browsers have no support for application/xhtml+xml (e.g. Internet Explorer) and prompt users to download pages served as such. You should not serve XHTML content to browsers that do not support it. Use Content Negotiation to match the browser's capabilities. See the XHTML Media Types - Second Edition W3C note for more information and in particular the Compatibility Guidelines to follow to have XHTML documents rendered on both XHTML-aware and HTML-only user agents.
      Triggered by the resource under test:
      served as text/html
      Related best practice:
      [CONTENT_FORMAT_SUPPORT] Send content in a format that is known to be supported by the device.
    • The value of an HTTP response header conflicts with the value of the matching meta http-equiv element defined in the content of the page.
      Triggered by the resource under test:
      HTTP header content-type

↑ Top