To Tab Key Menu
The 'multi-aud-123.js' file will automatically add 'HTML-code' to your linked-to web page that will enable your viewers to navigate through pre-selected elements on the web page using their 'tab' key or 'shift + tab' keys—just like you are able to do on this instructional page!
For example: if you press your 'tab' key a couple of times, a 'Tab Key Menu' will display near the top of this web page. From there, if you keep pressing your 'tab' key, you can open up a 'Tabbing 123' popup-window by navigating to the 'T1 T123' underlined-text (that will have a 'dashed aqua border' surrounding it when 'focused' on) and then pressing your 'enter/return' key. [Pressing your 'enter/return' key is the equivalent to 'left-clicking' a mouse.]
At that point, if you wish, you can 'tab' down from the aqua-highlighted '[tkm]' button on the 'Tabbing 123' popup-window to the 'UP' or 'DN' buttons. These two buttons will move the popup-window up-or-down the web page when you press your 'enter/return' key while either button is being highlighted.
Now, reverse direction and 'tab' back up to the '[tkm]' button by holding down your 'shift' key, and then pressing your 'tab' key. When the '[tkm]' button is highlighted in 'aqua,' press your 'enter/return' key to be returned to the 'Tab Key Menu.'
'Tab' down to the 'T1 Aud/Txt' underlined-text on the 'Tab Key Menu' and press your 'enter/return' key. You will now be 'focused' on the first 'multi-aud-123-demo-2.js'-generated audio-text button displayed directly below—that will be highlighted in orange. Press you 'enter/return' key and you will hear audio, and see on the 'Tabbing 123' popup-window statistics relating to the underlying audio-text button’s HTML-code.
If you then repeatedly press your 'tab' key you will end up at the bottom of this 'T1' (Tab 1) section you are currently reading, from where you can activate the aqua-highlighted 'To Tab Key Menu' text—by pressing your 'enter/return' key—and be returned to the 'Tab Key Menu' once again, from where you can duplicate the process described above ... but this time, for the 'T2' (Tab 2) 'multi-aud-321-demo-2.js'-generated audio-text buttons. Just 'tab' to the 'T2 T321' underlined-text (that will open up the 'Tabbing 321' popup-window when you press your 'enter/return' key); and then press your 'enter/return' key one more time (while still on the aqua-highlighted '[tkm]' button) to return to the 'Tab Key Menu'—from where you can navigate down to the 'T2 Aud/Txt' underlined-text, and then press your 'enter/return' key, to be 'focused' on the first 'multi-aud-321-demo-2.js'-generated audio-text button displayed directly below, that will be highlighted in orange.
This may seem like a lot of work, using the 'tab' key, as opposed to just 'clicking' on everything with your mouse—but for many people it is the next best thing to using a mouse ... if they do not have a mouse; or if they are unable to use a mouse effectively. People who use 'screen readers' also employ the 'tabbing' method.
As a general rule, most of the things that you will see being surrounded by an 'aqua border' as you are navigating through this web page can be 'clicked' on via your 'enter/return' key—and will take you to somewhere else on the web page; or will perform an action, such as playing an audio clip.
Have fun navigating through this 'Multi-Aud-123-321' web page!
Note: You will see the same '123' vertically-aligned button (that is positioned on the left side of this web page) on the basic-looking web page.
'Clicking' that vertically-aligned button (or 'tabbing' to it, and then pressing your 'enter/return' key) will open up the 'Tabbing 123' popup-window on this web page, or the 'Tabbing 123' popup-window when you are on the basic-looking web page!
The first audio-text button at the top of the basic-looking web page plays audio from 'index position 0' of an audio array. That 'index position 0' is considered the 'first element' in the audio array. Therefore, audio-array 'index position 0' is the same as audio-array 'element 1'! Computers start counting at zero, while we humans start counting at 1.
A word about 'tabbing': Try to avoid activating the Tab keys (T1, T2, and T3) (by pressing your 'enter/return' key) when you see them 'highlighted' in aqua. Those Tab keys are meant for those who use a mouse. Instead, do as much of your navigating as possible from the 'Tab Key Menu'—from where you will be taken to exact locations throughout the web page.
If you press your 'enter/return' key (or 'click' your mouse) while aqua-highlighting surrounds a 'link' on this web page, a new 'window tab' will open up for that link’s web-page location. You can get back to this web page by holding down your 'ctrl' key, then repeatedly pressing your 'tab' key, until you have 'looped' back around to this web page. Here are some browser tabbing tips that are specific to different browsers, such as Microsoft, Google, and Firefox browsers.
And, if you find yourself lost in 'Tabbing' no man’s land, as it is called (that can occur when you are 'tabbing' away, and notice that there are no items in the visible viewport being highlighted in 'aqua'), then immediately hold down your 'shift' key, and then repeatedly press your 'tab' key until you again see items in your viewport being highlighted in 'aqua.' [That 'Tabbing' no man’s land equates to sections of a web page that are not currently visible in your viewport, but that are readily accessed by 'screen readers' via tabbing.
If the 'shift + tab' method does not get you out of 'Tabbing' no man’s land—then it’s time to 'refresh' your web page! Once you have 'refreshed' your web page, you can start fresh, and access the 'Tab Key Menu' after just a 'tab' or two. To 'refresh' your web page:
- Press your 'F5' key.
- Or, on some devices, hold down the 'fn' key ('function' key) and then press your 'F5' key.
- Or, try holding down your 'ctrl' key, and then press the letter 'R' key.
To First T1 Audio-Text Button
To First T2 Audio-Text Button
To T3 Helpful Links
To Tab Key Menu
'Tabbing' no man’s land ahead. Go back!
[Hold down 'shift' key; then press 'tab' key.]
Screen readers only beyond this point.