WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: understanding ARIA syntax

for

From: Angela French
Date: Aug 15, 2012 1:55PM

Whew! Thanks.


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