Viewable With ANY Browser

Note: My Web pages are best viewed with style-sheets enabled.

Unrated

"Professional" Web Developers

Copyright © 2005-2008 by David E. Ross

This page was prompted by reports from new users of Mozilla Web browsers — the Mozilla Suite, Firefox, or SeaMonkey — that the browsers are broken because they don't display certain Web pages correctly. Almost always, the fault lies in the Web pages (which fail to conform to published specifications) and not in the browsers. Very often, the affected pages were created by so-called professional Web developers whose own Web pages are equally defective.

Note that the information presented applies regardless of the browser you use. This is not a defense of Mozilla. Instead, this is a defense of standards that affect all browsers: Internet Explorer, Mozilla, Firefox, Netscape, Safari, Opera, Konqueror, and all the rest.

I am not an employee of the Mozilla Foundation. My only affiliation with that organization is that I use the freeware SeaMonkey browser, which is based on Mozilla developments.

[On this Web page (and on some of my other pages), I use certain technical terms that appear as links to their definitions. If you select any of those links, my Internet Glossary will appear in a separate browser window so that you will not have to keep going back and forth between pages. Once the window with the Internet Glossary has opened, selecting a link for a different term will reposition the page to that term. However, if that window was in the background when the link was selected, it will remain in the background. In that case, you merely need to bring the Internet Glossary window forward.]

The Developers

Flash

Why Validate Web Pages?

Standards: Why and How

Terminology

Accessibility

"Sniffing"

Do-It-Yourself Web Development

Text Content

Note well: I am not a professional Web developer. I developed and maintain two Web sites: my own and the site of a charity. I do this for free. They keep me sufficiently busy that I am not interested in doing any other Web sites. Thus, I am not trying to take business away from any professional Web developer.

The purpose of this page is to aid those planning to use professional Web developers by informing those potential customers about issues of technical quality. My emphasis on the W3C specifications and WAI guidelines serves to promote the Viewable With Any Browser Campaign, which is necessary as the dominant browser continues to lose market share.

Web developers offer to create and maintain Web sites for a fee. Too many such individuals and companies, while very good in visual design, have no real ability in the technical aspects of creating error-free Web pages. Instead, they rely on tools that might create acceptable Web pages for Internet Explorer (IE) — tools such as FrontPage — but fail to comply with the internationally recognized specifications for HTML (or XHMTL) and CSS. (Of all the tools for creating Web pages, Word may be the worst.)

With the continued erosion of IE's share of the browser market, this is unacceptable. Web pages that can be viewed as intended only with IE ignore 35% to 40% of their potential audience. Worse, non-standard Web pages can also completely exclude any audience that is handicapped, an audience that relies on specialized Web browsers (e.g., audio browsers for the blind).


The Developers

Some Web developers promote themselves through E-mail — SPAM! Web developers should have sufficient pride in their abilities to show examples of their work. NEVER contract with a Web developer where you have not first seen the developer's own Web site.

To fight spam, NEVER respond to it. Unless you want the public to associate you or your company with spam, never hire a Web developer who uses spam to advertise.

In the following table, the sites of Web developers themselves were evaluated for four criteria:

The two cited evaluation tools are readily available and free. There is really no excuse for a Web developer not to use them as part of its quality assurance process. This page that you are now viewing was tested. The initial version did have errors, but they were all corrected before this page was released for public viewing.

Only errors are reported, not warnings. Where both error criteria (which excludes Flash) show no errors, the entry is highlighted in bold Italics (except if viewed with style-sheets disabled).

Note: Accessibility used to be evaluated for WCAG-A using Watchfire's WebXACT, but the WebXACT tool is no longer available. Since newly tested sites are not being evaluated for accessibility, fairness required that I delete the reports of that evaluation for those sites previously tested while the tool was available.

Think: If Web developers cannot create error-free Web pages for themselves, what kind of garbage will they create for you?

