Accessibility

It is really important to us that as many people as possible can access the information in our courses. Thus, we've put together this brief guide on how to best access the content using your chosen assistive technology (screen readers, screen magnifiers, etc.).

We have tested the platform on the following web browsers: Mozilla Firefox 3+, Google Chrome, Internet Explorer 8+ and Apple Safari. We have tested using the following screen readers: JAWS 16+, NVDA 2015+, Window Eyes 9+, VoiceOver (iOS and OS) and TalkBack (Android). Content is not fully accessible on the Moodle App for iOS and Android due to lack of support for multi-lingual content, so we suggest using the web mobile version in your browser or using the site on your computer.

If you encounter specific problems relating to this website, our website developers would love to hear from you. You can write to them directly at contact@networkofchange.org.

Navigating the courses platform with your keyboard

Create an account and enroll in courses

From the home page, you can navigate the list of available courses by headings (H key) or navigate by the links to the courses.

  1. Once you select the course, the next page will be the login page (unless you are already logged in).
  2. On this page you navigate the first form fields using TAB or the E key to input your username and password to login.
  3. If you don't have any account yet, navigate to the button (B key) to create an account and press ENTER.
  4. To create your account, you will need to fill out the required of the form fields (username, password, email, first name, surname). The password must have at least 8 characters, at least 1 digit(s), at least 1 lower case letter(s), at least 1 upper case letter(s), at least 1 non-alphanumeric character(s) such as as *, -, or #.
  5. After your create your account, you must verify it using the link that be sent to the email you provided.
  6. Once signed in, you can choose the course you want to enroll in by the link on the heading.
  7. On the course page, you can navigate to the button (B key) to enroll and press ENTER.

Navigate the course content

Each course has a course home page where you will find the course outline. Each topic in the course has linked course items (content pages, quizzes, assignments, etc). You can navigate to the link one-by-one or use your screen reader's list of links functionality to navigate more quicker. Once you are inside of content, to go to the next page using the "Next" link.

Mark course content as completed

On the main course page, there is checkbox to the right of every course item. For example, if you completed all of the items under Topic, navigate to the topic name, which is a link, and after each item, you will find a checkbox that you can check on and off using the SPACEBAR on your keyboard. This is important to keep track of your progress. The teacher will use this to understand where you currently are in the course.

Skip to main content

This feature allows the user to skip over the repeated content at the beginning of each page (such as the heading and navigation) and go straight to the main page content. This is especially useful to those with screen readers because it gives the user a way to avoid listening through lengthy menus every time he or she enters a new page. To try it, navigate to a new page, then press the TAB key. The "Skip to main content" link should be selected. Press the ENTER key to activate the link.

Hearing alternative text

All images in our courses have alternative text attributes, often known as "alt text". This means that when an image is used on a web page to convey information its content is also described in the alt text. This means that the image can be understood by text browsers and assistive technologies such as screen readers. If an image is used for simply decorative purposes, the text attribute for the image is left empty in line with accepted best practice.

Improving the visual accessibility of your web browser

Fonts and Contrast

Here are the basic instructions that work in all browsers:

  • Windows – From the keyboard, you can increase or decrease the zoom value in 10% increments. To zoom in, press CONTROL and +. To zoom out, press CONTROL and -. To restore the zoom to 100%, press CONTROL and 0 (zero).
  • Mac – To zoom in, press COMMAND and +. To zoom out, press COMMAND and -. To restore the zoom to 100%, press COMMAND and 0.
Google Chrome

In order to increase or decrease the zoom level of the currently displayed web page, you can use either the standard keyboard shortcuts or open the Google Chrome Options and use the Zoom options. Page zoom level will be remembered for each unique domain.

Chrome natively supports changing of Fonts and Languages, including setting font face and size for: Serif Font, Sans-Serif Font and Fixed-width Font. To access these settings, open the Google Chrome Options, select the Under the Hood tab and click the Fonts and Languages button. The dialog that opens allows you to adjust your font settings.

In addition, there are a variety of Chrome Extensions that can be used to modify various font properties:

  • Change Colors - optional font family and font size configuration and ability to add new custom fonts
  • Minimum Font - allows you to set the minimum font size on all web pages
High Contrast and Custom Color Support

There are a number of steps you can take to configure Chrome to run with custom contrast and colors:

  1. Install a Chrome Extension which allows you to specify your own custom color combinations, for instance the Change Colors extension.
  2. Use a Chrome Theme for some control of the color scheme of the Chrome user interface. As an example, the BitNova Dark theme offers white text on a black background. The Chrome Extensions Gallery offers many other themes, with a variety of color combinations.
Mozilla Firefox

You can change the size of text only on any web page with Text Zoom you can select as follow:

  1. On the menu bar, click the View menu, then go to Zoom.
  2. Select Zoom Text Only, which will make the controls (CONTROL + +, CONTROL + -, and CONTROL + 0) only apply to text, not images.

Visit Mozilla Firefox's accessibility page for more information.

Microsoft Internet Explorer 8.0 and above

Internet Explorer Zoom lets you enlarge or reduce the view of a webpage. Unlike changing font size, zoom enlarges or reduces everything on the page, including text and images. You can zoom from 10% to 1000%.

  1. Open Internet Explorer by clicking the Start button. In the search box, type Internet Explorer, and then, in the list of results, click Internet Explorer.
  2. On the bottom right of the Internet Explorer screen, click the arrow next to the Change Zoom Level button Picture of the Change Zoom Level button.
  3. To go to a predefined zoom level, click the percentage of enlargement or reduction you want.

Visit Microsoft's accessibility page for more information.

Apple Safari

In Safari, you can use the standard keyboard shortcuts for zoom (COMMAND + +, COMMAND + -, and COMMAND + 0). If this is still too small for you then it may be that you need to look at other ways of enlarging the text on your screen, such as using the Zoom facility in the Apple operating system under System Preferences > Accessibility > Zoom.

Visit Apple's accessibility page for more information.

Opera

Opera’s zoom feature is visually accessible on the progress bar as a list of increments from 20% to 1000%. Zooming with the keyboard offers the same range, but also includes all the stepped increments in between. You can see this impressive range if you hold down a zoom key to scan from one extreme to the other.

Visit Opera's accessibility page for more information.

Last modified: Saturday, 10 February 2018, 9:10 PM