WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: understanding ARIA syntax

for

From: Ken Petri
Date: Aug 15, 2012 1:26PM

I'm not sure where you are getting this syntax but my bet is it was copied
from a web page code highlighter. The author must have accidentally
included the spans. If you remove all of the open and close span tags, then
you have a plain old DIV tag with a bunch of attributes. (The DIV tag is
internally closed, which you don't see much, but I believe is valid.)

ken
--
Ken Petri
Program Director, OSU Web Accessibility Center
102D Pomerene Hall, 1760 Neil Avenue, Columbus, Ohio 43210
Office: 614.292.1760 | Mobile: 614.218.1499 | Fax: 614.292.4190
http://wac.osu.edu | <EMAIL REMOVED>



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/
>
> > > >