DeveloperPageDate Tested ErrorsFlash
HTMLCSS
Adrenalize Web Designhome22 Dec 07 19X0
Affinity Internet home23 Oct 06 1500
Design, Host and Maintain Your Website with ReadyWeb23 Oct 06 240
Affordable Website Designhome28 Nov 07 7140
Alese TechnologySolutions23 Oct 06 12X3
Allwebco Design Corp home24 Oct 06 1222
FAQ24 Oct 06 1812
Amara Grimes Design home9 Mar 07 15X1
Armadillo Web Design home20 Apr 07 100
Marino BaccariniHome16 Apr 05 400
BendingX.comhome10 Sep 07 1101
Services10 Sep 07 400
Civica SoftwareContact24 Oct 06 2273
Conviohome17 Oct 05 4780
Privacy Policy17 Oct 05 3580
CTI Webdesignhome5 Sep 05 24X0
Curvine Web Solutions home2 Jun 05 000
Free Non Profit Web Site Package2 Jun 05 000
The Design People home25 Oct 06 430
Portfolio25 Oct 06 4530
Digital Sunshine Web Design home21 Feb 08 3240
Downloadable Software home16 May 08 13400
Earthtalk Studios home10 Nov 05 801
EBAWebs home29 Sep 06 3100
Elevacion home21 Feb 08 7+22
Free Web Design Online home3 Jun 07 0140
Goldleaf Financial Solution home25 Dec 06 801
Privacy Policy25 Dec 06 401
GovOffice
(Avenet, LLC)
home1 Sep 05 4900
Frequently Asked Questions1 Sep 05 9300
HotHouse Interactive home11 Dec 05 1772
I-Data, LLC home12 Sep 07 1721
IMAJ Designs, Inc. home29 Nov 06 2120
Contact Us29 Nov 06 2820
iMasty Entertainment Networkhome3 Sep 07 19300
JavaScript Kithome12 Jun 05 73+00
The Kennedy Advantagehome1 Aug 07 4251
Kintera home17 Oct 05 78120
Partners17 Oct 05 54160
Max Group home24 Feb 07 5000
About Us24 Feb 07 4300
Ohio Connect home18 Aug 06 001
Detail of Services18 Aug 06 001
Frequently Asked Questions18 Aug 06 001
Omnikron Systemshome23 Oct 06 1000
Online Store Creators home18 Jul 05 9321
Pehrson Web Grouphome6 Oct 06 3700
Plan B home19 Sep 05 1971
RealtyTech home26 May 07 15611
Register.com home18 Dec 05 31140
Site Me home29 Nov 07 5900
SiteSell Company Profile22 Sep 05 30140
SketchPad Graphic Design Serviceshome25 Oct 06 10610
Tatem Web Design home25 Oct 06 44122
Templates25 Oct 06 8042
Tikana.com home 16 Jul 05 27X0
UK Web Design Co. home23 Oct 06 500
Frequently Asked Questions23 Oct 06 600
Universal Net Web Design 25 Oct 06 26X0
Upstate-Designs.com home25 Oct 06 1402
About Us25 Oct 06 3402
Vision Internet home11 Aug 06 031
Experience11 Aug 06 1830
WebDesignerLive.com home4 Jun 08 1741
Webfoot Studios home30 Sep 06 3091
Website Pros home8 Nov 06 090
Our Portfolio8 Nov 06 080
WebsiteWizard home14 May 07 090
WickedInnovations home13 Aug 06 3732
David Ross This page 4 Jun 08 000
___________________________________________

Earthtalk Studios: The home page is one large Flash presentation. The page is otherwise blank.

HotHouse Interactive: The CSS errors are for the "screen" style-sheet. The home page also references a "print" style-sheet that contains only comments and no style-sheet declarations.

Downloadable Software, iMasty Entertainment Network, JavaScript Kit: These are not actually Web developer firms; instead, they are sources of Web development tools and information.

Max Group: The spam advertising this service was illiterate (spelling errors, bad punctuation, failure to capitalize words at the start of sentences, etc). If a service cannot advertise itself properly, what kind of work will it do for you? The IP address for the Max Group's Web site is registered in Nepal, but the domain is registered in New Zealand.

Amara Grimes Design, Plan B: For each of these, the home page is one large Flash presentation. The page is otherwise blank. Unlike Earthtalk Studios, however, there is only a single Web page. Selecting a link within the Flash launches a new Flash presentation in that same page. With all content and navigation embedded in Flash, these nevertheless had HTML errors.

