Tabbing and keyboard navigation

I am looking for the same exact info and agree that there is very little to no info available.  Edge seems like it has the potential to be a great tool for developing HTML5 interactions but without FULL accessibility control it's useless to me. 

Help us out Adobe....please!

Hello Tia,

This should allow you to tab between your buttons.

First group your buttons in one div and call it buttons.

var buttons = sym.$("buttons").children();

i=0;

i++;

buttons.html('<p tabindex="' + i + '">' + i +  '</p>');

sym.$('stage').focus();

Thanks resdesign,

Can you elaborate a bit?  I have been able to get Tab order to work just using the Accessibility panel in Edge.  The issue I'm having and if I am reading Thomas's note correctly him also is once we have "Tabbed" to something how can we get a key stroke to fire?  In my case it's the "enter" key.

I found the below code and was able to get it to work, but...this code appears to only work on "Stage" actions where the "Keydown" option is available and I am unclear on how to make it work for ALL buttons on the stage. 

if (e.which == 13) {

  // do something

}

13 is for the Enter key.  Space bar would be 32 I believe.

Thoughts?

Here is an example. use keydown after focus() and add your code. Here I just change the button color and the text.

keydown events.zip - Box

Thanks! Good luck on your project!

Yes!  That is what I was needing.  Thanks.  Since you seem to be the only one out there who can help how about one more? Years ago in Flash button code was placed on buttons.  Now with Functions it's all in one place.  Can we do the same with Edge?  Can all code be setup on the "Stage script" area?  Also can we avoid using the Accessibility panel like Flash also and use script for our Tab order? 

Thanks again for any help you can give!

I place all my code in compositionReady as much as I can. It is similar to what I did with Flash many years ago. You can use the code in my first answer to add tabIndex - There might be an easier and more elegant way to do it too but I have not looked into it, though.

If you prefer to put code on buttons, then you can. Just use the {} next to the element in the element panel and you will find the different options you have.

Hope this helps.

Yes, it seems that everyone has left the building....

Agreed.  Best of Luck in your dimension! And thanks for posting your original message.