16 Tools for Website Accessibility

16 Tools for Website Accessibility

April 23, 2018 1:59 pm

“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, corresponding to responsive net design, usability, and search engine marketing. In consequence, accessible web sites can have an elevated viewers attain, higher search outcomes, and show social duty to customers.

Here's a record 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 firstly of any venture.

Accessibility Instruments

W3C WAI. The World Vast Net Consortium — W3C — by way of 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 software 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 software can inform you in case your web page is solely 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 Examine, examine the accessibility degree of content material created in CKEditor after which remedy any weaknesses. Examine 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 think about reviews by guideline standards or line numbers.

tota11y. Offered by Khan Academy, tota11y is an accessibility visualization software. 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 arms 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 device is useful to know the various varieties of imaginative and prescient issues.

CheckMyColours is a device for checking foreground and background shade mixtures and figuring out if they supply enough 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 offers options to widespread accessibility points in web sites. Customers can entry a toolbar for font and distinction modifications. Skiplinks let customers navigate between major 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. The complete TTS perform is predicated on an exterior API. Textual content-studying performance may 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 types.

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...