WebAIM - Web Accessibility In Mind

E-mail List Archives

for

From: Mark Magennis
Date: Oct 10, 2019 8:56AM

This looks okay for screen reader users Paul, but there is the WCAG 2.1 SC 2.5.3 Label in Name (not in WCAG 2.0) which requires the accessible name to include the visible text label. So your aria-label value would need to include "Buy it Now!". This is the bit that affects Dragon users, among others. The Understanding SC 2.5.3 page (https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html) explains this very well.

There is also another consideration that it is best (though not required by WCAG) to put the visible label first. I have found that this does make a difference particularly where the objects, e.g. the product names, are very long. If you put the visible text label last, you can end up with names like " Dreamingbox Outdoor Exploring Binoculars - Explorer Toys for Kids Buy it Now!", " Top Trumps 25263 Card Game, Marvel Universe Buy it Now!", " BIC Cristal Original Ballpoint Pens Medium Point (1.0 mm) – Black, Box of 50 Buy it Now!", etc. It's more difficult to hear the action and you have to listen through the whole name to find out the action.

Mark