-
1. Re: Tabbing and keyboard navigation
studio9400 Sep 29, 2015 12:33 PM (in response to ThomasJordan)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!
-
2. Re: Tabbing and keyboard navigation
resdesign Sep 29, 2015 1:44 PM (in response to ThomasJordan)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();
-
3. Re: Tabbing and keyboard navigation
studio9400 Sep 29, 2015 2:32 PM (in response to ThomasJordan)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?
-
4. Re: Tabbing and keyboard navigation
ThomasJordan Sep 30, 2015 4:11 AM (in response to studio9400)studio9400,
You are on the money...what you described is exactly what I'm trying to do.
-
5. Re: Tabbing and keyboard navigation
ThomasJordan Sep 30, 2015 4:20 AM (in response to resdesign)resdesign,
can you be a bit more specific on where the code you wrote goes?...if we simplified this example in the following manner:
We have 2 buttons on the Edge Animate stage named Back and Next.
Users need to be able to press Tab and allow focus to be on those buttons.
When Back is focused after being tabbed to, the user can press the Enter key and the code for the Back button will trigger...same holds true for the Next button.
I am quite new to Edge...I have been a Flash developer/coder for close to 15 years...so I apologize in advance for my newbieness...:)
-
6. Re: Tabbing and keyboard navigation
resdesign Sep 30, 2015 5:44 AM (in response to ThomasJordan)Here is an example. use keydown after focus() and add your code. Here I just change the button color and the text.
-
7. Re: Tabbing and keyboard navigation
ThomasJordan Sep 30, 2015 10:14 AM (in response to resdesign)Thanks resdesign...this is exactly what I needed!
-
8. Re: Tabbing and keyboard navigation
resdesign Sep 30, 2015 10:41 AM (in response to ThomasJordan)Thanks! Good luck on your project!
-
9. Re: Tabbing and keyboard navigation
studio9400 Sep 30, 2015 10:52 AM (in response to ThomasJordan)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!
-
10. Re: Tabbing and keyboard navigation
resdesign Sep 30, 2015 10:58 AM (in response to studio9400)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....
-
11. Re: Tabbing and keyboard navigation
ThomasJordan Sep 30, 2015 11:55 AM (in response to studio9400)studio9400,
I think you might be me...in a parallel dimension...
-
12. Re: Tabbing and keyboard navigation
studio9400 Sep 30, 2015 12:02 PM (in response to ThomasJordan)Agreed. Best of Luck in your dimension! And thanks for posting your original message.