WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: understanding ARIA syntax

for

From: Brendan McKeon
Date: Aug 15, 2012 1:47PM

Yup, it's stray syntax highlighting code - the SPANs were in the underlying HTML, possibly left over from a cut-and-paste from elsewhere, then the syntax highlighting code in the mozilla page was turning them into visible text. I've edited the page to remove these stray tags, so if you reload it, you should see the correct syntax now.
https://developer.mozilla.org/en-US/docs/Accessibility/ARIA/Web_applications_and_ARIA_FAQ

- Brendan.

--
Brendan McKeon | <EMAIL REMOVED>


> From: <EMAIL REMOVED>
> Date: Wed, 15 Aug 2012 15:26:19 -0400
> To: <EMAIL REMOVED>
> Subject: Re: [WebAIM] understanding ARIA syntax
>
> 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/
> >
> > > > > > > >
> > >