Posts Tagged ‘Accessibility’

Check My Colours is a free-to-use web application for analyzing the color contrasts used on a web page.

It checks the foreground and background color combinations of all DOM elements and lets us to know if they have enough contrast when viewed by someone having color deficits.

Check My Colours

Once a URL is submitted, it lists all the elements + their contrast levels and marks any problematic elements. Also, it allows us to play with their colors online to find the right color.

P.S. The tests ran are based on the algorithms suggested by W3C

jQuery-Accessible-RIA is a set of accessible, usable & easy to implement widgets that are strictly WAI WCAG 2.0 and WAI ARIA compliant.

The widgets provided are:

  • lightbox
  • live form validation
  • tabs
  • sortable tables

jQuery Accessible RIA

jQuery-Accessible-RIA is built using the jQuery UI & works out-of-the-box. Also, they can be highly customized.

For older screen readers, it includes a workaround & for anyone willing to dive into the code, it is fully-commented.

Yesterday, a jQuery slider plugin was published at WRD. And here is another nice one.

Accessible News Slider is a lighyweight jQuery plugin (2kb packed) for presenting contents in a slider.

JQuery Slider Plugin

The CSS, XHTML and JavaScript are developed specifically to meet the Web Content Accessibility Guidelines 1.0.

  • Users with color vision deficiency, or color blindness
    Color is not the primary indicator & back-next navigation is either visible or hidden. There is also an indicator that communicates the total number of news items.
  • Users with limited or poor vision, but who do not use a screen reader
    Slider is compatible with resized fonts.
  • Users that are legally blind, and who browse Web pages with a screen reader
    The appropriate skip links and title tags have been included for navigation and messaging.
  • And more details are mentioned on the plugin’s homepage.

The plugin is compatible with all major browsers and free for both personal & commercial use.

Aaron Cannon, a blind web developer and accessibility consultant, has shared a great web accessibility checklist that every designer & developer will find handy.

It includes more user experience facts than the technical ones. Just like:

  • Avoid CAPTCHAs unless you have no other choice, and even then
    they should be avoided. However, if you must use them, provide
    an audio CAPTCHA alternative.
  • Provide “Skip to content” links at the top of the markup order in
    pages with large numbers of navigational links before the main

The list can be reached as PDF and text formats.