20 most necessary tools to check the site display
Availability of content and display of information on the site is extremely important. In simple terms, what good can be done on your site if certain people cannot see it? Of course, this new fashionable design with small print and low-contrast colors looks cool to you and your friends, but what about those who have poor eyesight, or those who don’t distinguish certain colors, or those who have any other problems with a vision, they simply cannot find anything, let alone read anything on your website. You do not even need to, and you MUST make your site accessible to as many visitors as possible.
But what to do to ensure the availability of your site? After reading this article, your task will be greatly simplified. Below you will find 20 tools to help make the site more accessible.
WAVE is a free tool that will help in the process of assessing the availability of a site. Instead of producing a report written in a complex technical language, WAVE will show the original of your web page, embedding icons and indicators in it that show its level of accessibility.
')
IDI Web Accessibility Checker checks the web pages for compliance with site accessibility standards to ensure that everyone has access to the content of the site under test.
Vischeck will show how the pages of the site are seen by those who do not distinguish between certain colors. You can use the Vischeck service online by checking the graphic file, or by running it to check your web page. It is also possible to download Vischeck to your computer and use it without an internet connection.
Color Contrast Check allows you to select the main and background colors and see if they are sufficiently contrasting when someone who suffers from color blindness looks at them, as well as how contrasting they are on a black and white screen.
mobiReady is a mechanism for assessing the readiness of a site for viewing on mobile device screens, which uses industry practices and standards. It will give you a free report with a rating (from 1 to 5) and a detailed analysis of web pages in order to determine how well the site is suitable for viewing on the screens of mobile devices.
The Stanford Web Accessibility Checker is a software tool that analyzes your web pages and checks them for possible obstacles to meet accessibility standards. You can give him the address of the page you want to check, or send a work file for evaluation. As a result of the check, you will receive a report with all possible availability problems for the categories you have selected.
Check My Colors is a tool for checking combinations of the main and background colors of all the elements of Object Document Models (DOM) and determining whether they have sufficient contrast for those who do not distinguish between certain colors.
Lynx Viewer allows you to see your pages as they appear in the Lynx text browser. It will also show you how search engines see your site. In addition to this, it will help determine how your pages are accessible to people with visual problems.
Quick Page Accessibility Tester is a bookmarklet, by clicking on which at any time you can get a quick analysis of your web pages. It will highlight the obvious problem points on your page, warn you about possible problems, and also highlight areas that can be improved by using the Active Internet Applications Accessibility Standard (ARIA) tools.
GrayBit is an online accessibility checking tool that converts your full-color web pages to halftone gray in order to visually test the contrast on the page.
Accessibility Color Wheel will allow you to see what accessibility this or that color pair has. Select the main and background color by pointing with the mouse the color on the scale or on the gray bar and clicking on your choice. If you get “OK” in response, this means that this color pair is suitable from the point of view of availability. In the opposite case, you can change one or both colors until you get a suitable result (“OK”).
HERA is a tool for verifying that your web pages are in compliance with the Web Content Accessibility Recommendations (WCAG) specifications. HERA conducts a series of checks of your web pages, identifies any that can be detected automatically, errors, or individual items that correspond to the page, and also shows those items that require manual confirmation.
Accessibility Valet shows the layout of your web pages in a normalized way. It emphasizes valid, excluded, and false markup, as well as misplaced elements. The generated report shows all warnings about accessibility issues.
Cynthia Says is a content accessibility assessment tool that finds errors in your design that are relevant to Section 506 of the standards and WCAG Recommendations.
TAW is a tool for analyzing your web pages, which is based on W3C Web Content Accessibility Guidelines 1.0. In addition to the online tool, it is possible to download separate software.
WebAnywhere (“Web Everywhere”) is not a visual interface that allows you to access your pages in the same way that screen readers like JAWS or Windows-Eyes access them.
Color Contrast Analyzer is a Firefox browser extension that lists the color combinations used on your web pages. It places the colors in a table that summarizes the primary color, the background color, the degree of brightness / contrast, and the difference between color and brightness.
WAT is embedded as an additional toolbar in Internet Explorer and helps you manually check your web pages for various aspects of their accessibility.
The Firefox Accessibility Extension is exactly what its name says - a Firefox browser extension that supports the functional accessibility of web pages, and which you can use to check the structural and style markup of your web pages. With it, you make it easier for people with disabilities to view and navigate your web pages.
Accessibility Favelets is a bookmarklet collection that will help you with the issue of accessibility in your work on web pages. They are small scripts that you save (for example, in the form of bookmarks in the browser), and then you can use it to check availability on one of your web pages.
Now we will exchange experience: what tools for working with the availability of your site do you consider most essential? Do you have any useful tips on accessibility? Maybe we missed any obvious candidate to this list? Feel free to share useful additions in the comments.
But what to do to ensure the availability of your site? After reading this article, your task will be greatly simplified. Below you will find 20 tools to help make the site more accessible.
Translation sponsor: Aiken Studio
Wave
WAVE is a free tool that will help in the process of assessing the availability of a site. Instead of producing a report written in a complex technical language, WAVE will show the original of your web page, embedding icons and indicators in it that show its level of accessibility.
')
IDI
IDI Web Accessibility Checker checks the web pages for compliance with site accessibility standards to ensure that everyone has access to the content of the site under test.
Vischeck
Vischeck will show how the pages of the site are seen by those who do not distinguish between certain colors. You can use the Vischeck service online by checking the graphic file, or by running it to check your web page. It is also possible to download Vischeck to your computer and use it without an internet connection.
Color Contrast Check
Color Contrast Check allows you to select the main and background colors and see if they are sufficiently contrasting when someone who suffers from color blindness looks at them, as well as how contrasting they are on a black and white screen.
mobiReady
mobiReady is a mechanism for assessing the readiness of a site for viewing on mobile device screens, which uses industry practices and standards. It will give you a free report with a rating (from 1 to 5) and a detailed analysis of web pages in order to determine how well the site is suitable for viewing on the screens of mobile devices.
Stanford Web Accessibility Checker
The Stanford Web Accessibility Checker is a software tool that analyzes your web pages and checks them for possible obstacles to meet accessibility standards. You can give him the address of the page you want to check, or send a work file for evaluation. As a result of the check, you will receive a report with all possible availability problems for the categories you have selected.
Check My Colors
Check My Colors is a tool for checking combinations of the main and background colors of all the elements of Object Document Models (DOM) and determining whether they have sufficient contrast for those who do not distinguish between certain colors.
Lynx viewer
Lynx Viewer allows you to see your pages as they appear in the Lynx text browser. It will also show you how search engines see your site. In addition to this, it will help determine how your pages are accessible to people with visual problems.
Quick Page Accessibility Tester
Quick Page Accessibility Tester is a bookmarklet, by clicking on which at any time you can get a quick analysis of your web pages. It will highlight the obvious problem points on your page, warn you about possible problems, and also highlight areas that can be improved by using the Active Internet Applications Accessibility Standard (ARIA) tools.
Graybit
GrayBit is an online accessibility checking tool that converts your full-color web pages to halftone gray in order to visually test the contrast on the page.
Accessibility Color Wheel
Accessibility Color Wheel will allow you to see what accessibility this or that color pair has. Select the main and background color by pointing with the mouse the color on the scale or on the gray bar and clicking on your choice. If you get “OK” in response, this means that this color pair is suitable from the point of view of availability. In the opposite case, you can change one or both colors until you get a suitable result (“OK”).
HERA
HERA is a tool for verifying that your web pages are in compliance with the Web Content Accessibility Recommendations (WCAG) specifications. HERA conducts a series of checks of your web pages, identifies any that can be detected automatically, errors, or individual items that correspond to the page, and also shows those items that require manual confirmation.
Accessibility Valet
Accessibility Valet shows the layout of your web pages in a normalized way. It emphasizes valid, excluded, and false markup, as well as misplaced elements. The generated report shows all warnings about accessibility issues.
Cynthia Says
Cynthia Says is a content accessibility assessment tool that finds errors in your design that are relevant to Section 506 of the standards and WCAG Recommendations.
TAW
TAW is a tool for analyzing your web pages, which is based on W3C Web Content Accessibility Guidelines 1.0. In addition to the online tool, it is possible to download separate software.
WebAnywhere
WebAnywhere (“Web Everywhere”) is not a visual interface that allows you to access your pages in the same way that screen readers like JAWS or Windows-Eyes access them.
Color Contrast Analyzer
Color Contrast Analyzer is a Firefox browser extension that lists the color combinations used on your web pages. It places the colors in a table that summarizes the primary color, the background color, the degree of brightness / contrast, and the difference between color and brightness.
Wat
WAT is embedded as an additional toolbar in Internet Explorer and helps you manually check your web pages for various aspects of their accessibility.
Firefox Accessibility Extension
The Firefox Accessibility Extension is exactly what its name says - a Firefox browser extension that supports the functional accessibility of web pages, and which you can use to check the structural and style markup of your web pages. With it, you make it easier for people with disabilities to view and navigate your web pages.
Accessibility Favelets
Accessibility Favelets is a bookmarklet collection that will help you with the issue of accessibility in your work on web pages. They are small scripts that you save (for example, in the form of bookmarks in the browser), and then you can use it to check availability on one of your web pages.
What useful tools do you use?
Now we will exchange experience: what tools for working with the availability of your site do you consider most essential? Do you have any useful tips on accessibility? Maybe we missed any obvious candidate to this list? Feel free to share useful additions in the comments.
Source: https://habr.com/ru/post/115704/
All Articles