WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Do any of the web accessibility developer tools visually show ARIA landmarks?

for

Number of posts in this thread: 9 (In chronological order)

From: Birkir R. Gunnarsson
Date: Fri, Feb 10 2012 8:15AM
Subject: Do any of the web accessibility developer tools visually show ARIA landmarks?
No previous message | Next message →

I am encouraging a web developer to add ARIA landmarks to the website.
He is interested, but he is doing it incorrectly so the landmarks
never get added.
Are there any tools out there that show the landmarks as a screen
reader would see them, to assist him in getting it right, without me
hving to constantly review it with a screen reader (of course I can
always tell him to just download NVDA, but if there is some plug in
that can do this, that'd probably be less daunting).
Thanks
-B

From: Steve Faulkner
Date: Fri, Feb 10 2012 8:27AM
Subject: Re: Do any of the web accessibility developer tools visually show ARIA landmarks?
← Previous message | Next message →

Hi Birkir,
the following tools visualize ARIA landmarks:

Juicy Studio Accessibility Toolbar (firefox)
https://addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too/

web accessibility toolbar
http://www.paciellogroup.com/resources/wat-ie-documentation.html

regards
stevef
On 10 February 2012 15:14, Birkir R. Gunnarsson < = EMAIL ADDRESS REMOVED =
> wrote:

> I am encouraging a web developer to add ARIA landmarks to the website.
> He is interested, but he is doing it incorrectly so the landmarks
> never get added.
> Are there any tools out there that show the landmarks as a screen
> reader would see them, to assist him in getting it right, without me
> hving to constantly review it with a screen reader (of course I can
> always tell him to just download NVDA, but if there is some plug in
> that can do this, that'd probably be less daunting).
> Thanks
> -B
>

From: Vincent Young
Date: Fri, Feb 10 2012 10:33AM
Subject: Re: Do any of the web accessibility developer tools visually show ARIA landmarks?
← Previous message | Next message →

I know FAE will outline the navigation roles, but I don't think much of
anything else. For a potential hack, if you are using a DOM inspector with
scripting capability, such as Firebug on Firefox, throw this in:

var elements = document.getElementsByTagName("*");
for(var i = 0; i < elements.length; i++) {
var el = elements[i];
var role = el.getAttribute("role");
if(role !== null) {
el.style.backgroundColor = "rgba(214, 105, 13, 0.4)";
el.style.border = "4px dashed #d6690d";
el.innerHTML = el.innerHTML + '<span
style="padding:5px;margin:5px;display:inline-block;background:#0bf4f7;border:
2px dotted #059799; font-size:18px; font-family: arial, helvetica,
sans-serif; font-weight:bold; text-transform:lowercase; color: #333;">' +
role + "</span>";
}
}

The native browser DOM inspectors should have this. You have time to check
if this is anywhere on their road map? I created a feature request for
Chris Pederick's Web Developer Toolbar Add-on for Mozilla/Webkit:

http://chrispederick.com/forums/viewtopic.php?pid=9675#p9675

On Fri, Feb 10, 2012 at 7:21 AM, Steve Faulkner < = EMAIL ADDRESS REMOVED = >wrote:

> Hi Birkir,
> the following tools visualize ARIA landmarks:
>
> Juicy Studio Accessibility Toolbar (firefox)
>
> https://addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too/
>
> web accessibility toolbar
> http://www.paciellogroup.com/resources/wat-ie-documentation.html
>
> regards
> stevef
> On 10 February 2012 15:14, Birkir R. Gunnarsson <
> = EMAIL ADDRESS REMOVED =
> > wrote:
>
> > I am encouraging a web developer to add ARIA landmarks to the website.
> > He is interested, but he is doing it incorrectly so the landmarks
> > never get added.
> > Are there any tools out there that show the landmarks as a screen
> > reader would see them, to assist him in getting it right, without me
> > hving to constantly review it with a screen reader (of course I can
> > always tell him to just download NVDA, but if there is some plug in
> > that can do this, that'd probably be less daunting).
> > Thanks
> > -B
> >

From: Jim Allan
Date: Fri, Feb 10 2012 11:15AM
Subject: Re: Do any of the web accessibility developer tools visually show ARIA landmarks?
← Previous message | Next message →

See also wwww.jimthatcher.com/favlets one of the reveals ARIA information
nicely

Jim
On Feb 10, 2012 11:36 AM, "Vincent Young" < = EMAIL ADDRESS REMOVED = > wrote:

> I know FAE will outline the navigation roles, but I don't think much of
> anything else. For a potential hack, if you are using a DOM inspector with
> scripting capability, such as Firebug on Firefox, throw this in:
>
> var elements = document.getElementsByTagName("*");
> for(var i = 0; i < elements.length; i++) {
> var el = elements[i];
> var role = el.getAttribute("role");
> if(role !== null) {
> el.style.backgroundColor = "rgba(214, 105, 13, 0.4)";
> el.style.border = "4px dashed #d6690d";
> el.innerHTML = el.innerHTML + '<span
>
> style="padding:5px;margin:5px;display:inline-block;background:#0bf4f7;border:
> 2px dotted #059799; font-size:18px; font-family: arial, helvetica,
> sans-serif; font-weight:bold; text-transform:lowercase; color: #333;">' +
> role + "</span>";
> }
> }
>
> The native browser DOM inspectors should have this. You have time to check
> if this is anywhere on their road map? I created a feature request for
> Chris Pederick's Web Developer Toolbar Add-on for Mozilla/Webkit:
>
> http://chrispederick.com/forums/viewtopic.php?pid=9675#p9675
>
> On Fri, Feb 10, 2012 at 7:21 AM, Steve Faulkner < = EMAIL ADDRESS REMOVED =
> >wrote:
>
> > Hi Birkir,
> > the following tools visualize ARIA landmarks:
> >
> > Juicy Studio Accessibility Toolbar (firefox)
> >
> >
> https://addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too/
> >
> > web accessibility toolbar
> > http://www.paciellogroup.com/resources/wat-ie-documentation.html
> >
> > regards
> > stevef
> > On 10 February 2012 15:14, Birkir R. Gunnarsson <
> > = EMAIL ADDRESS REMOVED =
> > > wrote:
> >
> > > I am encouraging a web developer to add ARIA landmarks to the website.
> > > He is interested, but he is doing it incorrectly so the landmarks
> > > never get added.
> > > Are there any tools out there that show the landmarks as a screen
> > > reader would see them, to assist him in getting it right, without me
> > > hving to constantly review it with a screen reader (of course I can
> > > always tell him to just download NVDA, but if there is some plug in
> > > that can do this, that'd probably be less daunting).
> > > Thanks
> > > -B
> > >

From: Vincent Young
Date: Fri, Feb 10 2012 12:03PM
Subject: Re: Do any of the web accessibility developer tools visually show ARIA landmarks?
← Previous message | Next message →

Corrected link: http://jimthatcher.com/favelets/

The Firefox add-on worked well:
http://jimthatcher.com/IBM/js/FaveletToolbar.xpi

On Fri, Feb 10, 2012 at 10:16 AM, Jim Allan < = EMAIL ADDRESS REMOVED = > wrote:

> See also wwww.jimthatcher.com/favlets one of the reveals ARIA information
> nicely
>
> Jim
> On Feb 10, 2012 11:36 AM, "Vincent Young" < = EMAIL ADDRESS REMOVED = > wrote:
>
> > I know FAE will outline the navigation roles, but I don't think much of
> > anything else. For a potential hack, if you are using a DOM inspector
> with
> > scripting capability, such as Firebug on Firefox, throw this in:
> >
> > var elements = document.getElementsByTagName("*");
> > for(var i = 0; i < elements.length; i++) {
> > var el = elements[i];
> > var role = el.getAttribute("role");
> > if(role !== null) {
> > el.style.backgroundColor = "rgba(214, 105, 13, 0.4)";
> > el.style.border = "4px dashed #d6690d";
> > el.innerHTML = el.innerHTML + '<span
> >
> >
> style="padding:5px;margin:5px;display:inline-block;background:#0bf4f7;border:
> > 2px dotted #059799; font-size:18px; font-family: arial, helvetica,
> > sans-serif; font-weight:bold; text-transform:lowercase; color: #333;">' +
> > role + "</span>";
> > }
> > }
> >
> > The native browser DOM inspectors should have this. You have time to
> check
> > if this is anywhere on their road map? I created a feature request for
> > Chris Pederick's Web Developer Toolbar Add-on for Mozilla/Webkit:
> >
> > http://chrispederick.com/forums/viewtopic.php?pid=9675#p9675
> >
> > On Fri, Feb 10, 2012 at 7:21 AM, Steve Faulkner <
> = EMAIL ADDRESS REMOVED =
> > >wrote:
> >
> > > Hi Birkir,
> > > the following tools visualize ARIA landmarks:
> > >
> > > Juicy Studio Accessibility Toolbar (firefox)
> > >
> > >
> >
> https://addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too/
> > >
> > > web accessibility toolbar
> > > http://www.paciellogroup.com/resources/wat-ie-documentation.html
> > >
> > > regards
> > > stevef
> > > On 10 February 2012 15:14, Birkir R. Gunnarsson <
> > > = EMAIL ADDRESS REMOVED =
> > > > wrote:
> > >
> > > > I am encouraging a web developer to add ARIA landmarks to the
> website.
> > > > He is interested, but he is doing it incorrectly so the landmarks
> > > > never get added.
> > > > Are there any tools out there that show the landmarks as a screen
> > > > reader would see them, to assist him in getting it right, without me
> > > > hving to constantly review it with a screen reader (of course I can
> > > > always tell him to just download NVDA, but if there is some plug in
> > > > that can do this, that'd probably be less daunting).
> > > > Thanks
> > > > -B
> > > >

From: Dave Fleming
Date: Fri, Feb 10 2012 10:00PM
Subject: Web accessibility standards in Europe, Asia and Africa
← Previous message | Next message →

I'm trying to determine what web accessibility standards are followed by
the following regions:

Asia
Europe
Africa

Thanks in advance for any help you can give me.


Best regards,
Dave Fleming


http://www.linkedin.com/in/uxstrategy

From: Bevi Chagnon
Date: Sat, Feb 11 2012 1:09PM
Subject: Re: Web accessibility standards in Europe, Asia and Africa
← Previous message | Next message →

Accessibility is voluntary and adopted individually by each country, not
region. The term is called "international harmonization" where we're trying
to get everyone to adopt the same standards.

You'll find individual countries' standards here at the W3C/WAI's website:
http://www.w3.org/WAI/Policy/
--
Bevi Chagnon | = EMAIL ADDRESS REMOVED =
PubCom - Trainers, consultants, designers, and developers
Print, Web, Acrobat, XML, eBooks, and Federal Section 508
--
* It's our 30th Year! *


-----Original Message-----
I'm trying to determine what web accessibility standards are followed by the
following regions:

Asia
Europe
Africa

Thanks in advance for any help you can give me.

Best regards,
Dave Fleming

From: Birkir R. Gunnarsson
Date: Sat, Feb 11 2012 4:24PM
Subject: Re: Web accessibility standards in Europe, Asia and Africa
← Previous message | Next message →

Also keep in mind the Mandate 376 (European Economic Area equivalent
of Section 508) work that is going on, and it is hoped that a draft
will be officially ready for voting in 2014 (though with recent
history of European accessibility initiatives it might be more like
2034).
Most standards seem to be baesd on WCAG 2.0 AA with variations, if
standards are not based on that, it seems most countries are moving
towards that standard.
Norway has an impressive set or accessibility regulations that will
take effect in July 2013 requiring compliance of providers of public
online services.
I am putting together a document containing all information I am aware
of, admittedly in large part taken from the website pointed out above.
I'd happily postit if I find it contains a lot of additional
information and someone is interested in it.
I expect to be done in a few days.


On 2/11/12, Bevi Chagnon < = EMAIL ADDRESS REMOVED = > wrote:
> Accessibility is voluntary and adopted individually by each country, not
> region. The term is called "international harmonization" where we're trying
> to get everyone to adopt the same standards.
>
> You'll find individual countries' standards here at the W3C/WAI's website:
> http://www.w3.org/WAI/Policy/
> --
> Bevi Chagnon | = EMAIL ADDRESS REMOVED =
> PubCom - Trainers, consultants, designers, and developers
> Print, Web, Acrobat, XML, eBooks, and Federal Section 508
> --
> * It's our 30th Year! *
>
>
> -----Original Message-----
> I'm trying to determine what web accessibility standards are followed by the
> following regions:
>
> Asia
> Europe
> Africa
>
> Thanks in advance for any help you can give me.
>
> Best regards,
> Dave Fleming
>
>
>

From: Jonathan Hassell
Date: Sun, Feb 12 2012 2:15PM
Subject: Re: Web accessibility standards in Europe, Asia and Africa
← Previous message | No next message

Dave, Bevi & Birkir,

Please note that the W3C WAI 'Policies Relating to Web Accessibility' page is rather out of date, in its information on UK guidelines at least.

I'm planning to email the editors with updates for the UK section in the next couple of days.

In the meantime, the best place to find out the UK-specific accessibility law and guidelines is on wikipedia.

For UK law see: http://en.wikipedia.org/wiki/Web_accessibility#United_Kingdom_2
For UK guidelines see: http://en.wikipedia.org/wiki/Web_accessibility#United_Kingdom

As the lead-author of BS 8878 - the major contribution from the UK to accessibility guidelines, which gives guidance on how organisations should embed accessibility into their business-as-usual processes, and harmonises with WCAG - I'd be happy to answer any questions you might have about accessibility in the UK.

You can find my quick overview of BS 8878, including the ways it harmonises with WCAG, at: http://www.hassellinclusion.com/bs8878/

Best regards
Jonathan.