WebsiteWizard is actually a source for a do-it-yourself Web design tool, not a Web design service. The lack of HTML errors on their own Web site (despite the CSS errors) indicates an excellent tool if they indeed used their own tool to create their own Web pages.

I discovered that EBAWebs plagiarized one of my own copyrighted Web pages for a client. (Upon contacting the owner of EBAWebs, the material infringing upon my copyright was removed.)

The Kennedy Advantage plagiarized four entire paragraphs from one of my own copyrighted pages and then charged a client for the copied content.

"Pehrson Web Group is a project of CES Business Consultants" [from the Pehrson home page]. CES Business Consultants not only plagiarized one of my own copyrighted Web pages but also syndicated it to other Web sites.

RealtyTech develops Web sites for real estate agents and supplies applications for agents to develop their own sites. At least one site developed by RealtyTech plagiarized one of my own copyrighted Web pages for an agent.

Potential customers should be aware of not only a firm's technical competency but also its business ethics. Copyright infringement is unethical, unprofessional, and — in some cases — criminal. If a Web developer lazily plagiarizes copyrighted content and then charges customers as if the content were newly developed, in what other ways is that developer ill serving customers?

Any business contracting with an outside service for Web development should specify in the contract that all Web pages comply with the HTML or XHMTL specifications and that any style-sheets comply with the CSS specifications. Final payment for the service should be withheld until compliance is successfully verified. Further, I urge customers of Web developers require compliance with either Section 508 requirements or WAI guidelines for accessibility.


Flash

For vivid graphics that truly help promote a product or service, Flash presentations can be very effective. A number of these developers make extensive use of Flash on their Web pages. However, several of their Web pages use Flash to present links and buttons for site navigation.

Many Web users disable Flash. They do this because the presentation files are quite large. Many individuals who access the Internet at home still do so through dial-up modems. Further, many Web servers cannot consistently deliver content at broad-band speed to those with DSL or cable modems. Thus, the choice is between tying up a computer for a minute or more to download the presentation or simply disabling Flash.

Where a Flash presentation is necessary for site navigation, the utility of the Web site for promoting a business is destroyed when a user disables Flash. Web users who have disabled Flash are more likely to go elsewhere on the Web rather than enable Flash to navigate a site. Also, Flash presentations are often inaccessible by the handicapped.

Customers of Web developers should carefully question any plans to use Flash, to ensure that visitors to their Web sites are not driven away by gratuitous graphics or by graphics that are required for site navigation. Otherwise, you might be paying for a feature that might be counter-productive.

However, Flash itself should not be considered a bad feature of a Web page without considering the context in which it is used. For example, Flash can be quite effective for displaying a product in action. Thus, the column showing the count of Flash presentations in the table above is separate from the columns showing errors.


Why Validate Web Pages?

Just before the list of developers, I indicate that I validated the HTML and style-sheets (CSS) of their Web pages. Why is this important?

When I was a software test engineer, one of the first questions we would ask before starting to test a software package was: "Were there any compilation errors?" We would refuse to test it until it compiled error-free. We would not test garbage.

Validating both the HTML (or XHMTL) and CSS of a Web page is very similar to compiling computer software. And the consequences of errors is also similar: A Web page with HTML and CSS errors will display unpredictably.

No truly professional Web developer should deliver a Web page that cannot validate error-free. This is something clients of Web developers must demand. After all, would you purchase software that fails to compile correctly?

Yes, some browsers are tolerant of HTML errors, often unintentionally as the result of bugs. Some Web developers try to take advantage of that tolerance, intentionally making use of those bugs. However, are you trying to reach an audience that only has buggy browsers; or are you trying to maximize your audience? And what will you do when your audience upgrades their browsers to newer versions in which the bugs have been corrected or (worse) behave differently?

Note, however, that validating a Web page merely checks to determine if the HTML and CSS syntax comply with the World Wide Web Consortium (W3C) specifications. The spelling, grammar, and punctuation of text are not checked. The aesthetic appearance of the page is not checked. A Web page that has been validated should be merely presumed to comply with standards, the next topic.


Standards: Why and How

