background preloader


Colour Contrast The old Accessibility Evaluation and Repair Tools (AERT) suggested algorithm for determining colour contrast now directs here. The AERT algorithm was never a recommendation, and WCAG 2.0's luminosity contrast algorithm is recommended instead. Success Criterion 1.4.3 of WCAG 2.0 requires the visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1; Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement. Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement. Analyse Luminosity Contrast Ratio

Related:  AccessibilitéADA Tools

Web Accessibility - Section 508 Webucator now offers Web Accessibility training based on this tutorial. The web accessibility book, Web Accessibility: Web Standards and Regulatory Compliance, is provided with the course when delivered for private groups. The Web Accessibility Tutorial itself is also available on the Webucator site. International - Effective Color Contrast Home > Accessibility > Accessible Design > Accessible Print Design > Effective Color Contrast Designing for People with Partial Sight and Color Deficiencies by Aries Arditi, PhD This page contains three basic guidelines for making effective color choices that work for nearly everyone.

Color Matters - The Body - Drunk Tank Pink Does pink make strong men weak?Can pink jail cells calm violent prisoners? Can pink weaken you? Do pink jail cells create a calming effect? Find broken links on your site with Xenu's Link Sleuth (TM) Find broken links on web sites Wikipedia article about Xenu's Link Sleuth Description Xenu's Link Sleuth (TM) checks Web sites for broken links. Link verification is done on "normal" links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and java applets. It displays a continously updated list of URLs which you can sort by different criteria.

The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience) The toolbar provides easy access to functionality to: identify components of a web pageprovide access to alternate views of page contentfacilitate the use of 3rd party online applications Installation and usage notes Red-Green Color Vision Impairment An article I was reading in this week’s Economist magazine reminded me of Color Oracle, the software Bernhard Jenny (Swiss Institute of Cartography, ETH Zurich) developed to silence my continual prodding after listening to Cynthia Brewer talk about color blindness (color vision impairment) at a NACIS conference in 2000 (?!). It struck me there should be a tool that actually allowed the designer to see what their design looked like to someone with this impairment and not just try to make something work using limited “blessed” color combinations. An earlier effort produced Sim Daltonism, a Mac only tool that does a similar job as Color Oracle.

Color psychology Color psychology is the study of color as a determinant of human behavior. Examples include quantification of individual color preferences[1] and investigating the relationship between shirt color and match outcome in English football.[2] However, the interface between color and environmental stimuli is a highly complex interface and one which is open to the influence of a large number of factors. In addition, there are a number of key reasons why the principle of caveat emptor should prevail in regard to color psychology, especially in regard to information about colour psychology found in mainstream media and popular culture (O'Connor, 2011).[3] Breadcrumbs In Web Design: Examples And Best Practices Advertisement On websites that have a lot of pages, breadcrumb navigation can greatly enhance the way users find their way around. In terms of usability, breadcrumbs reduce the number of actions a website visitor needs to take in order to get to a higher-level page, and they improve the findability1 of website sections and pages. They are also an effective visual aid that indicates the location of the user within the website’s hierarchy, making it a great source of contextual information for landing pages. What is a breadcrumb? A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application.

Section 508 - Accessibility Toolbar The purpose of the toolbar is to provide a tool that can assist you in the manual process of checking for U.S. Section 508 compliance of Web sites and Web applications. Cost Sim Daltonism Donate Download Sim Daltonism 1.1.2 → Mac App Store / Free Released on October 18, 2013. Random Web Colors The top version of this table shows how these colors appear to someone with normal color vision. Scroll down to see how they appear to someone with some degree of color-blindness. For a final test, print the entire page on a monochrome laser printer. If any of the tables are hard to read, supply an alternate stylesheet for print media. This page seems to be getting a lot of hits recently, courtesy of,, and, all places worth visiting.

Advanced Common Sense - Don't Make Me Think Don’t Make Me Think, Revisited A Common Sense Approach to Web Usability Steve Krug / New Riders / 2014 (3rd Edition) / 216 pages When I wrote Don’t Make Me Think, my intent was to help people learn to think like a usability expert: to ask the same questions that I have in mind when I’m trying to make something more usable. I believed that with a little bit of instruction most people could do a lot of what I do themselves, since much of it just seems like common sense once you hear it explained. It’s sold over 400,000 copies in twenty languages, and people have said many very nice things about it, like this understated Amazon review:

Related:  colour-blindness