Coolfields Consulting Archive for the ‘Technical Tips’ Category

Accessible Forms – Grouping Elements Together With Fieldset

Published: Oct 11th, 2011 | Author: Graham Armfield | 1 Comment

The fieldset HTML element (and its accompanying legend element) can be used to group any set of input fields and brings useful accessibility benefits.

Accessible Forms – Grouping Options With Optgroup

Published: Aug 24th, 2011 | Author: Graham Armfield | No Comments

The optgroup HTML tag is a grouping element used with a list of options in a select (or dropdown) input field. It provides a good usability feature but currently little for accessibility.

Accessible Forms – Selects or Dropdowns

Published: May 24th, 2011 | Author: Graham Armfield | No Comments

The Select (or Dropdown) input field enables a user of a web form to make a selection from a list of items. This post looks at the best practices for using selects accessibly and pitfalls to avoid.

Accessible Forms – Checkboxes and Radio Buttons

Published: Apr 26th, 2011 | Author: Graham Armfield | No Comments

Checkboxes and radio buttons both allow users to choose from a list of items. But they both can have implications for web form accessibility if they’re not used correctly.

Accessible Forms – Should Every Input Have a Label?

Published: Apr 15th, 2011 | Author: Graham Armfield | 1 Comment

If you’re using text boxes on a web page you’ll need your users to know what they’re supposed to put in them. This post discusses the importance of the label tag, how to use it, and some best practices to keep in mind when designing or building web forms.

Providing Skip Links in Your Pages

Published: Oct 14th, 2010 | Author: Graham Armfield | 1 Comment

This post looks at a quick and easy way to make your site easier to use for those who rely on keystrokes to get about the internet.

The Importance of the Print Stylesheet

Published: Feb 15th, 2010 | Author: Graham Armfield | No Comments

What is a print stylsheet for? and why is it important?

Using Headings Properly

Published: Dec 17th, 2009 | Author: Graham Armfield | 1 Comment

Within your web pages the correct use of headings is very important for two main reasons: 1) To signpost your content for your users, and 2) To help with search engine optimization (SEO).

Text for Screen Readers Only

Published: Dec 6th, 2009 | Author: Graham Armfield | 2 Comments

Blind visitors to your site may well be using a screen reader, or a braille reader. There are a number of places on a web page where extra text would sometimes be useful for blind users to ensure that the full meaning of the content is apparent.