Light bulbs and lamp sockets are manufactured according to compatible standards. This is necessary because the several companies that make bulbs need to ensure their products can be screwed into the sockets made by several other, unrelated companies. Similarly, Web pages are written by individuals not associated with the companies that create Web browsers. Thus, the files that constitute Web pages must meet standards compatible with those used to create browsers.

Contrary to popular belief, Microsoft does not produce the only Web browser and thus does not dictate the standards for Web pages. The standards are developed and documented by the W3C, a non-profit organization. In its mission statement, first among W3C's long term goals for the Web is

To make the Web accessible to all by promoting technologies that take into account the vast differences in culture, languages, education, ability, material resources, access devices, and physical limitations of users on all continents.

Strictly speaking, W3C does not create standards. It provides specifications. Lacking any competing specifications that are not proprietary and tailored to a particular manufacturer's product, however, the W3C specifications may be considered as standards. Alan Richmond presents an excellent argument for why standards are important when developing Web pages. Karl Groves has two blog entries that focus on why businesses in particular should be concerned about standards: The Top 20 Web Mistakes Small Businesses Make and The importants of standards compliance and the process of validation; his other blog entries address some of the same issues presented here.

For a business contracting with a Web developer service, the key issue is maximizing the audience for the business's Web site. This requires maximizing the variety of browsers that will display the site properly. This also requires being found by search engines, several of which correctly index only those Web pages that comply with standards. A business that ties its marketing and public image on the Web only to Internet Explorer (with its declining market share) — using proprietary, non-standard Web page features supported only by Internet Explorer — is headed for trouble. Without adhering to the W3C specifications, that business says:

We are not interested in presenting ourselves to those with Web-capable cell phones, to the handicapped, or to the 35% to 40% of the world that use non-IE browsers. And we are not interested in search engines finding us.
customer tells computer store clerk: 'I want a computer that will doe what I WANT it to do, not what I TELL it to do.

Cartoonist Dan Piraro vividly illustrates the importance of standards. A browser can only do what we tell it to do. What a Web developer wants must be expressed according to the standards. Only then will tell = want without regard for what brand of browser is used. Otherwise, there may be significant differences between how the developer wants a Web page to appear and what his page tells my browser to display.

In the end, the issue is clear:

Note that there are other standards involved in Web page creation. For example, there is RFC 3986 (actually a request for comments on a proposed standard) for the format of Web page addresses and the addresses of other entities on the Internet. These addresses are Uniform Resource Identifiers (URIs, commonly called Uniform Resource Locators or URLs). A common violation of RFC 3986 is the presence of blanks within a URI. Thus, we see

<http://www.abc.com/my  page.html>,
which should instead be something like
<http://www.abc.com/my_page.html>.
Since Web servers generally cannot accept a URI containing a blank, many browsers compensate by converting the blank into %20 (a byte that translates at a blank). Thus, the first example would result in a request to a server for
<http://www.abc.com/my%20page.html>,
Other characters that are illegal according to RFC 3986 (e.g., \) are also occasionally found in URIs; not all browsers can convert such characters successfully into bytes that can be translated. Users often complain that their browsers are buggy in such cases when the fault actually lies within the Web page containing illegal URIs.

RFC 3986 also specifies that, when quoting a URI, it should be bracketed within < and > (as seen above).


Terminology

A non-technical overview of Web terminology might be helpful, not only for understanding the table above but also to help when choosing a Web developer or discussing your needs with a developer.

A Web page is what a user sees in the browser window. Primitive pages consist entirely of unformatted text, such as the page for RFC 3986 cited above. However, most people think of formatted pages when discussing the Web.

A formatted Web page consists of three major parts, each in their own files: HTML, style-sheets, and images.

HTML stands for "hypertext markup language", an annotation used to format a Web page. The term "hypertext" refers to the use of links in a page to reach other pages. HTML is used to describe the language used in the page (e.g., English, Russian, Chinese), the characters used for text in that language (e.g., Roman, Cyrillic, Greek), the layout of text into paragraphs and tables, and the placement of graphics. HTML also creates the links to other Web pages. Most important, the actual text of a Web page is contained in the HTML file. To view a Web page, the user generally requests the HTML file for that page (thus the extension htm or html in a link). Some pages — especially pages displayed as frames — use multiple HTML files.

