Coolfields Consulting Archive for the ‘Technical Tips’ Category

Text for Screen Readers Only (Updated)

Published: | Author: | 6 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. This post shows you how to do that.

Text for Screen Readers Only (Updated): Read the full post »

A possible ARIA solution to improve accessibility of the WordPress Add Media Panel

Published: | Author: | 2 Comments

The Add Media functionality was introduced into WordPress with version 3.5. Unfortunately it was completely inaccessible to anyone who couldn’t use a mouse. This post explains the main issues and looks at a pragmatic ARIA fix that could help solve some of the issues.

A possible ARIA solution to improve accessibility of the WordPress Add Media Panel: Read the full post »

Simple Usability Improvements for your WordPress Theme

Published: | Author: | 1 Comment

Summary of presentation I gave to WordPress London. Demonstrates simple usability enhancements for WordPress themes – in code and using plugins.

Simple Usability Improvements for your WordPress Theme: Read the full post »

Accessible Forms – Grouping Elements Together With Fieldset

Published: | Author: | 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 Elements Together With Fieldset: Read the full post »

Accessible Forms – Grouping Options With Optgroup

Published: | Author: | 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 – Grouping Options With Optgroup: Read the full post »

Accessible Forms – Selects or Dropdowns

Published: | Author: | 2 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 – Selects or Dropdowns: Read the full post »

Accessible Forms – Checkboxes and Radio Buttons

Published: | Author: | 3 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 – Checkboxes and Radio Buttons: Read the full post »

Accessible Forms – Should Every Input Have a Label?

Published: | Author: | 11 Comments

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.

Accessible Forms – Should Every Input Have a Label?: Read the full post »

Providing Skip Links in Your Pages

Published: | Author: | 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.

Providing Skip Links in Your Pages: Read the full post »

The Importance of the Print Stylesheet

Published: | Author: | No Comments

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

The Importance of the Print Stylesheet: Read the full post »