In page tabs tests

Tabs Demo (Arrows + ARIA)

Test

Keyboard

Screen reader

OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Moving across the tabs:
"Mercury. Venus. Earth. Mars. Jupiter. Tab control. Mercury. Tab selected. Mercury"
"Venus. Tab selected. Venus"
"Earth. Tab selected. Earth"
"Mars. Tab selected. Mars"
"Jupiter. Tab selected. Jupiter"


Focus on panel:
"Blank"
"Blank"
"Blank"
"Blank"
"Blank"
Moving across the tabs:
"Mercury. Tab selected"
"Venus. Tab selected"
"Earth. Tab selected"
"Mars. Tab selected"
"Jupiter. Tab selected"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Reads panel
Windows 7 Chrome 39 Moving across the tabs:
"Tab control. Mercury. Tab selected"
"Venus. Tab selected"
"Earth. Tab selected"
"Mars. Tab selected"
"Jupiter. Tab selected"


Focus on panel:
"Mercury. Property. Page expanded" then reads panel
"Venus. Property. Page expanded" then reads panel
"Earth. Property. Page expanded" then reads panel
"Mars. Property. Page expanded" then reads panel
"Jupiter. Property. Page expanded" then reads panel
Moving across the tabs:
"Mercury. Tab selected"
"Venus. Tab selected"
"Earth. Tab selected"
"Mars. Tab selected"
"Jupiter. Tab selected"


Focus on panel:
"Tab. Mercury. Tab"
"Tab. Venus. Tab"
"Tab. Earth. Tab"
"Tab. Mars. Tab"
"Tab. Jupiter. Tab"
Windows 7 Firefox 34 Moving across the tabs:
"Tab control. Mercury. Tab selected. 1 of 5"
"Venus. Tab selected. 2 of 5"
"Earth. Tab selected. 3 of 5"
"Mars. Tab selected. 4 of 5"
"Jupiter. Tab selected. 5 of 5"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Reads panel
Moving across the tabs:
"Mercury. Tab selected. Use the JAWS key plus ALT plus M. 1 of 5"
"Venus. Tab selected. Use the JAWS key plus ALT plus M. 2 of 5"
"Earth. Tab selected. Use the JAWS key plus ALT plus M. 3 of 5"
"Mars. Tab selected. Use the JAWS key plus ALT plus M. 4 of 5"
"Jupiter. Tab selected. Use the JAWS key plus ALT plus M. 5 of 5"


Focus on panel:
"Tab. Mercury. Tab panel"
"Tab. Venus. Tab panel"
"Tab. Earth. Tab panel"
"Tab. Mars. Tab panel"
"Tab. Jupiter. Tab panel"
OSX 10.9 Chrome 39 Moving across the tabs:
"Mercury. Selected tab. 1 of 5"
"Venus. Selected tab. 2 of 5"
"Earth. Selected tab. 3 of 5"
"Mars. Selected tab. 4 of 5"
"Jupiter. Selected tab. 5 of 5"


Focus on panel:
"Mercury. With 2 items. Tabpanel"
"Venus. With 2 items. Tabpanel"
"Earth. With 5 items. Tabpanel"
"Mars. With 2 items. Tabpanel"
"Jupiter. With 3 items. Tabpanel"
OSX 10.9 Firefox 34 Moving across the tabs:
"Mercury. Tab"
"Venus. Tab"
"Earth. Tab"
"Mars. Tab"
"Jupiter. Tab"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Reads panel
OSX 10.9 Safari 7 Moving across the tabs:
"Mercury. Selected tab. 1 of 5"
"Venus. Selected tab. 2 of 5"
"Earth. Selected tab. 3 of 5"
"Mars. Selected tab. 4 of 5"
"Jupiter. Selected tab. 5 of 5"


Focus on panel:
"Mercury. With 2 items. Tabpanel"
"Venus. With 2 items. Tabpanel"
"Earth. With 5 items. Tabpanel"
"Mars. With 2 items. Tabpanel"
"Jupiter. With 3 items. Tabpanel"

Tabs Demo (Arrows Only)

Test

Keyboard

Screen reader

OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Moving across the tabs:
"List with 5 items. Mercury"
Cannot navigate to other items using Left/right/up/down ARROW keystrokes


Focus on panel:
Reads panel
Moving across the tabs:
"Mercury"
(using down ARROW can read each item but cannot access)
"Venus"
"Earth"
"Mars"
"Jupiter"


Focus on panel:
Reads heading inside panel
Windows 7 Chrome 39 Moving across the tabs:
"Navigation landmark. List with 5 items. Mercury"
Cannot navigate to other items using Left/right/up/down ARROW keystrokes


Focus on panel:
"Out of list" then reads panel
Moving across the tabs:
"Mercury"
(using down ARROW can read each item)
"Venus"
"Earth"
"Mars"
"Jupiter"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Windows 7 Firefox 34 Moving across the tabs:
"Navigation landmark. List with 5 items. Mercury"
Cannot navigate to other items using Left/right/up/down ARROW keystrokes


Focus on panel:
"Out of list" then reads panel
Moving across the tabs:
"Navigation region. Mercury. Link"
Cannot navigate to other items using Left/right/up/down ARROW keystrokes


Focus on panel:
"Blank"
OSX 10.9 Chrome 39 Moving across the tabs:
"Mercury. Group with 5 items"
"Venus. Group"
"Earth. Group"
"Mars. Group"
"Jupiter. Group"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
OSX 10.9 Firefox 34 Moving across the tabs:
"Link. Mercury. List 5 items"
"Link. Venus"
"Link. Earth"
"Link. Mars"
"Link. Jupiter"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
OSX 10.9 Safari 7 Moving across the tabs:
"Mercury. Group with 5 items"
"Venus. Group"
"Earth. Group"
"Mars. Group"
"Jupiter. Group"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel

Tabs Demo (Tab + ARIA)

Test

Keyboard

Screen reader

OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Moving across the tabs:
"Mercury. Venus. Earth. Mars. Jupiter. Tab control. Mercury. Tab selected. Mercury"
"Venus. Tab. Venus"
"Earth. Tab. Earth"
"Mars. Tab. Mars"
"Jupiter. Tab. Jupiter"


Focus on panel:
"Blank"
"Blank"
"Blank"
"Blank"
"Blank"
Moving across the tabs:
"Mercury. Tab selected"
"Venus. Tab. To activate tab page press space bar"
"Earth. To activate tab page press space bar"
"Mars. To activate tab page press space bar"
"Jupiter. To activate tab page press space bar"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Reads panel
Windows 7 Chrome 39 Moving across the tabs:
"Tab control. Mercury. Tab selected"
"Venus. Tab"
"Earth. Tab"
"Mars. Tab"
"Jupiter. Tab"


Focus on panel:
"Mercury. Property. Page expanded" then reads panel
"Venus. Property. Page expanded" then reads panel
"Earth. Property. Page expanded" then reads panel
"Mars. Property. Page expanded" then reads panel
"Jupiter. Property. Page expanded" then reads panel
Moving across the tabs:
"Mercury. Tab selected"
"Venus. Tab. To activate tab page press space bar"
"Earth. To activate tab page press space bar"
"Mars. To activate tab page press space bar"
"Jupiter. To activate tab page press space bar"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Reads panel
Windows 7 Firefox 34 Moving across the tabs:
"Tab control. Mercury. Tab selected. 1 of 5"
"Venus. Tab. 2 of 5"
"Earth. Tab. 3 of 5"
"Mars. Tab. 4 of 5"
"Jupiter. Tab. 5 of 5"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Reads panel
Moving across the tabs:
"Mercury. Tab selected. Use the JAWS key plus ALT plus M. 1 of 5"
"Venus. Tab. 2 of 5. To activate tab page press space bar"
"Earth. Tab. 3 of 5. To activate tab page press space bar"
"Mars. Tab. 4 of 5. To activate tab page press space bar"
"Jupiter. Tab. 5 of 5. To activate tab page press space bar"


Focus on panel:
"Mercury. Tab panel"
"Venus. Tab panel"
"Earth. Tab panel"
"Mars. Tab panel"
"Jupiter. Tab panel"
OSX 10.9 Chrome 39 Moving across the tabs:
"Mercury. Selected tab. 1 of 5"
"Venus. tab. 2 of 5"
"Earth. tab. 3 of 5"
"Mars. tab. 4 of 5"
"Jupiter. tab. 5 of 5"


Focus on panel:
"Mercury. With 2 items. Tabpanel"
"Venus. With 2 items. Tabpanel"
"Earth. With 5 items. Tabpanel"
"Mars. With 2 items. Tabpanel"
"Jupiter. With 3 items. Tabpanel"
OSX 10.9 Firefox 34 Moving across the tabs:
"Mercury. Tab"
"Venus. Tab"
"Earth. Tab"
"Mars. Tab"
"Jupiter. Tab"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
OSX 10.9 Safari 7 Moving across the tabs:
"Mercury. Selected tab. 1 of 5"
"Venus. Selected tab. 2 of 5"
"Earth. Selected tab. 3 of 5"
"Mars. Selected tab. 4 of 5"
"Jupiter. Selected tab. 5 of 5"


Focus on panel:
"Mercury. With 2 items. Tabpanel"
"Venus. With 2 items. Tabpanel"
"Earth. With 5 items. Tabpanel"
"Mars. With 2 items. Tabpanel"
"Jupiter. With 3 items. Tabpanel"

Tabs Demo (Tab only)

Test

Keyboard

Screen reader

OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Moving across the tabs:
"List with 5 items. Mercury"
Cannot navigate to other items using Left/right/up/down ARROW keystrokes


Focus on panel:
Reads panel
Moving across the tabs:
"Mercury"
(using down ARROW can read each item but cannot access)
"Venus"
"Earth"
"Mars"
"Jupiter"


Focus on panel:
Reads heading inside panel
Windows 7 Chrome 39 Moving across the tabs:
"Navigation landmark. List with 5 items. Mercury"
Cannot navigate to other items using Left/right/up/down ARROW keystrokes


Focus on panel:
Reads panel
Moving across the tabs:
"Mercury"
(using down ARROW can read each item)
"Venus"
"Earth"
"Mars"
"Jupiter"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
Windows 7 Firefox 34 Moving across the tabs:
"Clickable navigation. List with 5 items. Mercury"
Cannot navigate to other items using Left/right/up/down ARROW keystrokes


Focus on panel:
"Out of list" then reads panel
Moving across the tabs:
"Navigation region. Mercury"
"Venus"
"Earth"
"Mars"
"Jupiter"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
OSX 10.9 Chrome 39 Moving across the tabs:
"Mercury. Group with 5 items"
"Venus. Group"
"Earth. Group"
"Mars. Group"
"Jupiter. Group"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
OSX 10.9 Firefox 34 Moving across the tabs:
"Mercury. List 5 items"
"Link. Venus"
"Link. Earth"
"Link. Mars"
"Link. Jupiter"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel
OSX 10.9 Safari 7 Moving across the tabs:
"Mercury. Group with 5 items"
"Venus. Group"
"Earth. Group"
"Mars. Group"
"Jupiter. Group"


Focus on panel:
Reads panel
Reads panel
Reads panel
Reads panel