For this discussion, HTML also includes XHMTL and other markup languages, each of which has a formal specification under the control of the W3C. It also includes dynamically-generated PHP files.

Style-sheets define the margins, fonts, colors, spacing and other attributes that characterize a formatted Web page as different from an unformatted page. While much of this formatting can be specified using HTML in an HTML file, current practices indicate that cascading style-sheets (CSSs) should be used instead. CSSs are found in three forms:

This allows a hierarchy of styles — the cascade — where embedded specifications override a CSS section, which overrides an external CSS file. The hierarchy also allows multiple CSS files, with rules describing how one overrides another. The use of external CSS files is important because they permit changes in the formatting of a collection of Web pages without requiring each HTML file to be changed, the changes being made in only one or two CSS files. (I once changed the font for an entire Web site of over 30 pages by changing only one line of a CSS file.)

Style-sheets also have a formal specification under the control of W3C.

Images are the graphics seen on a Web page. They can serve merely as decoration or to illustrate a point. Images can also be the primary purpose of a Web page, such as a display of photographs. Images are generally either GIF (Graphical Interchange Format) or JPEG (Joint Photographic Experts Group) files. The former is a patented format of Compuserve freely used in the computer industry with Compuserve's permission; the latter is an international standard. BMP (Bit Map) and PNG (Portable Network Graphics) image files are also seen; both of these are international standards.

Besides HTML, style-sheets, and images, Web pages might contain other features such as audio, streaming video, and Flash.

For more Internet-related terms, see my Internet Glossary.


Accessibility

*** Begin Right Sidebar ***

Whether the Americans with Disabilities Act (ADA) applies to commercial Web sites and the sites of state and local governments is not clear. However, that will soon be made very clear.

On 2 October 2007, Federal District Judge Marilyn Hall Patel certified a class-action lawsuit that alleges the Target Corp violates the ADA (and California laws) because audio screen-reading software cannot work on parts of Target's Web site, making the site unusable by the blind. Since Target's Web site is a means of on-line shopping, this is indeed a commercial site.

Target indicates it will appeal Judge Patel's ruling. Whatever happens, the result will be a definitive determination whether the ADA applies to the Web.

Note that federal law explicitly requires the Web sites of federal agencies to be handicapped-accessible. However, many federal sites are in violation of that law.

4 October 2007

*** End Right Sidebar ***

We often think of accessibility in terms of physical barriers: stairs confronting those in wheelchairs, door knobs impossible to work for those with arthritic hands, and distant parking spaces creating excessively long walks for those with heart disease. With the Web, there are communication barriers. The deaf cannot hear streaming audio and arthritic hands might not be able to grasp a mouse or work a track-ball.

The largest problems confront those with visual handicaps. Some of these problems even affect the rest of us.

This last only touches a much more serious problem. Audio browsers function poorly — or fail entirely — when Web pages do not comply with published HTML specifications. This is the most important consideration for making Web sites accessible to the handicapped: the pages need to comply with the W3C specifications. Other considerations relate to design characteristics that maximize the user's options (e.g., allowing the user to change fonts and font sizes, override colors). For audio browsers, pages merely have to be coherent if displayed as plain text, without images or formatting. Such a display might not be aesthetic, but it should be understandable.

Two different accessibility guidelines exist:

See also Policies Relating to Web Accessibility.


"Sniffing"

In an attempt to create Web sites for all browsers, some Web developers create a separate set of Web pages for each major browser. They then try to take advantage of non-standard peculiarities of each browser to enhance those pages.

To detect which browser is accessing a Web site, the Web server is programmed to "sniff" the browser's user agent (UA) string. The UA string is an identifier sent by each browser when requesting a Web page.

There are several problems with sniffing for browsers:

Obviously, there is something wrong if I cannot properly view your Web page from a browser that identifies itself as

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.9) Gecko/20071030 SeaMonkey/1.1.6

but I can view it if my browser identifies itself as

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.9) Gecko/20071030 SeaMonkey/1.1.6, NOT Firefox/2.0.0.9

