Coolfields Consulting Archive for the ‘Technical Tips’ Category

Building Accessible WordPress Themes – Featured Images

Published: | Author: | No Comments

If you’re pulling featured images into your WordPress theme, are you setting the alternate text for the image correctly? Let me show you how to get it right.

Building Accessible WordPress Themes – Featured Images: Read the full post »

How to Build an Accessible WordPress Theme

Published: | Author: | No Comments

A write-up of key points from my presentation at WordCamp London 2019 consisting of a series of ‘tips and tricks’ for building accessible WordPress themes.

How to Build an Accessible WordPress Theme: Read the full post »

Accessibility Checklist

Published: | Author: | No Comments

This accessibility checklist was created to accompany my presentation entitled ‘How to Build an Accessible WordPress Theme’ for WordCamp London 2019 – held on 5th – 7th April 2019. The checklist contains a reminder of all the little tips and tricks that can make a theme more accessible. There’s advice for content authors/editors too.

Accessibility Checklist: Read the full post »

Text for Screen Readers Only (Updated)

Published: | Author: | 13 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: | 5 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 »