CN Accessibility Guide

Website Layout

Navigation Bar: 

On all CN pages, the first item is the heading bar. The linear reading for the heading bar is as follows: 

1. Website logo
2. Home page link
3. Courses drop-down menu to create a new course or navigate to a course page (including the networks menu)
4. Search tool link that leads to the searching page
5. A user CN number link that leads to your profile page
6. Rumi Tool (some institutions may turn it off completely. In that way, users will not see it)
7. CN Calendar Email Notification
8. Notifications (including system notifications and new follower notifications)
9. Account settings drop-down (edit your profile, change your password, edit notification settings, edit Security and Privacy, show RememberIt List, access the CN Channel (if enabled), access CN Administration(if enabled), access ePortfolio Assessment(if enabled), view CN Company Site, view Help Link, choose a system display language, and log out of theCN.com.)

Home Page:

Following the heading bar is the body of the CN homepage. The items on the left side include:

1. The user’s profile picture and information
2. Courses and Networks menu
3. CN Billboard advertisements

In the main body of the home page, the post feed includes: 

1. Network and Communities filters
2. CN Posting tools (Post, Poll, Event)
3. A sorting/filtering option for the post feed
4. The post feed, including Reflections

Classic Course:

On a Classic course page, the items under the navigation include:

1. The information bar of a course. (the course name, instructor name(s), the Anar seed progress bar)

The items on the left side include:

1. Task tool 
2. Course About, 
3. Public course page
4. Course Syllabus
5. Course posts, polls, events, and quizzes
6. Global Posts
7. MERLOT Resource
8. Files
9. Assignments
10. Course DropBox
11. Course GradeBook, 
12. Badges, 
13. Groups
14. Course roster
15. Analytics.
16. Search Posts Tool
17. Edit Discussion Topics
18. A list of the most recent course or Network members to have logged into this course

In the main body of the Classic course page, the post feed includes: 

1. CN Posting tools (Post, Poll, Event, Email, ClassCast)
2. Task module
3. Task / Course post filter
4. A sorting/filtering option for the post feed
5. The post feed, including Reflections

Pathway Course:

On a pathway course, the items in the Pathway tab under the header include:

1. Course Navigation (Menu, Activities, Posts)
2. Course information box (image, title, instructor[s])
3. Course Pathway

On the Pathway course page, the items on the left side include:

1. Basic course information
2. Course settings gear (for instructors)
1. Basic course settings
2. Global course settings
3. Post Settings
4. Manage External Tools
5. Course Payment
6. Invite a Member Tools

Above the course information box there are three tabs that you can choose between. They are:

The Menu Tab, which has the following items listed:

1. Course Settings
2. Course Payment
3. The links to the course about
4. Public page
5. Quizzes
6. CN Dropbox
7. Gradebook
8. Badges
9. Roster
10. Analytics

The items on the right side will include the preview area that will show the content which is chosen by the links on the left side.

Activities Tab, which lists the pathway activities in order and has the following items:

1. Import Activities
2. Pathway activity list
   

And the Posts Tab, which shows all posts made in that course, and has the items:

1. Post Feed, 
2. Polls, 
3. Events, 
4. Groups, 
5. Search posts tool, 
6. Discussion Topics

In the post feed of the Pathway course, the post feed includes: 

1. CN Posting tools (Post, Poll, Event, Email, ClassCast)
2. A sorting/filtering option for the post feed
3. The post feed, including Reflections

Network:

On a Network page, the items under the header include:

1. The information bar of the Network. (Network name and moderators)

The items on the left side include:

1. Task tool 
2. About
3. Public page
4. Posts, polls, events
5. Groups
6. Members roster
7. Search Posts Tool
8. Edit Discussion Topics
9. A list of the most recent course or Network members to have logged into this network

In the main body of the Network page, the post feed includes: 

1. CN Posting tools (Post, Poll, Event, Email)
2. Task module
3. A sorting/filtering option for the post feed
4. The post feed, including Reflections

ePortfolio:

In the ePortfolio, the items on the left navigation list under the header include:

1. ePortfolio Menu
2. Find Jobs
3. ePortfolio Versions
4. Send ePortfolio Link
5. Visitor Tracking
6. Archive
7. QR Code
8. Print ePortfolio

In the main section of the ePortfolio, the items that can be edited include:

1. Header section, which covers basic information about yourself, and has the items: 
1. Cover image
2. Profile Picture
3. Name
4. Anar Seeds visibility
5. Headline
6. Website links
7. Show public view
8. Privacy Settings
9. Who Viewed my ePortfolio?
10. Links to other websites
2. About, which is a more extensive section to describe yourself on your ePortfolio, and has the items:
1. Bio
2. Tagline
3. Resume
4. Transcript
5. Video bio
6. Basic Information
7. Internship/tutoring
3. Skills section, which allows you to add skill tags and lists tags associated with your work.
4. Documents, which is a collection of files and folders that you have uploaded here
5. Showcases, which are fully customizable workspaces that allow you to demonstrate your work with artifacts and embedded content, and have the module:
1. Add a new Showcase
6. Recommendations, which show comments and feedback from peers.
7. Add New Section, which allows you to add new sections to your ePortfolio, and allows you to choose from:
1. Overview
2. Expertise
3. Badge
4. Experience
5. Education
6. Courses
7. Research
8. Publications
9. Grants
10. Awards
11. Tweets
12. Custom Section
8. My CN Posts, which allow you to choose 1 post of yours to display on your profile
9. Social Engagements, which shows a network of people you interact with on CN.

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

Individual Grading View

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.

Immersive Reader

The CN platform has integrated Microsoft Immersive Reader to make the platform more accessible. It helps young learners and learners with reading differences (e.g. Dyslexia) access course text content. This tool is available to CN premium users and users whose institution/program has opted for this feature. Learn more about Immersive Reader. 

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