Articles for the ‘Native element accessibility’ Category

Figure and figcaption – extended alternate text for screen readers?

The usual way of making images accessible for people who can’t see them is to provide alternative text using the alt attribute of the element. However, in many websites, images are presented with caption text to explain to sighted users what the image is showing. This is effectively an alternative text for the image, but there’s no ‘programmatic’ linkage for screen readers to pick up. HTML5 introduced the <figure> element as a container that could be used for images, and <figcaption> for their alternative text. So could this be used as a good way of handling images with captions, for everyone?

Tags: , , ,

Is input type=”date” ready for use in accessible websites?

One of the ‘new’ HTML5 elements – input type=”date” – was intended to simplify the collection of dates on websites, and to reduce user errors whilst doing so. So is it well supported? And does using it help make forms more accessible? We took date inputs for a test drive with different browsers and assistive technologies to see how usable the control is now. Here are the results…

Tags: , , , , , , , , , , ,

Accessible accordions part 2 – using <details> and <summary>

After a comment on my previous blog post about accessible accordion patterns, I decided to do some investigation on the details and summary HTML elements. They could be the best way of doing accordions natively in browsers, but how well is the pattern supported? And will they work with assistive technologies?

Tags: , , ,