Activity Feed
- Got a Kudo for Navigating Canvas with JAWS. 03-16-2022 08:18 AM
- Posted Navigating Canvas with JAWS on Accessibility. 02-04-2022 10:51 AM
- Posted Re: Discussion Board/Announcement Redesign Accessibility Concerns on Discussions/Announcements Redesign. 02-03-2022 02:15 PM
- Posted Re: Provide More Detail on Alt Text for Fill in the Blank Questions on New Quizzes on Idea Conversations. 10-25-2021 11:52 AM
- Posted Re: Contrast Ratio - published buttons, discussion subscription buttons, and "Course is Publish on Idea Conversations. 08-16-2021 09:33 AM
- Posted Re: Is the Confetti for on-time submissions screen reader accessible (ada compliant) on Canvas Question Forum. 06-24-2021 06:16 AM
- Got a Kudo for Re: System messages - color contrast insufficient (boostrap, canvas code). 06-22-2021 10:34 AM
- Posted Re: System messages - color contrast insufficient (boostrap, canvas code) on Canvas Question Forum. 06-22-2021 10:24 AM
- Posted Re: System messages - color contrast insufficient (boostrap, canvas code) on Canvas Question Forum. 06-22-2021 10:21 AM
- Got a Kudo for Canvas from Home. 06-02-2020 08:45 AM
- Posted Keyboard Navigation & Microsoft Teams on Accessibility. 03-20-2020 01:22 PM
- Tagged Keyboard Navigation & Microsoft Teams on Accessibility. 03-20-2020 01:22 PM
- Tagged Keyboard Navigation & Microsoft Teams on Accessibility. 03-20-2020 01:22 PM
- Tagged Keyboard Navigation & Microsoft Teams on Accessibility. 03-20-2020 01:22 PM
- Got a Kudo for Canvas from Home. 03-16-2020 02:07 PM
- Posted Canvas from Home on Accessibility. 03-13-2020 03:51 PM
- Tagged Canvas from Home on Accessibility. 03-13-2020 03:51 PM
- Tagged Canvas from Home on Accessibility. 03-13-2020 03:51 PM
- Tagged Canvas from Home on Accessibility. 03-13-2020 03:51 PM
- Tagged Canvas from Home on Accessibility. 03-13-2020 03:51 PM
My Posts
Post Details | Date Published | Views | Kudos |
---|---|---|---|
Navigating Canvas with JAWS JAWS is a commonly used accessibility screen reader and is one of the screen readers supported for use with Canvas. This post will discuss some basics of usin... |
02-04-2022 |
828 |
1 |
Keyboard Navigation & Microsoft Teams Most of the functions in Microsoft Teams have a slightly different Keyboard Navigation method than most functionality within Canvas. Microsoft Teams will primarily use the Tab key to move between a g... |
03-20-2020 |
1180 |
0 |
With things changing and students transitioning to online classes from home, we want to ensure that they have the resources to learn and access content in Canvas. The following offers alternati... |
03-13-2020 |
1450 |
2 |
02-04-2022
10:51 AM
2 Kudos
Navigating Canvas with JAWS
JAWS is a commonly used accessibility screen reader and is one of the screen readers supported for use with Canvas. This post will discuss some basics of using JAWS with Canvas.
Navigating through Canvas you can use JAWS shortcuts to locate, bypass, and select without having to move through all individual elements like any other website.
Here is a link to a guide for JAWS shortcuts:
https://dequeuniversity.com/screenreaders/jaws-keyboard-shortcuts
Page Regions
The Canvas website layout has a few landmarks/regions that make up the page layout.
In a course, you will have the following regions:
Skip to Content: The first element on any Canvas page that a screen reader user will hit is the “Skip to Content” link. This bypasses all of the navigation items on the page.
Global Navigation: This is a list of links to access your account settings, courses, calendar, inbox and help menu. Link to Global Navigation Canvas Guide
Course Navigation: This is a list of links to access different course areas like Assignments, Discussions, Modules, Grades, Course Settings, etc. Link to Course Navigation Canvas Guide
Breadcrumbs List: Shows where you are in a course
Main Content: After the Course Navigation you’re at the main content of your course link. If you’ve just entered a course, the main content section will be your course’s home page.
Complementary Region (If there is any): Complimentary content.
Navigation Between Courses
If you’re trying to get to a specific course and you’re at your main dashboard, you can do as follows to get to a specific course:
Press “R” twice (this moves through regions of the page with JAWS), this will get you to the global navigation region.
Use the down arrow until you hit “Courses” and press Enter. This puts you in the courses tray (you will reach a close button first which closes the tray, then the tray heading <H2>, and then your list of courses).
Use the up/down arrows to navigate your list of courses until you find the correct one and press enter.
Navigation Within Courses
Once you’re in the course, if you press “R”, the first region is the skip to content region (if you press enter, it will skip all of the global/course navigation and take you to the main region of the page). If you do not use the skip to content link and press "R" again and this is your Global Navigation Region which JAWS will read how many navigation items there are, Press "R" again, you get the Breadcrumbs Navigation Region, this will show you exactly where you are in the course, Press "R" again, you get to the Course Navigation Region (List of links to areas of your course). Once you get to the region you’re looking for, you can use the up/down arrows to navigate the buttons/links in that region.
Example: If you want to get directly to your course modules from anywhere in a course, you can do the following:
Press “R” 4 times (this should get you to the courses navigation region)
Press “Down Arrow” until it reads Modules and press enter. This will take you to the modules index page of your course
If you press “H” (this moves through Headings of the page with JAWS), it will take you to the <H1> on the page (every Canvas page has an <H1> at the top of the main content region). If you press the “Down Arrow”, it will move you through all the elements of your Course Modules List. This is where you can add modules, add module items, edit any existing modules, etc.
... View more
Labels
02-03-2022
02:15 PM
@a_titherage Thank you for sending these over! Our team will verify these issues in the latest build and ensure they are addressed properly.
... View more
10-25-2021
11:52 AM
Hey @jbowman10 ! Thank you for sending this up! I've created a ticket with our Engineering team to look into this further and add the question blank numbers so users know how many blanks there are and which blank they're focusing for Fill in the Blank questions. We believe this would be the best solution to the proposed problem as adjusting labels or using ARIA labeling could cause screen readers to read duplicate information to the user or be overly-verbose. Thank you again for sending this request up!
... View more
08-16-2021
09:33 AM
Hey @d_j_corbin, Thank you for reaching out! One main reason why we have high contrast mode is to allow schools the ability to add custom theming from our theme editor whilst being able to ensure contrast requirements. The theme editor allows schools to adjust background color, text color, add logos, etc of their Canvas instance to customize their Canvas experience. When high contrast mode is enabled, we remove any theme changes a school has done within the theme editor and set them to our high contrast palette to ensure we meet contrast requirements. The decision to have two different views is a decision our design team has made and has been setup like this for quite some time. All text and UI interface elements meet WCAG contrast requirements when high contrast mode is enabled. Please let us know if you have any additional questions.
Thank you,
... View more
06-24-2021
06:16 AM
Hey @jacobse, The confetti is more of a decorative addition that doesn’t really add any useful/additional context to a screen reader user, that being said, there is an announcement to screen reader users that says “Great Work! From the Canvas Developers”. There is also a User Setting where any user can disable the animation celebrations in their user settings if their school has them enabled.
... View more
06-22-2021
10:24 AM
Yes, that is in high contrast mode
... View more
06-22-2021
10:21 AM
1 Kudo
@emoore50 Thank you for sending this up. The color codes that we use for those messages are #0770A3 for the text color and #E6F1F7 for the background color which is 4.74:1 and meets WCAG AA contrast requirements. Please let us know if you have any questions.
... View more
03-20-2020
01:22 PM
Most of the functions in Microsoft Teams have a slightly different Keyboard Navigation method than most functionality within Canvas. Microsoft Teams will primarily use the Tab key to move between a group of objects, and then from that group, use the Arrow Keys to navigate within the controls of that group. However, if the focus indication is placed over a larger set rather than on a single control in a group, you will need to press the Enter/Return key first in order to interact with that group. Example: Keyboard Navigation for a Message Pressing the Tab key will create a focus box around the entire message Pressing the Enter/Return key will place focus around the top half of the message Pressing the Down arrow will move focus to the Reply section of the message Pressing the Up arrow will move focus back up to the top half of the message Message Top Half: Pressing the Enter/Return key will display the Emoji Reactions, which can be selected with Arrows & Enter/Return key Pressing the Tab key will move you to the “ …” menu, which you can navigate with Arrows & Enter/Return key Message Bottom Half: Pressing the Enter/Return key will open the reply text field Pressing Tab will place focus in lower settings and attachment menu bar Pressing Tab again will place focus on the Send icon Pressing Tab again will place your cursor in the text field Hopefully this document helps give a good indication of how to navigate smoothly with the controls in Microsoft Teams. Additionally, Microsoft has extensive accessibility support documentation that includes screen reader walkthroughs & keyboard shortcuts.
... View more
03-13-2020
03:51 PM
2 Kudos
With things changing and students transitioning to online classes from home, we want to ensure that they have the resources to learn and access content in Canvas. The following offers alternative technologies users can utilize if they do not have access to the same technologies available through their institution. The following are free accessibility tools that users can download which have been thoroughly tested within Canvas by our Accessibility team. NVDA is a great screen reader for Windows platform and is free to use. We suggest pairing NVDA with Firefox when navigating Canvas. You can download them through the following links: NVDA Download Firefox Download Below is a user guide that has many of the keyboard commands and features that you can access through NVDA. https://webaim.org/resources/shortcuts/nvda If you’re a Mac user at home but use a Windows machine in class, you can use VoiceOver paired with Safari which is already available on your Mac computer, iPhone, iPad, or iPod touch. There is no need to download or setup anything. Below is a getting started guide with the basic commands for VoiceOver. https://webaim.org/articles/voiceover/ We also have Android and iOS apps available that you can download through their respected app stores. Both apps have been tested in Canvas with iOS VoiceOver and Android’s TalkBack. iOS: https://apps.apple.com/us/app/canvas-student/id480883488 Android: https://play.google.com/store/apps/details?id=com.instructure.candroid&hl=en_US For additional information on Accessibility within Canvas or our apps, please visit our community guides which have a lot of useful information: Accessibility within Canvas Canvas Student App If you have any questions or concerns, please feel free to reach out to our customer support department and we’re more than happy to further assist you.
... View more