{"id":890,"date":"2007-12-06T16:34:42","date_gmt":"2007-12-06T21:34:42","guid":{"rendered":"http:\/\/www.DuncanWierman.com\/content\/web-usability-and-accessibility-tips-and-tricks\/"},"modified":"2007-12-06T16:46:18","modified_gmt":"2007-12-06T21:46:18","slug":"web-usability-and-accessibility-tips-and-tricks","status":"publish","type":"post","link":"https:\/\/www.duncanwierman.com\/content\/web-usability-and-accessibility-tips-and-tricks\/","title":{"rendered":"Web Usability and Accessibility.. Tips and Tricks"},"content":{"rendered":"

After you have optimized your website<\/strong>, done the keyword research, got the backlinks and everything is ethical. You’re sitting proudly on the first page of the search results. Or you’ve set up a pay per click campaign, bid on your keywords, created some ads and performance tracking is in place. Again, you’re at the top of the pile. Either way, you’re visible and people are visiting your website. But visitors aren’t converting into leads, prospects or customers. What’s going wrong? Well your website may be visible, but is it connecting? Discover why?<\/font><\/p>\n

Having attracted visitors<\/strong> to your website through prominent search engine placements, it is vital not to lose them by failing to connect. Different visitors will have different priorities and levels of satisfaction. In order to reach and retain as many as possible and to maximize the chances of conversion, you should consider your site’s usability and accessibility.<\/font><\/p>\n

Web usability<\/strong><\/font><\/p>\n

Usability is all about providing your visitors with an effective, efficient and satisfying experience. It’s common knowledge that visitors tend to glance at, and scan, pages rather than study them in any great detail. If the message and options are not clear, they may leave. If they don’t leave, the chances are that they will click on the first link that seems to be most relevant – it may not be the right one. Repeat the process a few times and soon a visitor can be lost, confused and frustrated. Either way the result is the same – missed opportunity and little likelihood of a return visit.<\/font><\/p>\n

The more self-evident your pages are, the greater the chance of converting the visitor into a prospect or customer.<\/font><\/p>\n

12 simple tips for a more usable website<\/strong><\/font><\/p>\n

1. On the home page make it clear what the site is all about.
\n2. Make the purpose of each page obvious.
\n3. User hierarchical headings to give clear structure to the copy.
\n4. Make the navigation and links obvious.
\n5. Use clear unambiguous wording.
\n6. Make the options and next steps obvious.
\n7. Remove any wording or imagery that is unnecessary, confusing or distracting.
\n8. Use consistent conventions throughout.
\n9. Include site search and a site map.
\n10. Make information such as contact details, pricing and delivery charges clearly accessible.
\n11. Make the pages printable by including a cascading style sheet for printing.
\n12. Don’t allow careless errors to make your site look unprofessional.<\/font><\/p>\n

Browsers create their own set of problems<\/strong><\/font><\/p>\n

One more tip – just because your website works fine in your browser of choice, do not assume that it will work equally well in all browsers. In fact it is not even safe to assume that it will work equally well in different versions of the same browser. Web designers who have had to cope with the incompatibilities of IE5, IE6 and now IE7 will no doubt testify to this point. It is vital to be sure that your website works on all the popular browsers. As well as IE and Firefox, don’t forget Netscape and Opera on Windows and Safari on the Mac. And just to muddy the waters a bit further, Apple have recently announced Safari for Windows.<\/font><\/p>\n

So now your website is usable, but is it usable by everybody? For some, usability is just a small obstacle when compared to the barrier of accessibility.<\/font><\/p>\n

Web accessibility<\/strong><\/font><\/p>\n

All businesses in virtually all countries have a legal obligation to make their websites accessible to people with disabilities, otherwise they are discriminating. Given that something like 15% of the population have some sort of disability, that’s a sizeable market proportion. If you’re not reaching them, your competitors probably are.<\/font><\/p>\n

One of the many myths surrounding web accessibility is that blind people are the only ones who need to be catered for. Whilst blind people and their use of assistive technologies to read web pages are an obvious and important example, consider also people with other visual, auditory, physical, speech, cognitive and neurological impairments.<\/font><\/p>\n

How does a colour-blind person cope with page colours?<\/font><\/p>\n

How does someone with a mobility impairment manage without being able to use a mouse?<\/font><\/p>\n

How does a deaf person gain access to auditory content?<\/font><\/p>\n

How does someone with attention deficit disorder make sense of the pages?<\/font><\/p>\n

Web pages should be accessible to all of them. And it’s not just disabled people who will benefit. Older people, people with low literacy levels, people who are not fluent in the website language, people with low bandwidth connections, people using older technologies and people with short-term injuries and illnesses will also benefit.<\/font><\/p>\n

9 tips for a more accessible website<\/strong><\/font><\/p>\n

1.<\/strong> Provide all images with an alternative text description. If the image does not convey any information, provide null (blank) text rather than no alternative text at all.<\/font><\/p>\n

2.<\/strong> Provide transcripts of audio content.<\/font><\/p>\n

3.<\/strong> Ensure that the contrast between text foreground and background colours is sufficiently strong.<\/font><\/p>\n

4.<\/strong> Do not use colour alone to convey information. There should also be some other form of visual indicator such as additional characters, images or font changes.<\/font><\/p>\n

5.<\/strong> Place column headings in the first row of a table and place row headings in the first column. If headings are ambiguous, use the HTML scope attribute to clarify.<\/font><\/p>\n

6.<\/strong> Never use the HTML blink and marquee elements. For animated GIFs or other moving objects, the flicker frequency must be less than 2 Hz or greater than 55 Hz. But better to have no moving content at all.<\/font><\/p>\n

7.<\/strong> Link text should clearly state the purpose and destination of the link. Phrases like Click Here may mean nothing to someone listening to a screen reader.<\/font><\/p>\n

8.<\/strong> Provide an option to skip navigation on all pages. This will save screen reader users from having to repetitiously listen to the same navigation, and keyboard users from having to repetitiously tab through every item. Use hierarchical headers to provide the same benefit and to enable navigation through copy.<\/font><\/p>\n

9.<\/strong> On forms, always associate prompts with controls so that each control is adequately described. Use the HTML fieldset and legend tags to give structure to complex forms.<\/font><\/p>\n

The importance of web standards<\/strong><\/font><\/p>\n

Usable, accessible web pages can only be achieved through strict compliance with the standards set by the World Wide Web Consortium. They provide a platform for consistency, compatibility, stability, flexibility and extensibility. Implementing standards throughout a website’s design will address many usability and accessibility issues by default.<\/font><\/p>\n

Last and certainly not least<\/strong><\/font><\/p>\n

Usability and accessibility alone will not suddenly convert all your visitors into customers. Content is vital to a website’s delivery capability. But at least those visitors may now stick around long enough to look at the content<\/font><\/p>\n

Eugene Mulligan<\/em><\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

After you have optimized your website, done the keyword research, got the backlinks and everything is ethical. You’re sitting proudly on the first page of the search results. Or you’ve set up a pay per click campaign, bid on your keywords, created some ads and performance tracking is in place. Again, you’re at the top … Continue reading Web Usability and Accessibility.. Tips and Tricks<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":939,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/posts\/890"}],"collection":[{"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/users\/939"}],"replies":[{"embeddable":true,"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/comments?post=890"}],"version-history":[{"count":0,"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/posts\/890\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/media?parent=890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/categories?post=890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.duncanwierman.com\/content\/wp-json\/wp\/v2\/tags?post=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}