Test Website

Test results for http://www.dentsu.co.jp Test results from 3/12/2010 7:18:41 AM

Popup

Pop-ups tend to annoy web users, as they appear suddenly and cannot be controlled. In addition, many users associate pop-ups with untrustworthy gambling and porn sites. User-friendly websites should therefore not include pop-ups, with the following exception: a print-preview of a page displayed as a pop-up.

Source:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger

Further information:
http://www.usability.ch/Alt_nav/Alertbox/NJ_20041206.htm

The tested website is coded to display pop-ups.

Resizable Fonts

Not all visually impaired people make use of technical support to navigate on the internet. The feature to increase fonts is an important element to ensure that all information of the website can be read by all users. Even people who are not visually impaired need to increase the font sometimes. At the same time, an increasing number of older people surf the web; they too need a feature to increase the font. To this purpose, it is important to define the font size not in pixel, but in percentage or "em".

Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger

The font on the tested website cannot be increased and defined with the automated browser feature "Text Size".

Keywords - Think Phrases

Many web users use two to three search words. Particularly web users who are focused on their search use sentences rather than single keywords, in order to narrow the search.
Do not limit yourself with keywords, but use use search phrases like "feed the dog" or "vaccinate the baby". For the most used search phrases, well known search engines and directories display special offers. As an example: www.yahoo.com on http://searchmarketing.yahoo.com/de_CH/rc/srch/oyr.php#.

Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger

The tested website does not use search phrases.

Spaghetti Markup

Separating design and structure of the website carries great advantages. The sharper the distinction, the more independent the two areas are. A lack of such a distinction is also called a "spaghetti mark-up" or a "tag-soup" (from the term "HTML tag").

Nowadays it is easy to save colours, type fonts, design images and to a large extent even the layout of the website in CSS files (CSS = Cascading Style Sheet).

Further information:
http://www.style-sheets.de/guide/grundlagen/warum_css
http://www.vorsprungdurchwebstandards.de/theory/retro-coding/

Hint for IT technicians: "Code" does not refer to javascript, but to HTML source.

The tested website contains spaghetti mark-up; morevover, it is not or not fully defined in CSS Format.

Label for Form Elements

The logical connection between definition and form field is missing if the form fields lack an explicit  title.

This means that in the instance of a linear form, it is not apparent which definition belongs to which fiels. This is why the element LABEL was introduced with the attribute for, allowing the explicit definition for form fields.
 
Using the element LABEL allows Screen-Readerusers in particular to view the definition of the form field directly in the form field itself.

Source:
http://www.barrierefreies-webdesign.de/knowhow/formulare/label.html. Further information can be found in the W3C accessibility guidelines (12.4 Associate labels explicitly with their controls, Guideline 12, Accessibility Guidelines for Web Content 1.0, W3C recommendations 5th May 1999http://www.w3c.de/Trans/WAI/webinhalt.html) und http://de.selfhtml.org/html/formulare/strukturieren.htm.

Form fields on the tested website do not contain correct labels.

Image with Missing Alt Text

Alternative text is displayed if an image cannot be downloaded or if the mouse pointer is moved over the image*. The alternative text is on one hand important for visually impaired visitors, using an audio tool to read the content of the website and the alternative text of images.
On the other hand, alternative text can also be recognised by search engines. Alternative text needs to be phrased in a meaningful manner, though it should not be a detailed description of the image.

Further information:
http://www.bjoernsworld.de/html/alt-text.html
http://webdesign.crissov.de/alt-Text#Start

* Internet Explorer shows alternative text as a tooltip if the mouse pointer is rested on the image. This is not prohibited but it can annoy page authors. It does also indicate that the alt-attribute refers to this tooltip, which is wrong. Should you want to add a descriptive tooltip to your images, make use of the attribute "title".
Quelle: http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz

The tested website contains undefined alternative text. This needs to be specified as "empty", especially for images which are not part of the visible content.

Adjacent Links

Accessibility guideline 10.5 for web content 1.0 W3C, dated 5th May 1999 states: "Until user agents (including assistive technologies) render adjacent links distinctly, include non-link, printable characters (surrounded by spaces) between adjacent links." http://www.w3.org/TR/WAI-WEBCONTENT.

This means that subsequent links should be separated by a printable, non hyper-linked and free-standing character. The prolem is easily solved by using a navigation list for the links <ul>. Additional characters can be added with CSS.

Further information:
http://www.vorsprungdurchwebstandards.de/theory/accessibility-nach-vorschrift/;
http://de.selfhtml.org/html/text/listen.htm

Many subsequent links insufficiently kept apart have been found on the tested web site.

Blank Images

Older web projects were often designed with so-called "empty images" (i.e. images without content, used as placeholder). This technique is now outdated and should be replaced with CSS features such as "Padding" and "Margin". This allows an increased performance of the website, as well as a strict separation between design and content, and an abstraction of the design from the structure.

Further information:
http://seybold.jan-andresen.de/05killer.php

The tested website contains blank images.

MyRating: Test Website

Test Website
The quality of a website defines the success on the internet, also in economical terms. Score points on the Qualidator (from Quality Validator) and bring the potential of your website to life.

The Qualidator reviews the first five pages of a website with about 60-70 automated tests, on the core aspects of usability, accessibility, SEO (Search Engines Optimisation) and quality (technical quality).

Please introduce the URL/address of a website. Example: www.microsoft.com.
The test will last between one and five minutes, depending on the website and server load.

Qualidator News

October 2010: HTTP Compression Test

HTTP Compression of HTML, JavaScript and CSS can now be tested directly in SiteAnalyzer. Different User Agents are available in order to test the proper behavior.
June 2010: Qualidator for SmartPhones

Qualidator.com has been optimized for the iPhone and other SmartPhones in the last few month. Check it out. Feedback welcome.
october 2009

Do you already know the Qualidator® SiteAnalyzer?
The Qualidator® SiteAnalyzer is a Windows application, developed to allow a one step, page by page, automated validation of an entire web project (XHTML & CSS), and to review the quality by carrying out over 30 additional tests.
october 2009

Qualidator.com with Alexa Traffic Rank 16'605!
august 2009

Follow us on Twitter
august 2009

Qualidator.com in english ready! After two very successfull years in the german speaking area we are proud to welcome you in english.

Recommendation: Uptime Monitoring

Recommendation: HTML2PDF Rendering Service

Key Benefits
  • Renders URLs of (dynamic)(x)html pages including CSS to PDF on the fly
  • html2pdf is a Service NOT a class library or EXE
  • Very easy to use

Tell me more about the HTML2PDF Rendering Service

Partner

  • SwissMadeSoftware
  • ZTPrentner IT
Copyright © 2009 seven49.net GmbH
Quelle: http://www.qualidator.com/WQM/en/TestWebsite/http_www.dentsu.co.jp/Report2160597/ResultCode8.aspx