16 Tools for Website Accessibility

16 Tools for Website Accessibility

November 29, 2018 8:31 am

“Net accessibility” refers to content material designed in order that disabled customers can entry it. Accessibility includes a variety of disabilities, together with visible, auditory, bodily, speech, cognitive, language, studying, and neurological.

Accessibility overlaps with different disciplines, reminiscent of responsive net design, usability, and search engine marketing. Consequently, accessible web sites can have an elevated viewers attain, higher search outcomes, and show social duty to customers.

Here’s a listing of instruments and plugins for website accessibility, together with plugins and ecommerce themes for WordPress. A lot of the fundamentals of accessibility are straightforward to implement after reviewing widespread points and options. Each time attainable, incorporate accessibility at the start of any challenge.

Accessibility Instruments

W3C WAI. The World Vast Net Consortium — W3C — via its Net Accessibility Initiative develops technical specs, tips, methods, and supporting assets that describe accessibility options. Its Net Content material Accessibility Tips 2.zero covers a variety of suggestions for making net content material extra accessible. W3C even supplies a set of tutorials that present greatest practices for creating accessible content material.

Web Content Accessibility Guidelines 2.0

Net Content material Accessibility Tips 2.zero

WAVE. WAVE is a free analysis device offered by WebAIM — Net Accessibility In Thoughts. It supplies visible suggestions concerning the accessibility of your net content material by injecting icons and indicators into your web page. No automated device can inform you in case your web page is completely accessible, however WAVE facilitates human analysis and educates about accessibility points. WAVE has extensions for Chrome and Firefox.

CKEditor four Accessibility Checker. Accessibility Checker is a free extension for the CKEditor four, a WYSIWYG HTML editor with plugin-based mostly structure. With Accessibility Verify, examine the accessibility degree of content material created in CKEditor after which remedy any weaknesses. Verify compliance with the newest WCAG 2.zero and Part 508 necessities.

AChecker. AChecker is used to guage HTML content material for accessibility issues by getting into a URL, importing an HTML file, or by pasting the entire HTML supply code from an internet web page. AChecker produces a report, figuring out recognized, possible, and potential issues. Allow HTML and CSS validators, present supply errors, choose tips to validate towards, and consider stories by guideline standards or line numbers.

tota11y. Offered by Khan Academy, tota11y is an accessibility visualization device. It’s a single JavaScript file that inserts a small button within the backside nook of your doc and helps visualize how your website performs with assistive applied sciences.

tota11y

tota11y

aXe is a self-contained open-supply library and testing engine for accessibility. It may be custom-made to incorporate specialised guidelines and to combine with browsers and testing frameworks. aXe was developed to assist builders take automated accessibility testing into their very own palms and to keep away from widespread pitfalls of different automated accessibility instruments.

NoCoffee is a free Chrome extension for understanding the issues confronted by individuals with slight to excessive imaginative and prescient issues. The software is useful to know the various kinds of imaginative and prescient issues.

CheckMyColours is a device for checking foreground and background colour mixtures and figuring out if they supply adequate distinction when seen by somebody having colour deficits. All the checks are based mostly on the algorithms steered by the W3C.

ATBar is an open-supply and cross-browser toolbar to assist customers customise the best way they work together with net pages. ATbar permits customers to vary the feel and appear of a web page, improve and reduce font sizes, have the textual content learn aloud, use coloured overlays, and get readability help.

WordPress

Accessibility-prepared ecommerce themes for WordPress. Here’s a assortment of accessibility-prepared WordPress ecommerce themes. It consists of Storefront, a WooCommerce theme from Automattic with over one hundred,000 lively installs.

Storefront

Storefront

WP Accessibility. This plugin helps with many widespread accessibility issues in WordPress themes. Add a toolbar to toggle between excessive distinction, giant print, and desaturated views of your theme.

wA11y. The mission of the wA11y plugin is to offer instruments that will help you consider and enhance the accessibility of your website. Its instruments embrace tota11y, WAVE, and quite a lot of filters.

Accessible Poetry. Accessible Poetry supplies options to widespread accessibility points in web sites. Customers can entry a toolbar for font and distinction modifications. Skiplinks let customers navigate between essential areas of the web page by way of their keyboard. Get alerts for pictures with out various textual content; present define impact for objects in focus mode; and add customized code for accessibility.

Accessible Poetry

Accessible Poetry

Textual content-To-Speech Converter permits any textual content to be transformed into spoken language. All the TTS perform is predicated on an exterior API. Textual content-studying performance could be carried out to convey all info vocally to guests to assist them work together together with your website extra simply.

Contact Form 7: Accessible Defaults. This plugin generates an accessible equal of the default model of Contact Form 7. It provides a set of further primary type varieties to mannequin new accessible varieties.

Divi Accessibility. Whereas there are numerous plugins to enhance WordPress theme accessibility, this one is for accessibility points particularly discovered inside Divi, the web page builder. This plugin improves Divi accessibility in accordance with WCAG 2.zero tips.

Divi Accessibility

Divi Accessibility


You may also like...