WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: simple example of 3 input items which are to be added together

for

From: Paul J. Adam
Date: Jan 12, 2015 1:37PM

The span#outputId element's accessible name is overridden by span#sumLabel because it says that outputId should be aria-labelledby="sumLabel". I'm not sure the screen reader would read that correctly if it's not an input. Since it's a span it likely has to reference itself also like <span id="outputId" aria-labelledby="sumLabel outputId">6</span>

Live demo would be easier to debug or a code snippet without all the line number so I could paste into a test page.

Hard to know for sure without a working demo to test.


Paul J. Adam
Accessibility Evangelist
www.deque.com <http://www.deque.com/>;
> On Jan 12, 2015, at 2:19 PM, Stanzel, Susan - FSA, Kansas City, MO < <EMAIL REMOVED> > wrote:
>
> <span id="sumLabel">Sum:</span>
> 34.
> 35. <span id="outputId" role="status" aria-live="polite" aria-labeledby="sumLabel">
> 36.
> 37. </span>