NVDA screenreader guide for Digication ePortfolios

Related article

VoiceOver screenreader guide for Digication ePortfolios

JAWS screenreader guide for Digication ePortfolios

---

In keeping with our commitment to providing a product that is fully accessible for all users, Digication continuously works to ensure that as many actions as possible can be completed using a screen reader.  This guide is meant for any users accessing Digication with NVDA screen reader to help accomplish common tasks associated with using a Digication ePortfolio.

Page structure of Digication ePortfolios

Each ePortfolio page consists of one or more Sections which are used to organize your content. Each page can contain multiple sections, and each section can contain multiple modules. Modules hold different kinds of content such as text, documents, images and videos.

The first section of each page is the header section.  Some important things to note about the header section:

• It is shared across all pages.  A change to the header section will be in effect across the whole ePortfolio, regardless of which page you are on when the change is made.
• It must be unlocked by selecting the lock icon before any changes can be made.
• To interact with the content of an individual page, you will need to navigate past the header section.

The order of the different buttons/items on the ePortfolio page is as follows

• 1. Section
  2. Modules inside the section
  3. Module buttons are available only if module is selected by pressing Enter.
  4. The section buttons like the lock/unlock section(in case of instructional section),move section, open settings and delete section are available after the last module of the section.

Steps for common ePortfolio tasks

Adding input gestures to identify sections

1. Insert+N to open the NVDA menu.
2. Choose Preferences->Input gestures. To do this, press the Down Arrow once to select Preferences, then press the Right Arrow key to open the Preferences submenu and Down Arrow key to goto Input gestures and press Enter.
3. Down arrow to goto "Browse mode" and Left Arrow key to expand it
4. Down arrow to goto "moves to the next article" and Left Arrow key to expand it
5. Click "Add" button and an input gesture by pressing Insert key with something like "z" key
6. Repeat steps 4 and 5 for "moves to the previous article" and use add a gesture key like "Shift+z" 
7. Save the configuration by clicking "OK".
8. Use the newly added gestures to move between sections "Insert+z/Shift+z"

Note: The following steps use the input gesture "Insert+z/Shift+z" for navigating between sections.

 

Identifying modules

• Modules are identified as regions and will be available using the NVDA shortcut key "D".
• The modules inside any instructional section will be identified as regions after the section is unlocked. 

Steps for adding a module to an ePortfolio page

1. Insert+F7 for Elements List.
2. Select Type as Buttons and from the list of buttons select "Add content to this page".
3. Enter to select the "Add content" button.
4. Tab to Navigate between control groups.
5. Press Enter to select a control group.
6. Tab to Navigate between modules and Enter to select module.

Steps to edit content of a text module in the first section below the header

1. Tab arrows for "Skip to main content" and press Enter.
2. Tab or "Insert+z"/"D" key to navigate between sections and modules.
3. Enter to open the module editing toolbar for the desired rich text module.
4. Tab to navigate between module toolbar buttons.
5. Enter to Toggle Editing mode.
6. Up/Down arrows to navigate between lines.
7. Tab/Shift+Tab to navigate between rich text editor toolbar and press Enter to select toolbar button.

Steps to upload a file to an ePortfolio page

1. Insert+F7 for Elements List.
2. Select Type as Buttons and from the list of buttons select "Add content to this page".
3. Enter to select the "Add content" button.
4. Type "upload file" in "Search by content type or template name.." text field.
5. Tab to "Upload File" button and press Enter
6. Tab to "Choose Files" button and press Enter
7. Choose file from the Windows File dialog
8. Tab to "Upload" button and press Enter
9. NVDA announces "Your changes have been saved" when file upload is complete

Steps to edit content of a gallery / file module

1. Tab for "Skip to main content" and press Enter.
2. Tab or "Insert+z"/"D" key to navigate between sections and modules.
3. Enter to open the module editing toolbar for the desired media module.
4. Tab to go to "Edit current Media module" button
5. Tab to go to "REPLACE THIS ITEM" or "ADD MORE ITEMS".
6. Enter to open the Library modal.
7. Type "upload file" in "Search by content type or template name.." text field.
8. Tab to "Upload File" or "Previous Upload" button and press Enter
9. Choose file from the Windows File dialog
10. Tab to "Upload" button and press Enter
11. NVDA announces "Your changes have been saved" when file upload is complete

