Accessible Website Design Tips

Here are some simple rules for developing modern accessible web sites. We will just touch on a few of the main rules, as there are too many to cover here, but sticking to these rules will get you off to a good start.

Unless you are new to web design, you will likely have heard of the Three Click Rule. This rule is recommended based on the way people use web sites, and it helps web designers create sites with intuitive, logical hierarchical structures. It addresses the important fact that important information on your web site should never be more than 3 clicks away from the index/entrance page. If we consider this web design challenge as one of maintaining the visitors interest, the three click web design rule makes sense. If users can't find what they're looking for within three clicks, they are likely to get frustrated and leave the site. More recent studies by useability experts have taken this further in stating that often when the three click rule is exceeded, the visitor will not manage to complete the task successfully. By sticking to this rule, the web designer can ensure that he/she is always thinking of the website navigation when deciding where is best to place content.

Use consistant web site navigation & layout

A key element of your accessible website is a clean, consistant navigation system coupled with a recognised, usable layout. Don't try and re-invent the wheel here. A clean, consistant navigation system allows users to instantly find important information and allows them to quickly find comfort in their surrondings. A traditional layout (2 or 3 columns, with a header and a footer) is excellent for accessible website design, especially for information sites. Remember to use CSS for all elements of style, including layout and navigation.

Keep download times to a minimum

The average web user will wait no longer than 8 seconds for a page to download before moving on. Bandwidth or the capacity to send and receive data is an important consideration when designing a web site or electronic document for distribution over the Internet. It is important that the link to the Internet (from the computer serving the pages to customers) has sufficient capacity to be able to handle the expected load. Otherwise, the response to users will be unsatisfactorily slow.

Most people today connect to the Internet using a broadband connection, however, many still connect over a phone line, typically using a modem with a speed of 28.8 to 56 kilobits per second (kbit/s). Hence it's usually best to work to the lowest common denominator, and presume that your user is connected through a 28.8 kbit/s modem.

Optimise those images!! - the most important thing you can do to decrease download times. Optimse just means save for web' in Photoshop, for example. Keep JPGs for photographs and Gifs for images with large blocks of flat colour.

Call up background images through CSS. It's possible to present images as part of the background, called up through CSS. - Browsers download background images after everything else. By using this technique, your text will load instantaneously and your site users can freely roam about the page while your 50kb fancy image downloads.

Minimise white space, line returns and comment tags. Every single letter or space in your HTML code takes up one byte. It doesn't sound like much but it all adds up. By working through your page source and eliminating unnecessary white space and comments, you can shave off up to, or even over (if your HTML is really inefficient) 10% of its file size.

Remove unnecessary META tags and META content - The most important tags for search engine optimisation are the keywords and description tags, although due to mass abuse they've lost a lot of importance in recent times. When using these META tags try to keep the content for each under 200 characters - anything more increases the size of your pages. Lengthy META tags are not good for search engines anyway because they dilute your keywords.

Use W3C technologies and guidelines

Web sites should be constructed using W3C technologies and guidelines. When this is not possible, or doing so results in material that does not transform gracefully, an alternative accessible version of the content should be provided. Many non-W3C formats (e.g., PDF, Shockwave, etc.) require viewing with either plug-ins or stand-alone applications. Often, these formats cannot be viewed or navigated with standard Web access or screen reading tools.

Non-W3C formats should be converted to HTML/XHTML although this does not always create an accessible document. Each page should be validated for accessibility and usability after the conversion process. Avoiding non-W3C and non-standard features (proprietary elements, attributes, properties, and extensions) will tend to make pages more accessible to more people using a wider variety of hardware and software. When proprietary or inaccessible technologies must be used, equivalent accessible pages must be provided.

Even when W3C technologies are used, they must be used in accordance with accessibility guidelines. If a page does not easily convert, developers should either revise the page until its original content converts properly or provide an HTML or plain text version

Design for Platform Independence

Don't assume everyone has got the same software has you While most web browsers can easily read HTML and display it to the user, several private companies have developed proprietary file formats for transmitting and displaying special content, such as multimedia or very precisely defined documents. Because these file formats are proprietary, they cannot ordinarily be displayed by web browsers.

