[ARCHIVED] Tabs

[rcrichards]

I've seen syllabi with tabs on Canvas. I want to organize my syllabus with tabs. How do I do that? Here's a screenshot of a syllabus with tabs:

[kburkes]

Thank you!

[mtuten]

Thanks ishar-uw‌ for pinging me. 

I just tested tabs with NVDA and JAWS. For both, the screen reader announces when it enters the tabbed panel so that students know they have multiple tabs to explore.

JAWS also tells me "Use JAWS key plus Alt plus M to move the controlled element. 1 of 2." I don't know what this means. If it means that I should use this command to control the tabs, it doesn't work. When I tried it, I'm told that the element has been moved and that I'm on something clickable. When I then try to click, the focus ring appears around the main content of the page and begins reading the page from the top. 

From what I can tell, keyboard only users need to use the directional arrows to open the different tabs. I don't know if this means that there should be some hidden or introductory text added to inform screen reader users of the correct controls, but it may be nice. You may also need to inform the JAWS user that once they have opened another tab, they need to press the Escape key before the down arrow will move them into the tabbed panel's content region. Otherwise, the up and down arrows will just cycle through the tabs.

I hope this helps.

[c_housley]

Thank you for clarifying that Michelle. I agree, the tabs aren't at all intuitive to navigate through using keyboard focus.

My findings are that you may tab through the document (Tab key on the keyboard) and end up on the first tab control, but there is no visual cue (the tab label is not outlined). Then using the arrow keys to navigate the adjacent tabs is also problematic as it somewhat randomly displays the contents of multiple tabs together.

So with that and the print issue, I'm not a fan. We shouldn't forget, it's not just visually impaired users who are unable to use a mouse - all keyboard-only users will find tabs difficult to use.

[christie_kittle]

Has their been an update? I have been able to use the HTML code mentioned previously on pages, but it is not working on the Syllabus.

[Steven_S]

I'm able to use it on the syllabus, but you might not see it display correctly immediately after you click save.  Navigate away from the syllabus and then return to see the updated display.

[christie_kittle]

That worked wonderfully! Thank you!

Christie Kittle, M.S. (she/her<https://thecenter.wsu.edu/education/pronouns/>)

Instructional Designer - Supervisor

Academic Outreach & Innovation (AOI)<https://aoi.wsu.edu/> │ Global Campus │ Learning Innovations<http://li.wsu.edu/>

Instructor

College of Education │ Teaching and Learning

Washington State University

PO Box 645220 Pullman, WA 99164-5220 | 509-335-9261

Office located in Van Doren Hall

<https://twitter.com/AOILearning>