This clearly indicates sniffing for "Firefox" without concern for the context. As noted above sniffing for "Firefox" is wrong; if sniffing is necessary, the correct term is "Gecko".

Clients of Web developers should ask whether there will be any browser sniffing. If there is, question how the four points above are addressed. More important, question why there is sniffing at all. Generally, Web sites that require sniffing also require more frequent maintenance to adapt to new browser versions; there is usually a cost associated with such maintenance. In any case, a Web site that adheres to the W3C HTML and CSS specifications should not require any sniffing at all.


*** Begin Right Sidebar ***

One aspect of a secure Web site is the site certificate. The site certificate is, of course, installed on the Web server. However, if there is an intermediate certificate, that too must be installed on the server. Too often, intermediate certificates are not installed.

If you are paying a Web developer for a secure Web site, you will likely also have to pay for a site certificate. Make sure your developer not only installs the site certificate on your server but also installs any intermediate certificate.

Since a site certificate is issued for a particular domain, if you decide to change the name of your domain, you will need a new site certificate.

*** End Right Sidebar ***

There is another form of sniffing. Secure Web sites (e.g., those where you access your bank account) sometimes sniff for your IP address. The intent is to determine if you are using the same computer that you used before; the computer is being authenticated, not the user. If a site finds an IP address different from the one you had when you previously logged-on, you are required to go through additional steps before you are allowed to logon.

The problem is that, if you access the Internet through a dial-up modem (as do more than 40% of the Internet users in the U.S.), your IP address changes every time you connect. Even with a broadband connection, your IP address might change if you reboot your computer (e.g., after a power failure, after a shutdown for a vacation, after installing Windows patch).

There are better ways — less annoying ways — to authenticate a user's computer than sniffing an IP address. One way would be to set a cookie on the user's computer with some random string of characters, also saving that string in a database on the Web server. The logon process could then compare the two strings. If they match, the computer is likely the same as the one you used previously.

Authenticating by checking IP addresses is actually not very secure. When you disconnect from the Internet, your IP address might then be reassigned to another user who connects through the same ISP.

If you are having a secure Web site developed (e.g., for E-commerce), you should ask the developer how customers will be authenticated when they logon. Unless you want to annoy more than 40% of your customer base, be sure that authentication does not involve sniffing for IP addresses.


Do-It-Yourself Web Development

Some larger businesses and many government agencies have internal organizations for Web development. Non-profit organizations often rely on unpaid volunteers. This avoids any problems caused by using incompetent outside Web developer firms, but it does not excuse them from HTML and CSS errors or from having pages that are inaccessible to the handicapped.

Two major factors lead to problems with internally developed Web sites:

When Web sites are developed internally, management must still be concerned about reaching the broadest possible audience. Thus, they should require a quality assurance process that subjects each Web page to the same two error tests that I performed for the chart on this page. While this testing might not be necessary for each minor update to a page that was already tested, it should be repeated occasionally when a section is added to or deleted from a page. If a Webmaster has any pride in the work she or he performs, this testing should be done even if not required by managers.

In any case, managers responsible for how a company or agency presents itself to the public should be concerned about how Flash is used, about adherence to standards, and whether that presentation is accessible not only to the handicapped but also to any of the 35% to 40% of the public that use non-Micro$oft products to view the Web.


Text Content

Even if you retain an outside Web developer, you should supply all text content for your Web site. In the end, you — not the developer — will be held accountable by others for your site's content.

Whether you use an outside Web developer or create your Web site in-house, be careful when creating your text content. If the content libels a competitor or plagiarizes someone else's copyrighted work, you can be the target of a lawsuit. Actually, plagiarism can even be a criminal offense. Some Web hosting services will immediately shut down a Web site against which a copyright complaint has been filed. How would you react if the site for which you paid a significant amount to develop was suddenly terminated?

On the other hand, if you create good, original content, be sure that you retain publication rights (e.g., a copyright). Do not surrender your rights to an outside Web developer who might then collect a fee for supplying your content to another customer. After all, you either put your own effort into creating the content, or else you paid someone to create it for you. Only you should be allowed to profit from that work.

Updated 5 June 2008

This page has been visited 5615 times.


Valid HTML 4.01