To make it possible for these files to be viewed by web browsers, add-on programs or 'plug-ins' can be downloaded and installed on the user's computer that will make it possible for their web browsers to display or play the content of the files. Hence, it is a responsibility on the web page author to know that a compliant application exists, before requiring a plug-in. As assistive technologies move forward, it is anticipated that the occasions when the use of scripts and plug-ins are not supported will diminish significantly. The best way to support this is to create a link for the user to obtain the appropriate plug-in for the platform you are using.

Excercise caution when using Macromedia Flash

Flash is a propriety plug in created by Macromedia to infuse (albeit) fantastically rich media for your websites. The W3C advises you avoid the use of such proprietary technology to construct an entire site. Instead, build your site with CSS and HTML ensuring everyone, including search engine robots, can sample your website content. Then, if required, you can embed media files such as Flash in the HTML of your website.

Avoid using frames to design your website

If possible, avoid using frames. Some people have difficulty navigating within frames, either because the frames are confusing or because the software they are using simply cannot read frames.

When using frames, always offer meaningful NOFRAMES content for those people who cannot read framed information. If you must use Frames, ensure that each frame has a sensible TITLE (in addition to the NAME) which gives a clear indication of the content to be found in that frame.

Validate your HTML/XHTML

HTML is the 'language' that designers use to build websites. Valid HTML is code that validates to W3C guidelines, the organisation that develops good practices and standards for HTML.

Testing how your page looks in Internet Explorer is not sufficient. You can test for validity using the W3C Validator.

Use CSS to separate content from design

CSS, or Cascading Style Sheets, is a 'language' that website designers use to develop the style, look and feel of layout, text and colours on a website page. Used properly, CSS can be used to Separate design from content, making websites easier to use and ultimately, maintain. It can also help with download times as the CSS is downloaded only once and held in browser cache.

HTML tags were originally designed to define the content of a document. They were supposed to say, this is a header, this is a less important header, this is a paragraph and so on. The layout of the document was supposed to be taken care of by the browser, without using any formatting tags.

Netscape and Internet Explorer continued to add new HTML tags and attributes to the original HTML specification. It soon became more and more difficult to create Web sites where the content of HTML documents was clearly separated from the document's presentation layout.

To solve this problem, the World Wide Web Consortium (W3C) - the non profit, standard setting consortium, responsible for standardizing HTML - created STYLES in addition to HTML 4.0. All major browsers support Cascading Style Sheets, although some, handle them slightly differently, which an be a pain to the website designer! CSS allows website developers to control the style and layout of multiple web pages all at once.

As a Web developer you can define a style for each HTML element and apply it to as many website pages as you want. To make a site-wide change, simply change the style, and all elements in the website are updated automatically. Multiple styles will cascade into one style. Style sheets allow style information to be specified in many ways. Styles can be specified inside a single HTML element, or in an external CSS file. Even multiple external style sheets can be referenced inside a single HTML document.

Choosing Quality Website Design Company

In India so many different website design companies out there, Several times it is very confusing to choose the right website design company which can design or develop an professional websites that are very user friendly and trendy. You should choose company which can help with your requirement and make it appealing to your target market.

Read More | Visit Website

Ecommerce web design solutions - keep it simple

Most of the web design enquiries coming through these days are requests for ecommerce web design solutions. Not only are we buying more and more of our products and services online, it would appear that many of us also want to sell online. Indeed, it's not only large corporate companies trading online nowadays. In fact most of the web design quote requests come from individuals trading from home. People are selling flowers, their own music cds, chocolates. So there is a definite market for ecommerce web design solutions. It is however a very particular market segment and offering the right product at the right price is the key to securing the ecommerce web design business.

The best way to getting the right product to market is to start with the target clients profile and needs. Although we do design complex ecommerce web design solutions for corporate clients, there is a large market for the smaller customers. These customers are looking for 3 key product features: bespoke web design, budget price and simple to use. What is budget price for a bespoke ecommerce web design solution? And how simple should the web design solution be?

The web design industry is very competitive and sales is very price sensitive. Targeting the budget web design industry can be tricky. Price your ecommerce web design too low and run the risk of losing money or appearing too cheap. Price it too high and you could miss out on a whole range of the ecommerce web design market. Indeed, even an individual potential web design customer selling from home would expect to pay a price for a bespoke quality web design. People know that they have to pay a price to get a decent quality ecommerce web design.

