WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: understanding ARIA syntax

for

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

Here, under the heading "Can you show me an example of ARIA in action?"

https://developer.mozilla.org/en-US/docs/Accessibility/ARIA/Web_applications_and_ARIA_FAQ

>-----Original Message-----
>From: <EMAIL REMOVED> [mailto:webaim-forum-
> <EMAIL REMOVED> ] On Behalf Of Scott González
>Sent: Wednesday, August 15, 2012 12:17 PM
>To: WebAIM Discussion List
>Subject: Re: [WebAIM] understanding ARIA syntax
>
>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/
>>
>> >> >> list messages to <EMAIL REMOVED>
>>
>>>messages to <EMAIL REMOVED>