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:
- Website logo
- Home page link
- Courses drop-down menu to create a new course or navigate to a course page (including the networks menu)
- Search tool link that leads to the searching page
- A user CN number link that leads to your profile page
- Rumi Tool (some institutions may turn it off completely. In that way, users will not see it)
- CN Calendar Email Notification
- Notifications (including system notifications and new follower notifications)
- 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:
- The user’s profile picture and information
- Courses and Networks menu
- CN Billboard advertisements
In the main body of the home page, the post feed includes:
- Network and Communities filters
- CN Posting tools (Post, Poll, Event)
- A sorting/filtering option for the post feed
- The post feed, including Reflections
Classic Course:
On a Classic course page, the items under the navigation include:
- The information bar of a course. (the course name, instructor name(s), the Anar seed progress bar)
The items on the left side include:
- Task tool
- Course About,
- Public course page
- Course Syllabus
- Course posts, polls, events, and quizzes
- Global Posts
- MERLOT Resource
- Files
- Assignments
- Course DropBox
- Course GradeBook,
- Badges,
- Groups
- Course roster
- Analytics.
- Search Posts Tool
- Edit Discussion Topics
- 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:
- CN Posting tools (Post, Poll, Event, Email, ClassCast)
- Task module
- Task / Course post filter
- A sorting/filtering option for the post feed
- The post feed, including Reflections
Pathway Course:
On a pathway course, the items in the Pathway tab under the header include:
- Course Navigation (Menu, Activities, Posts)
- Course information box (image, title, instructor[s])
- Course Pathway
On the Pathway course page, the items on the left side include:
- Basic course information
- Course settings gear (for instructors)
- Basic course settings
- Global course settings
- Post Settings
- Manage External Tools
- Course Payment
- 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:
- Course Settings
- Course Payment
- The links to the course about
- Public page
- Quizzes
- CN Dropbox
- Gradebook
- Badges
- Roster
- 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:
- Import Activities
-
Pathway activity list
And the Posts Tab, which shows all posts made in that course, and has the items:
- Post Feed,
- Polls,
- Events,
- Groups,
- Search posts tool,
- Discussion Topics
In the post feed of the Pathway course, the post feed includes:
- CN Posting tools (Post, Poll, Event, Email, ClassCast)
- A sorting/filtering option for the post feed
- The post feed, including Reflections
Network:
On a Network page, the items under the header include:
- The information bar of the Network. (Network name and moderators)
The items on the left side include:
- Task tool
- About
- Public page
- Posts, polls, events
- Groups
- Members roster
- Search Posts Tool
- Edit Discussion Topics
- 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:
- CN Posting tools (Post, Poll, Event, Email)
- Task module
- A sorting/filtering option for the post feed
- The post feed, including Reflections
ePortfolio:
In the ePortfolio, the items on the left navigation list under the header include:
- ePortfolio Menu
- Find Jobs
- ePortfolio Versions
- Send ePortfolio Link
- Visitor Tracking
- Archive
- QR Code
- Print ePortfolio
In the main section of the ePortfolio, the items that can be edited include:
- Header section, which covers basic information about yourself, and has the items:
- Cover image
- Profile Picture
- Name
- Anar Seeds visibility
- Headline
- Website links
- Show public view
- Privacy Settings
- Who Viewed my ePortfolio?
- Links to other websites
- About, which is a more extensive section to describe yourself on your ePortfolio, and has the items:
- Bio
- Tagline
- Resume
- Transcript
- Video bio
- Basic Information
- Internship/tutoring
- Skills section, which allows you to add skill tags and lists tags associated with your work.
- Documents, which is a collection of files and folders that you have uploaded here
- Showcases, which are fully customizable workspaces that allow you to demonstrate your work with artifacts and embedded content, and have the module:
- Add a new Showcase
- Recommendations, which show comments and feedback from peers.
- Add New Section, which allows you to add new sections to your ePortfolio, and allows you to choose from:
- Overview
- Expertise
- Badge
- Experience
- Education
- Courses
- Research
- Publications
- Grants
- Awards
- Tweets
- Custom Section
- My CN Posts, which allow you to choose 1 post of yours to display on your profile
- 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
Action |
PC |
Mac |
---|---|---|
Bold |
Ctrl+B |
Command+B |
Italic |
Ctrl+I |
Command+I |
Underline |
Ctrl+U |
Command+U |
Select All |
Ctrl+A |
Command+A |
Redo |
Ctrl+Y / Ctrl+Shift+Z |
Command+Y / Command+Shift+Z |
Undo |
Ctrl+Z |
Command+Z |
Header 1 |
Alt+Shift+1 |
Ctrl+Option+1 |
Header 2 |
Alt+Shift+2 |
Ctrl+Option+2 |
Header 3 |
Alt+Shift+3 |
Ctrl+Option+3 |
Header 4 |
Alt+Shift+4 |
Ctrl+Option+4 |
Header 5 |
Alt+Shift+5 |
Ctrl+Option+5 |
Header 6 |
Alt+Shift+6 |
Ctrl+Option+6 |
Paragraph |
Alt+Shift+7 |
Ctrl+Option+7 |
Div |
Alt+Shift+8 |
Ctrl+Option+8 |
Address |
Alt+Shift+9 |
Ctrl+Option+9 |
Focus to menu bar |
Alt+F9 |
Option+F9 |
Focus to toolbar |
Alt+F10 |
Option+F10 |
Focus to element path |
Alt+F11 |
Option+F11 |
Focus to popup toolbar (on images, tables, etc) |
Ctrl+F9 |
Ctrl+F9 |
Open the help dialog |
Alt+0 |
Option+0 |
Insert link |
Ctrl+K |
Command+K |
Toggle Fullscreen |
Ctrl+Shift+F |
Command+Shift+F |
Save |
Ctrl+S |
Command+S |
Find |
Ctrl+F |
Command+F |
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
Comments
0 comments
Please sign in to leave a comment.