WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: understanding ARIA syntax

for

From: Scott González
Date: Aug 15, 2012 1:16PM

You're confused because that example is very much incorrect. Remove all of
the span tags and you'll have something that is valid:

<div id="percent-loaded" role="progressbar" aria-valuenow="75"
aria-valuemin="0" aria-valuemax="100" />

Where did you find that example?


On Wed, Aug 15, 2012 at 3:02 PM, Angela French < <EMAIL REMOVED> > wrote:

> Hello,
> I am trying to learn about ARIA, though I haven't actually had any chance
> to implement it yet. While I generally understand the concepts, the syntax
> has me stymied. In particular the use of the <span> tag in ways I have
> never seen it used before, as shown below in the example of a progress bar
> widget:
>
> <span><div id="percent-loaded" role</span>=<span>"progressbar"
> </span><span>aria-valuenow</span>=<span>"75"
> </span><span>aria-valuemin</span>=<span>"0"
> </span><span>aria-valuemax</span>=<span>"100"</span> />
>
> Can someone please explain this use of the <span> tag or steer me towards
> a tutorial that deals with, or includes a discussion of syntax?
>
> Thank you,
>
>
>
> Angela French
> Internet Specialist
> State Board for Community and Technical Colleges
> 360-704-4316
> <EMAIL REMOVED>
> http://www.checkoutacollege.com/
>
> > > >