No keyboard support

Oct 23, 2014 at 9:32 AM
Hello,

I've implemented the plugin on my website, the ARIA tags are working very well but I cannot navigate with the keyboard.

I use the <select> method, but in the navigator the are replaced with a <div id="rateit-range-2">.

It doesn't work neither on the example page : http://www.radioactivethinking.com/rateit/example/example.htm

I'm trying to make all my website keyboard accessible, it's not easy, that's why rateit interests me.

Thanks in advance.
Oct 28, 2014 at 9:47 AM
Wonderfoule wrote:
Hello,

I've implemented the plugin on my website, the ARIA tags are working very well but I cannot navigate with the keyboard.

I use the <select> method, but in the navigator the are replaced with a <div id="rateit-range-2">.

It doesn't work neither on the example page : http://www.radioactivethinking.com/rateit/example/example.htm

I'm trying to make all my website keyboard accessible, it's not easy, that's why rateit interests me.

Thanks in advance.
Hello, noboby can help me ?
Coordinator
Oct 29, 2014 at 10:50 AM
Hi,

I checked it and it does work fine. You'll have to "tab" through the screen until you reach the rating control, and then use the arrow keys.

Gidon
Oct 29, 2014 at 1:01 PM
gidon wrote:
Hi,

I checked it and it does work fine. You'll have to "tab" through the screen until you reach the rating control, and then use the arrow keys.

Gidon
Thank for your Help Gidon, but I tried with OSX Chrome, Firefox and Safari, and Windows IE 9, with no result.
One last thing : could you test my work on this page : http://www.roquefort-societe.com/les-recettes/creme-brulee-roquefort-lavande ?

Marc
Coordinator
Oct 29, 2014 at 4:34 PM
I see the issue. It actually does rate, but only one step.

What happens is that each keyboard action results in a rated event. You catch this event, and set the rateit component to readonly, this prevents further rating.

So what has to happen is some extra work from your site to make this work.
You might want to catch the "blur" event of the rateit control (instead of the "rated" event), and only then send the rating, and set it to readonly.

Hope that helps.