Section Topics
Introduction
Web accessibility is the concept that websites and website content must be accessible to anyone, regardless of how they use the internet. Websites must give a way for people with disabilities such as visual, auditory, physical, speech, cognitive, language, learning, and neurological to access the information. Some examples of other ways to use the internet are:
Screen readers
Adaptive technology (such as eye-tracking)
Audio-based such as verbal transcripts
Subtitles for audio content.
The Monsido Starter Web Accessibility feature is a streamlined version of the Monsido Web Accessibility feature. It is designed to help you make your website compliant with WCAG 2.0, 2.1 & 2.2 A, AA, and AAA guidelines.
Monsido tools give suggestions to make your website better for perception, understanding, contribution, navigation, and interaction for visitors with a disability.
Compliance is shown for the following:
Page compliance = percentage of checks that the page is compliant in.
Domain compliance = Average of page compliance in this domain.
The four principles of web accessibility for website content as specified in W3C are:
If any of these are not true, users with disabilities will not be able to use the Web.” |
Only site admins can change the accessibility level of the scan, see the instructions in the Monsido Starter Admin Functions user guide, in the Edit Domain section.
Instructions
This section gives instructions on how to navigate to the Accessibility feature in Monsido Starter.
Open Monsido Starter.
Click to select Accessibility (human with arms outstretched) on the top menu bar.
The Monsido Starter Accessibility dashboard opens.
The Accessibility dashboard has the following sections:
Level A Compliance
Level AA Compliance
Accessibility Checks by Compliance Level
Accessibility Diagnostics.
The left menu bar has the following options:
Summary: The landing page for Monsido Starter Accessibility.
Tools.
Dashboard Sections
This section gives information about the sections on the Monsido Starter Accessibility landing page.
Level A Compliance
This section shows the total number of checks for WCAG 2.1 A compliance, the total number of checks that are done, and the total number that are not repaired. It also shows the historical results from the last 5 scans and a percentage of compliance.
The icons below the number indicate the type of check:
Errors (insect icon)
These are content issues such as HTML snippets that are not compliant. These issues can only be fixed with a change to the source code.
Warnings (bell icon)
These issues need to be reviewed manually.
Reviews (eye icon)
These issues cannot be tested by the software and therefore need to be reviewed manually.
Level AA Compliance
This section shows the total number of checks for WCAG 2.1 AA compliance, the total number of checks that are done, and the total number that are not repaired. It also shows the historical results from the last 5 scans and a percentage of compliance.
The icons below the number indicate the type of check:
Errors (insect icon)
These are content issues such as HTML snippets that are not compliant. These issues can only be fixed with a change to the source code.
Warnings (bell icon)
These issues need to be reviewed manually.
Reviews (eye icon)
These issues cannot be tested by the software and therefore need to be reviewed manually.
Accessibility Checks by Compliance Level
This section shows an overview of the total number of checks that passed and the checks that still need to be fixed for A and AA compliance.
Accessibility Diagnostics
This section gives diagnostics and statistics on how well your site meets the accessibility compliance regulations.
Click Showing All on the top right of the section to filter for:
Show All: This is the default filter view. It is recommended to change this setting to Errors and Warnings.
Only Errors: This filter shows all errors.
Errors and Warnings (recommended): This is the recommended filter.
Tip: For a good way to view the accessibility issues in a way that is easier to handle, set the filter to Errors and Warnings. This option shows the most urgent issues that need to be fixed, as some issues may be repeated many times on the website and if it is fixed it will drastically improve the compliance rating.
The definition of the error categories in Monsido:
Error: The issue is in direct conflict with the standard and needs to be fixed.
Warning: The issue is most likely in conflict with the standard, do a manual review and fix the issue.
Review: The issue cannot be determined by the software as an error or warning and requires human review. Do a manual review of the issue to determine if any fix can be done.
Menu Options
This section gives information on the menu options on the left side of the Accessibility landing page.
The options in the menu are:
Summary
Tools.
Summary
Click Summary on the menu on the left side of the page. This is the landing page for the Monsido Starter accessibility module. It gives a quick overview of the accessibility compliance of your site.
See Dashboard Sections for a description of the elements on the Accessibility Summary page.
Tools - Color Contrast Tool
Select Tools from the menu on the left side of the page. The menu expands with a list of available tools.
Select Color Contrast Tool option from the expanded menu.
The Color Contrast Tool page opens.
See the contrast ratio for foreground and background color, font size, and graphical elements.
See the Monsido Color Contrast Checker for instructions.
Additional Information
For more information, see the following articles:
The 2022 Website Compliance Handbook PDF by Monsido.
This is a guide to help organizations understand the basics of website compliance, and provide useful information and tools to help them reach their web compliance goals.
The tool tests the contrast ratio of background and text colors for accessibility. You can use it to visualize different color combinations for your website design that are in compliance with Web Content Accessibility Guidelines (WCAG) and international legislation based on it like the EU Web Accessibility Directive, the Americans with Disabilities Act (ADA), or the Accessibility for Ontarians With Disabilities Act (AODA).
The official site for Web Content Accessibility Guidelines.