Steps to edit the navigation module

1. Press "Insert+z" key till you reach "Header Section" and press Enter to select the section.
2. Press Tab till you reach "Click the lock to make changes on Header Section" and press Enter
3. Press Shift+Tab till you reach the "Header section region navigation module" and press Enter to open the Navigation module toolbar
4. Tab to go to the "Edit current Navigation module" button and Enter to open the Nav editing modal.
5. Tab to navigate to modal elements such as drag icon, page name input, settings icon, delete icon, etc.
6. Navigate to the Save button and click to save.

Steps to open section settings sidebar 

1. Press "Insert+z" key till you reach desired section and press Enter
2. Down arrow till you reach "Open Settings menu for Section..." button and press Enter
3. Focus shifts to section settings sidebar, use Tab to move between items.

Steps to open module settings sidebar 

1. Press "D" key till you reach desired module and press Enter
2. Down arrow till you reach "Open Settings menu for module..." button and press Enter
3. Focus shifts to module settings sidebar, use Tab to move between items.

Steps to publish a page or pages

1. Insert+F7 for Elements List.
2. Select Type as Buttons and from the list of buttons select "portfolio action".
3. Down arrow to navigate to the "PUBLISH THIS PAGE" or "PUBLISH PAGES" menu items.
4. Enter to click on the menu to open the PUBLISH EPORTFOLIO modal.
5. Tab to navigate between elements such as pages' checkbox, close, cancel or publish buttons.
6. Enter to select an element.
7. Navigate to the Publish button and press Enter to submit.

Note: In the publish pages modal, if no page is selected, the Submit button is disabled. When navigating to the Submit button, it will be read as "Unavailable Publish" Otherwise, it will read "Publish, button".

Steps for switching between edit and publish mode

1. Insert+F7 for Elements List.
2. Select Type as Form fields and from the list select "ePortfolio is in Edit mode".
3. Enter to toggle between Edit and Published mode.

Steps to submit an ePortfolio and access other items in the ePortfolio menu

1. Insert+F7 for Elements List.
2. Select Type as Buttons and from the list of buttons select "portfolio action".
3. Down arrow to navigate to "SUBMIT TO ASSIGNMENT" menu item.
4. Enter to click on the menu to open the submission modal.
5. Tab until you reach the "Assignments" list. Use Tab to switch between assignments Enter to select an assignment.
6. Select all pages or specific pages you would like to submit by pressing Enter for that page.
7. Tab until you reach the submit button and press Enter to submit the assignment.

Steps to view Conversations

1. Insert+F7 for Elements List.
2. Select Type as Buttons and from the list of buttons select "toggle conversation".The input to start the Conversation is focused if no conversation exists. Otherwise, the comment input "Write a comment" is focused.
3. Insert+F7 for Elements List.
4. Select Type as Buttons and from the list of buttons select "conversation thread".
5. Tab to navigate between conversation threads.
6. Enter to open a Conversation thread.
7. Shitf+Tab to navigate to content of the Conversation thread.

Shortcuts to close the Conversations sidebar

1. Insert+F7 for Elements List.
2. Select Type as Buttons and from the list of buttons select "Close Conversation" to close the Conversation sidebar.

Steps to add Conversations

1. Insert+F7 for Elements List.
2. Select Type as Buttons and from the list of buttons select "toggle conversation".
3. Press Enter to click the button and open the Conversations sidebar. The input to start the Conversation is focused if no conversation exists, otherwise the comment input "Comment" is focused.

If there is no existing Conversation 

1. Use the keyboard to type your conversation/comment.
2. Tab to navigate to "Who should see this" section and Enter to select the role.
3. Enter to toggle the button if needed.
4. Tab to navigate to the SEND button.
5. Enter to click the button and submit.

If there is an existing Conversation

1. Insert+F7 for Elements List.
2. Select Type as Form fields and from the list select "Comment edit text" and press Enter to focus on the Conversation. 
3. Type in the comment content.
4. Use the same steps from the “No existing conversation” case above to save the Conversation.