Tag Archives: check

Making your site accessible using W3C’s Easy Checks

We’ve put together an infographic based on the W3C’s ten easy checks.

While this is by no means an extensive checklist, we hope it will help when considering the first steps that can be taken in order to ensure your website is accessible.


Curated by (Lifekludger)
Read full article and Download the full infographic from Source: Making your site accessible using W3C’s Easy Checks

Evaluating Cognitive Web Accessibility with WAVE

WAVE is a web accessibility tool that can greatly assist in the evaluation of web content. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page. Before proceeding, be sure to read the Help page for an overview of using WAVE and details on specific things you may encounter.

The following checklist outlines things you can do to evaluate and improve cognitive web accessibility. This checklist is broken into general areas of cognitive accessibility. Many of the items listed are things that you must check for yourself on the page. Some checkpoints may be difficult to measure or may not have a clear answer (for example, how do you tell if language is “simple”?). This checklist, however, should help you determine the general level of cognitive accessibility and can help you identify areas where improvements can be made. WAVE can facilitate evaluation of many of the checkpoints. WAVE icons that appear adjacent to a checkpoint indicate specific WAVE rules that can be of assistance to you. You can click on the icons to view details about that icon, why it might appear in your content, and what you can do to improve accessibility. If you see these icons in a WAVE report, pay particular attention to them because they likely indicate an aspect of the page that can affect cognitive accessibility.

Curated by (Lifekludger)
Read full article at Source: Evaluating Cognitive Web Accessibility with WAVE

How to Measure Color Contrast, for Web Accessibility …

The essence of accessible color contrast is simple. Given a foreground color and a background color, the contrast between those two must be distinguishable in a wide variety of environments, by individuals with different color perception abilities. Using the Web Content Accessibility Guidelines – WCAG — version 2.0, these contrasts are measured using an algorithm that compares the relative luminosity of the two colors and returns a ratio, which is to exceed WCAG’s recommended minimum.But the reality of color contrast is more complicated. There are a lot of assumptions to work out before you can be confident that visually impaired shoppers can use your ecommerce site.

What Are ‘Foreground’ and ‘Background’ Colors?


…This clearly applies when text needs to be distinguished from the background color. White text on a white background may as well be absent entirely. But it also applies to neighboring text, such as a link within a paragraph. If that link looks the same as the text surrounding it, there will be no way of identifying visually which text is linked.

If your links are underlined, this becomes a non-issue.

What Two Colors Are We Comparing?

The simple case of text in a single color and a background in another is easy. When assessing contrast, automated tools will reliably identify the two different colors.

But that is not true with other common cases:

  • Text with text-shadow;
  • Background gradients;
  • Image backgrounds;
  • Transparency in one or more colors.

Adding a thin black outline with a minimum width of one pixel is a WCAG recommendation to maintain a contrast ratio between the letter and its background. While this doesn’t directly correlate to text shadow, it’s reasonable to extrapolate that adding a text shadow to darken the boundary of your text allows you to use it for measuring contrast, rather than depending on the background color.


Challenges with Transparency…


What Are the Contrast Requirements?…


Resources for Color Contrast Testing…

Curated by (Lifekludger)
Read full article at Source: How to Measure Color Contrast, for Web Accessibility | Practical Ecommerce

10 Accessibility Checks in 10 minutes – Maxability

Quite often I receive requests to check the accessibility of a web page and say if it is accessible or not. In most of the cases the request is to identify high level accessibility issues to include in a business presentation. Being a screen reader user I can read through the page and identify few accessibility problems within 15 to 20 minutes. I thought of putting together 10 check points that can be checked by any consultant in 10 minutes and identify if the page is accessible on a high level.

curated by (Lifekludger)
Read full article at Source: 10 Accessibility Checks in 10 minutes – Maxability