RE: About image sliders

Another example of this concept, is available at,%20Slideshows,%20and%20Wizards/Carousel%20(Flat%20from%20XML%20with%20Overrides)/demo.htm


This link is long, so it may be broken up. This can also be downloaded from


The construct is based on the WAI Carousel Tutorial at

And uses the latest ARIA 1.1 spec compliance mappings.


This is also a scalable accessible widget out-of-the-box, so you can customize the content and styling and markup and use it for whatever you wish.


All the best,



-----Original Message-----
From: Ajay Sharma [] 
Sent: Tuesday, December 01, 2015 4:39 AM
To: Chaals McCathie Nevile <>
Subject: Re: About image sliders


Hello All,


Thanks a lot for all of your help and putting on this discussion, I greatly appreciate it.


About the slider that I am working on is based on jQuery.  but, the nice  tutorial suggested by Kevin, accomplished most of the desired tasks for now.


Although, its light weight and accessible, being partially sighted and screen-reader user, I believe the experience could be made sleeker.

For instance, after pressing next button, the focus have to taken manually to the heading of the current slide every time, and this sort of feels like moving on a bumpy road. Here, the focus could be automatically taken to the heading of the slide.


This tutorial has no doubt given a good start and I am going to use it the best way possible.


Thanks again and have a wonderful time!



On 11/30/15, Chaals McCathie Nevile < <>> wrote:

> On Mon, 30 Nov 2015 17:40:22 +1000, < <>> wrote:


>> Hi,


>> I have just plunjed into the world of accessibility so please forgive 

>> if


>> I sound novice.


> Actually, you hsould be worried about whether people who are not 

> novices sound like they know everything. Because none of us do.


>> Now problem is that, I am working on a project which is a website 

>> that shows a big image slider. The images convey important 

>> information both in textual and non textual form, and this slider is inaccessible.


>> My question is that is there any standard technique to make it 

>> accessible and if is it okay to make it accessible by hiding the 

>> entire slider div by aria-hidden and rendering the info in simple 

>> text, that is


>> hidden from sighted users through css, without changing the layout of 

>> the site?


> I suspect the answer is that this is not accessible.


> The problem here is making the content accessible to people who have

> *limited* vision, and no screen reader. (In most of the world, that 

> means more than people who have a screenreader). And people who have 

> pretty good


> vision, and a keyboard.


>> Kindly let me know the best thing to do to get it aligned with Level AA.


> I'm afraid I'm not that worried about how to meet level AA 

> specifically - just the principle of making things "reasonably accessible".


> But I think your answer is going to involve looking at the code that 

> makes


> the slider, and at making the text alternatives discoverable. You 

> might be


> able to do that without changing the layout - or not much - but I 

> doubt that the solution here is just to rely on ARIA.


> As already noted, without knowing the details - code, etc. - it's hard 

> to provide very specific useful guidance.


> cheers


> --

> Charles McCathie Nevile - web standards - CTO Office, Yandex

>    <> - - - Find more at  <>



Received on Tuesday, 1 December 2015 17:05:36 UTC