Remember also that individuals selling from home generally require a simple backend from where they can easily upload their products. A standard and adequate web design feature set would include a dynamic category list, individual product image upload , title, description and price update through a simple secure backend page. This is all most potential ecommerce web design clients require to start selling online. Occasionally some clients may require special features like a simple stock management system. This is usually optional and is charged as an-add on from the outset. Keep the web design quote simple, transparent and explain everything before taking payment.

Security is an important issue as well. The standard ecommerce web design solution uses Paypal secure site to take credit card payments so security is less of an issue. However, if a web design customer requires secure credit card transactions on his/her own site then it is vital to use a reliable merchant provider and an ssl on the web site for security.

The Biggest Misconception

I have spent more than 5 years in the industry of Internet Consulting and website design & development in the India. One thing that has bothered me a lot during my career is the misunderstanding of what it takes to have a successful business website in place.

The biggest misconception is that a website is just a simple thing to do, and any teenager can create a very good looking website these days. This is very valid, but this will never get a business any benefit as the website is not an objective rather than a mean to promote a business website. It is like any other media; if used in the right way, it will pay back and with full speed more quickly than any other media.

So, what is it that you should look for as a business leader when deciding to take your business online? Simple: a professional or a company that starts bottom up.

What does this mean? This mean you need to have somebody to look at your business objectives and then transform them into an online business plan that enables your business goals and processes. It is like when you want to build a house, you will first need to hire an architect who will look into that landscape, your likings, the weather in that specific area, etc...

The price of making the wrong decision by having things done in a high level of ignorance and poor assumptions can be VERY HIGH.

Elevated web design - 5 must know business tips

Whether you are a freelance web designer or looking for a salaried position business sense is important. What to wear, what to say, how to price, how to hire; these are all things you will need to know. Below are a few helpful business tips related to the web design industry.

1. Be Professional

For the freelancer the need for professionalism is as important as in the white collar world. First impressions are everything, if you're gaining a new client or applying for a job some things are everlasting. You will need to be clean, dressed nice and mind your choice of words and topics. The handshake is important, not too soft not too firm. Looking and speaking in a concise, polite manner is key to executing a great first impression.

2. Be Prepared

Being prepared isn't easy, but the benefits are great. First if you're applying for a job, make sure you have researched everything about it. Going into a job you should know what the job is, if and why you're qualified and have all of the important paper work and identification. Make sure to have pens and possibly spare paper. Being prepared means you're organized and careful and this speaks volumes on one's character. It seems like common sense but make sure you have gas in your car, directions to meetings and plan your time well. If you fail to plan, you plan to fail.

3. Pricing & Contracts

To get a rough idea of what you should be charging do some diligence. The occupational handbook is a good place to start. Check out your local competition and get a few quotes. This will help guide you towards a pricing model. Also consider you talent level and personal costs. How much is it going to cost you at a minimum to do any given job? Can you fulfill all of your promises? If not then perhaps you should reconsider. Also make sure you understand what any contract you use means. Know what you're signing, and make sure your clients understand what they are shining.

4. Stay Smart

Some opportunities are great but others should be avoided. A bad job or client can rob you of precious resources; your time and money. A lot of customers will haggle with you on prices and try to underbid you, be wary of this and stand strong in your pricing model. The old adage "give them and inch, they take a mile" applies here. Don't discount largely for these customers and insist that your pricing is fair and work excellent. Also as a web designer your reputation is everything. Never do a job poorly to spite a rude customer and never talk bad about an employer.

5. Network

Networking is one of the most important things in business. It's not what you know, it's who you know. You could be the best designer in the world but web design doesn't sell itself. Personal marketing and branding is the key to success, people have to be able to find you and for freelancers word of mouth is often their bread and butter. Knowing people also presents rare opportunities. When you know someone you can often gain inside offers, deals or tips. And when you're in need having a strong base is always helpful.

These are good tips but always remember to study your craft, look for web design inspiration, learn how to write and design for humans.

Thanks to William Atkin, is a writer with WiWorks, Utahs leading web services company.