Usability testing tools

W Craig Tomlin at Useful Usability has compiled a list of 24 web site usability testing tools, starting with a pencil and paper, through to web statistics software, heat-maps, desktop software and online card-sorts. He gives a detailed explanation and evaluation of each tool, together with its pros and cons.

Many of these tools are free or reasonably cheap.

1. A Paper and Pencil
2. Concept Feedback
3. Chalkmark
4. Clickheat
5. ClickTale
6. Clixpy
7. Crazy Egg
8. Ethnio
9. Feng-GUI
10. Five Second Test
11. Feedback Army
12. Loop11
13. Mechanical Turk
14. Morae
15. Open Hallway
16. Silverback
17. Simple Mouse Tracking
18. Usabilla
19. UserFly
20. UserTesting.com
21. UserVue
22. Google Analytics
23. Google Website Optimizer
24. Website Grader

Unitarian leaflets

A series of leaflets is available about Unitarian views of various issues.

• Unitarianism - A faith worth thinking about
• Your first time at a Unitarian service? What to expect
• Namings and welcomings - the Unitarian way
• Weddings and same-sex blessings
• Funerals and memorial services - the Unitarian way
• Unitarian views of Jesus

More leaflets on other topics will be published on the web soon.

• Unitarian Views of Earth and Nature
• Unitarian Approaches to Worship
• Women in the Unitarian Movement
• Unitarian Views of God
• Where We Stand: Gay and Lesbian Issues
• Could you become a Unitarian Minister?
• Could you become a Unitarian Lay Leader?

Accessible graphics

Most people know that you must add alt text to images, for example:

<img src="http://www.blogger.com/myphoto.jpg" alt="The Nightingale Centre" />

But there are other things you need to add for full accessibility and usability.

You should set a height and width for your image (and this should be no greater than the actual height and width of the image).

<img src="http://www.blogger.com/myphoto.jpg" height="240" width="360" alt="The Nightingale Centre" />

If an image is very high resolution, it will take a while to download, so you should resize it to a smaller size in your graphics program before uploading it (don't just set a smaller height and width in your HTML).

Internet Explorer uses the alt text as a tooltip, which is actually incorrect. Firefox uses the title attribute as the tooltip text, which is correct. So, if you want the title of your image to be displayed when a Firefox user rolls his/her mouse over the image, you need to add a title attribute.

<img src="http://www.blogger.com/myphoto.jpg" height="240" width="360" alt="The Nightingale Centre" title="The Nightingale Centre" />

You should also ensure that you use the correct format for your images. JPG format should always be used for photos. PNG or GIF formats should always be used for other graphics, such as logos.

Accessible video

So you have produced a shiny new video for your website - but is it accessible?

Deaf viewers require captioning; blind users require audio descriptions, and mobility-impaired users require keyboard shortcuts for video controls.

The best free tool for making videos accessible is Media Access Generator (MAGpie) from NCAM.

Another option is to provide a transcript of your video content.

Accessible tables

If you're using a table to present information, you need to make it readable from left to right so that it won't be inaccessible to people using screen readers.

Here's an example of a good table:

Name	Phone	Email
Joe Bloggs	0208 123 4567	jbloggs@gmail.com
Ann Other	0208 234 5678	annother@gmail.com
Fred Smith	0208 345 6789	fsmith@gmail.com

Other important guidelines for accessible tables:

• Using real table headers
• Providing a summary for tables
• Accessible tables
• Content linearisation

24 ways

24 ways is the advent calendar for web geeks. Each day throughout December they publish a daily dose of web design and development goodness to bring you a little Christmas cheer.

Now all they need to do is find a way of sending chocolate through the internet...

There are two interesting Unitarian and UU blogposts about Advent:

• Advent – A Humanist Adventure (1984) from The Sermons and Musings of Carl J. Westman, DD.
• Celebrating Advent without misrepresentation, sentimentalism or parody (and a couple of recommended books) by Andrew Brown

And Stephen Lingwood has posted a video: Advent: How long shall we keep God waiting? It's very good.

Accessibility

Making your website accessible is very important. The Web Content Accessibility Guidelines are the definitive guide to making your site accessible. There is also a checklist based on the guidelines produced by WebAIM.

Making your site accessible helps everyone, but especially users with visual or hearing impairments, and people with slow web connections.

A useful resource for understanding accessibility issues is Dive into accessibility, which presents a series of things you can do to make your website more accessible, and some case studies of people with disabilities.

There is also a selection of tools you can use to analyse your web pages for accessibility. These make the process very much easier - but they are no substitute for understanding accessibility and learning the basic accessibility guidelines.