Frames break numerous conventions that web users had grown used to, e.g. the possibility to save a specific website as a favourite or to mail the direct URL to a friend. In addition, when viewed with older browsers, frames disable the 'Back' button and make it impossible to print out the webpage. Frames are to be avoided as far as possible, even though later generation browsers can handle them better.
Source:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger
Further information:
http://www.html-faq.com/htmlframes/?FramesAreEvil
The tested website does not use frames.
The website must contain a precise and meaningful "title tag", a page title. This is based on the following:
- The title is displayed on the title bar of the browser window.
- The title is used when setting a bookmark (or favourite).
- The file title is shown in the browser in the list of pages previously searched.
- Many search engines offer the title as a hyperlink.
- Search engines use the content of the title for their search.
- Website users often only read the first words and should therefore have enough information about the website.
Equally important is the choice of precise and meaningful titles. The content should be summarised in the title, helping users to find the information needed. According to Nielsen, titles should not be longer than 60 characters.
Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger and
http://www.useit.com/alertbox/weblogs.html,
http://www.usability-now.com/suchmaschinenoptimierung/.
The tested website complies with this requirement.
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
Your website does not contain pop-ups.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
"Times New Roman" is the font mostly used in printing. For online usage, however, it is advised to use it with a size of 12 points or more. Basically, Nielsen does not advise to use it, as it is not perceived as being professional and does not appeal to any age group.
Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger
No Times New Roman font was found on the tested website.
This page is optimized for ... or "Best viewed with Netscape Navigator and 800x600" reduce unnecessarily the usability of a website and tell the website user to choose the "correct" configuration to allow an optimised display of the website. It is the duty of the website owner (web designer) to create a site so that it remains functional without loosing appeal in as many browsers and browser configurations as possible.
Further information:http://www.htmlhelp.com/feature/art2.htm ""This page optimized for ..." - arguing with customers -" the website Design Group.
No text reading "This page optimized for ..." was found on the tested website.
Links to web files placed on local files do not work, and are therefore classed as 'dead' links. Such links should be avoided.
The tested website complies with the requirements.
Internet users expect hyperlinks to be either coulour coded or underlined. Therefore, the tag "underline" should not be used for non hyperlinked text. Using the tag "underline" for non hyperlinked text confuses the user, making it more difficult to recognise genuine hyperlinks.
Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen and Hora Loranger
http://www.usability.ch/Alt_nav/Alertbox/NJ_20040510.htm
No "underline" tages for non hyperlinked text were found on the tested website.
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 tested website complies with all requests.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
"Even though machine-level addressing like the URL should never have been exposed in the user interface, it is there and we have found that users actually try to decode the URLs of pages to infer the structure of web sites. Users do this because of the horrifying lack of support for navigation and sense of location in current web browsers. Thus, a URL should contain human-readable directory and file names that reflect the nature of the information space."
Source:
http://www.useit.com/alertbox/9605a.html
Further information:
http://www.w3.org/QA/Tips/uri-choose
The tested web site does not contain URLs that are too complex.
When clicking on a link, web users expect to see the new page in the existing window. Most users lose control if there are several windows open, are unable to navigate back with the back function and get lost. At the same time, and this is particularly true for old computers, the system can get overloaded and crash if too many browser windows open. If new windows open but are not seen by the user, the perception is that the website does not work properly. Experienced users who want to open new windows know how to do this by using the function "Open (link) in New Window", or with similar comands.
There is one important exception to this rule: files in .PDF or other Office format can be opened in new windows. Users know to close them to return to the original window. In this case, users should be informed that a new window opened, and they should be given the opportunity to save the file.
Technical hint: For XHTML Strict in particular, there is the possibility to send a .PDF file with ContentType "application/pdf" and HTTP Header content-disposition: attachment; filename=filename.pdf, since there is no target attribute. This test does not take it into account yet, but this is a feasible solution.
Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger
Only office files are opened in new windows from the tested website; all other links do not lead to a new window.
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.
No spaghetti mark-up was found on the tested website.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
Blinking and moving text should be avoided. website users would like to read at their own pace and usually they class moving text as unimportant ads. Static text can be read quicker by users and does force them to wait for returning text. Furthermore, problems may arise when printing the page.
Source and further information: "Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger, as well as hints on http://www.barrierefreies-webdesign.de/
No blinking or moving text was found on the tested website.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
So called "black lists" are kept worldwide to avoid spam. The lists contain domains, e-mail addresses or IP addresses. Incoming e-mails can be treated separately if they are found to relate to one of the criteria listed. This can range from completely deny reception to a delay, from deletion to the marking as spam. Black lists can be kept locally or centrally on servers, in what is called a "Realtime Blackhole List" (RBL).
Currently, the tested Domain is not listed in any on the reviewed black lists.
A text in upper case reduces the reading speed by approx. 10%. The single words of the text are not easily recognised by the eye, and the whole text blurs into a block. A text in upper case is perceived as aggressive, amateurish, childish and unprofessional. Use upper case only for short titles.
Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger.
Compare also with Schriver, Karen in Dynamics in Document Design, page 274:
"When text is set in all capital letters, reading speed is slowed about 13 to 20 percent. Reading speed is optimal when uppercase and lowercase letters are used. When extra emphasis is needed, bold has been found to be a better cue than uppercase."
No text in upper case has been found on the tested website.
A table based layout carries many disadvantages if compared to a purely CSS layout. A CSS layout improves both accessibility and performance.
Further information:
A detailed article by Douglas Bowman can be found onhttp://www.stopdesign.com/articles/throwing_tables/.
Hint for webmasters: Be sure that when embedding third party content, e.g. with iFrame, there are no layout tables included.
The tested website does not use table layout.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
An image map is a graphics file with clickable areas to re-direct users. This means that single areas of the graphics file can be defined in such way that they act like a link in a text. By clicking on the specific area, the users are taken to an external URL or to pre-defined are of the website.
Image maps contain problems, especially when they contain barriers. A solution for barrier-free image maps can be found on http://expertinnen-web.de/2006-115/barrierefreie-image-maps/
Further information: http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
The tested website complies with the requirements.
To abstract design from the structure and the content, HTML should contain classes. Classes are invisible to web site users, and allow to classify elements, paragraphs, areas, etc.
The website designer can select and re-format classes with a stylesheet. Classes are only necessary if they differentiate elements, paragraphs, areas, etc. A common mistake is for instance the classification of all elements of one type, which does not add any value but makes the HTML and CSS code unnecessarily long, complex and difficult to understand. Such cases are also referred to as "Classitis", see also
http://www.bs-markup.de/blog/archiv/2005/06/30/dr-css/ .
Another typical error is the wrong naming of the classes.
An article detailing these problems can be found on the seven49.net - Papers.
/Web/de/Papers_Links/Bezeichnung_von_IDs_und_Klassen.htm
The tested website complies with the requirements.
Search engines do not include pages in their indexes which contain "?id=" or "&id=" in their URL or query string. Examples:
http://www.anyaddress.com/index.html?id=727
http://www.anyaddress.com/products.aspx?category=3&id=7
Google does actually index those pages since Autumn 2006, in contrast to their previous practice. Still, those URLs are not advisable since they do not specify how other objects are called, they mean nothing to users and they are not optimised for search engines. An additional tool is available for this test, which allows to highlight any warnings, tips and hints in the source text of the website. You can find this tool here:
http://www.qualidator.com/Web/en/ProductsServices/SiteAnalyzer2.htm
"If you decide to use dynamic pages (i.e., the URL contains a "?" character), be aware that not every search engine spider crawls dynamic pages as well as static pages. It helps to keep the parameters short and the number of them few."
Bad examples:
http://www.irgendeineadresse.com/index.html?id=727
http://www.irgendeineadresse.com/products.aspx?category=3&id=7
Source:
http://www.google.com/support/webmasters/bin/answer.py?answer=35769
The tested website complies with the requirements.
"According to RFC 2616, Internet HTTP Compression is a method to send, from the Web server, an HTTP response message in compressed format to a requesting Web browser.
HTTP Compression saves transfer data volume and reduces web page load time." As there are some known issues with Internet Explorer 6 you may want to disable compression for IE6.
Source: http://www.http-compression.com/
The website uses a GZIP or deflate compression for HTML files.
Names of links should be short, precise and meaningful. Links such as "more" or the die character sequence ">>" should be avoided, as the user should be specifically told what "more" can be expected.
Source and further information:
"Prioritizing Web Usability" by Jakob Nielsen/Hoa Loranger; there are also good examples on http://de.selfhtml.org/html/verweise/definieren.htm
The tested website complies with the requirements.
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
On the tested web site, subsequent links are distinguished by the list element <ul> or are clearly kept apart through printable, not hyperlinked characters.
This test result is available for registered users and Premium Members.
More than two thirds of the test results will be available to you once registration has been successfully completed.
To have full access to the test results, and to be notified about changes in quality of the observed website, please register and upgrade to Premium Membership.
Register now free of charge
The tested website successfully passed this test.
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
No empty images were found on the tested website.