Website Layout
The first item in the website is the heading bar. The linear reading for the heading bar is as follows: 1) website logo, 2) search bar for searching theCN.com, 3) notifications, 4) emails, 5) new followers, 6) missed chat requests, 7) courses drop-down menu to create a new course or navigate to a course page, 8) HELP, 9) a user CN number link that leads to your profile page, 10) an account settings drop-down to edit your profile, change your password, edit email notification settings, create a course, create a Network, access the CN Channel (if enabled), choose a system display language, and log out of theCN.com.
Following the heading bar is the body of CN. On the left side are modules including 1) the user’s profile, 2) courses and Networks navigation, and 3) a list of the most recent members to have logged into theCN.com.
When on a course or Network page, the modules on the left side will include 1)the course or Network description, 2) the Anar seed analytics bar, 3) information about the course including links to the course About, public course page, course syllabus, course posts, polls, events, and quizzes, the course DropBox, the course GradeBook and the course roster, and 3) a list of the most recent course or Network members to have logged into theCN.com.
In the main body of theCN.com, to the right of the left body, the modules are 1) CN tools, 2) a sorting/filtering option for the post feed, and 3) the post feed.
Access keys
Use the following access keys to focus on a section of the site.
- 1: Jump to main
- 2: Jump to left sidebar
- 3: Jump to Calendar
- 4: Navigate video player
Keystroke combinations
Different browsers use different keystrokes to activate access key shortcuts, as shown below:
- Common Windows Browsers: Shift + Alt + [the accesskey]
- Shift is optional in some browsers.
- Common Mac Browsers: control + option + [the accesskey]
Source: https://webaim.org/techniques/keyboard/accesskey
HTML Editor Shortcut Keys
Action | Windows | Mac |
Focus/jump to menu bar | Alt+F9 | Option+F9 |
Focus/jump to toolbar | Alt+F10 | Option+F10 |
Focus/jump to element path | Alt+F11 | Option+F11 |
Close menu/submenu/dialog (also gets you back to editor area) | Esc | Esc |
Create SmartLink | Alt+S | Option+S |
Insert Hyperlink | Ctrl+K | Command+K |
Bold | Ctrl+B | Command+B |
Copy | Ctrl+C | Command+C |
Cut | Ctrl+X | Command+X |
Paste | Ctrl+V | Command+V |
Undo | Ctrl+Z | Command+Z |
Redo | Ctrl+Y / Ctrl+Shift+Z | Command+Y / Command+Shift+Z |
Italic | Ctrl+I | Command+I |
Underline | Ctrl+U | Command+U |
Select All | Ctrl+A | Command+A |
Find and Replace | Ctrl+F | Command+F |
Arrow select text | Shift+arrow key | Shift+arrow key |
Grading
For grading, it is recommended to use the Individual Grading page. Learn more about Individual Grading.
Alternative Text
CN users can add alternative text to user-uploaded images by using our ALT text system. Learn how to add alternative text in this article: Add ALT text to user-uploaded images
Alternative text is read out by all screen reading software when an image with alternative text is focused.
Closed Captions on Videos
The CN video player supports WebVTT files to add closed captions to user-uploaded videos. Learn how to add closed captions in this article: Add Closed Captions to user-uploaded videos
Closed captions can be turned on and off by using the CC button in the CN video player. If there is no CC button, it means that there are no WebVTT captions available for that video.
Accessibility Features
CN is compliant with all WCAG 2.1 A and AA requirements. For a full list of these requirements, visit the WCAG website or CN VPAT. Some of the primary accessibility features on CN include:
- Keyboard and screen reader navigation
- Semantic and meaningful HTML
- Form labels
- Descriptive error messages
- Accessible contrast level for interface items
- Text resize up to 200%
- Consistent navigation bar
- Visible focus
Comments
0 comments
Please sign in to leave a comment.