#contrast (13 links)
- Keeping type consistent in changing conditions elliotjaystocks.com
A run-through of grade with variable fonts.
At first glance, grade might seem very much like weight. But where weight serves to differentiate (adding emphasis and contrast to text), grade’s purpose is to unify (bringing consistency to text that looks different when it shouldn’t). It allows designers to adjust type precisely so that it appears the same across different materials, backgrounds, and lighting conditions without changing spacing, line breaks, or layout. And once you notice the problem grade addresses, it’s hard to not see it everywhere.
Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.
- Juicy Studio: Colour Contrast and CSS Sprite Maps juicystudio.com
CSS sprite maps improve efficiency by making fewer HTTP requests to the server, but most implementations cause serious problems for users who view content in high contrast mode.
- Colour Contrast Analyser :: Firefox Add-ons addons.mozilla.org
Still experimental "A colour contrast analyser that examines the foreground and background colours of text nodes, and provides a report to see if they are correct according to AERT and WCAG's luminosity colour contrast algorithm."
- 10 colour contrast checking tools to improve the accessibility of your design | 456 Berea Street 456bereastreet.com
Plus some useful general information on contrast issues.
This tool allows you to visualise good colour combinations on a Photoshop style colour picker. It's primary use is finding acceptable colours from an existing inaccessible combination - while maintaining the aesthetic appeal of the original.
- Juicy Studio: Updated Luminosity Colour Contrast Analysers juicystudio.com
The Juicy Studio Luminosity Contrast Ratio Analyser and the example luminosity contrast ratios have been updated to match the latest version of the draft Web Content Accessibility Guidelines 2.0
- Resource Center - Contrast Analyser 2.0 paciellogroup.com
- GrayBit v0.5 Beta: Grayscale Conversion Contrast Accessibility Tool - Main Page - Presented by GrayBit graybit.com · Archived on
An online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast.
Even if it looks great at a glance, the color scheme doesn't work if many visitors can't easily find crucial information, use whatever services are offered, and effectively navigate the site.