WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Help with a WAVE error

for

From: Beranek, Nicholas
Date: Sep 27, 2016 11:58AM

Angela, in my haste I neglected to address the other part of your question: what does this mean in the context of the site?

It doesn't appear to mean much. Some AT's, such as JAWS, may announce that the user can read the help text using a keyboard shortcut. Since the description is not available, that may be a little disorienting. What's more impactful is the fact that none of the slides (the thumbnails) are actionable via keyboard.

My assumption is that they wanted to reference the heading and paragraph above the carousel in addition to the alt text for each image.

--
Nick Beranek
Digital Accessibility Team

On 9/27/16, 1:44 PM, "WebAIM-Forum on behalf of Beranek, Nicholas" < <EMAIL REMOVED> on behalf of <EMAIL REMOVED> > wrote:

Hi Angela, the culprit appears to be the aria-describedby references in the carousel:

<div class="slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01" style="width: 456px; position: relative; left: -456px; top: 0px; z-index: 999; opacity: 1;">

If you run aXe, it will give you specifics for 3 other instances (http://www.deque.com/products/axe/)

One way to verify this is to check for that ID on the page:

document.getElementById('slick-slide01');

This returns 'null' in the console.

I hope this helps,

Nick Beranek
Capital One