User login

Resources for visual accessibility of web sites

Presented by Catharine McNally at TCDrupal2016

Color blindness simulator

http://www.color-blindness.com/coblis-color-blindness-simulator/

If the design fails to work well in simulator, send it back, before implementation.

4.5% of world is colorblind: 8% of men, 0.5% of women.

WCAG Contrast checker Firefox add-on

WCAG Color Contrast Checker (Firefox)

Easily calculate color contrast ratios and if meets minimum standards

http://leaverou.github.io/contrast-ratio

Other tips

Avoid links that have no context in themselves such as "click here" or "read more"— screen reader users typically scan links.

Use Drupal 8, it gets lots of things right.

Do it for your users, yourself, your lawyer, for SEO...

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.