background preloader


Facebook Twitter

WCAG 2.0 checklist - a free and simple guide to WCAG 2.0. It’s extremely useful to have a WCAG 2.0 checklist to hand when you’re working through the guidelines.

WCAG 2.0 checklist - a free and simple guide to WCAG 2.0

A WCAG 2.0 checklist helps you to check your web accessibility progress, record how far you’ve come and set your targets out for the future. Wuhcag is all about holistic web accessibility – that means taking everything about your website into account. That’s why I don’t rush you to make every web accessibility change at once – it’s too much for you to do and so it’s bad for your users. I love a structured approach to everything in life, and your website is no exception. I’ve created a three checklists for you below, with link to articles about each guideline. I’ve organised my WCAG 2.0 checklists by level (read more about WCAG 2.0 levels here). Get Free WCAG PDF Checklists Join over 2,000 Wuhcag Newsletter subscribers and get three free printable WCAG checklists to use however you want, plus a free sample of my book. That went well! WAVE — Module d'analyse d'accessibilité d'une page. Hex Naw — Site d'analyse de contraste.

Palette - Outil d'analyse de contraste. Palette de couleurs accessibles (daltonisme) Idées pour tester l'accessibilité d'un site soi-même (en anglais) Contrast Rebellion - to hell with unreadable, low-contrast texts! How the Web Became Unreadable. It’s been getting harder for me to read things on my phone and my laptop.

How the Web Became Unreadable

I’ve caught myself squinting and holding the screen closer to my face. Your Body Text Is Too Small - Marvel Blog. Body text is the key component in communicating the main bulk of a message or story, and it’s probably the most important element on a website, even if people sometimes read just the headlines.

Your Body Text Is Too Small - Marvel Blog

Why would we limit the effectiveness of body text by minimizing its size to a browser-default that’s now over 20 years old, even on large displays? The majority of websites are still anywhere in the range of 15–18px. We’re starting to see some sites adopt larger body text at around 20px or even greater on smaller desktop displays, but not enough in my opinion.* *I’ll be referring to font sizes in px (pixels) instead of pt (point) throughout this article so it’s easily relatable to the framework of the web and digital space.

Now, I’m not saying that small typography is bad. A Little History Through the typewriter era we ascertained that 12pt was about the optimum size for legibility in print despite the fact that books, magazines and newspapers go smaller to reduce paper quantity costs. 1. 2. Techniques to Display Text over Background Images – When we design for disability, we all benefit (vidéo, EN) 5 Web accessibility myths. If your business has a website, it should be accessible to disabled users.

5 Web accessibility myths

There are ethical and commercial justifications for this, but there is also a legal reason: if your website does not meet certain accessibility standards, then you could be sued for discrimination because The Disability Discrimination Act in the UK includes blind and disabled access to the internet. Accessibility on the web means making your content available to users with different skills and devices. Let’s take a look at some common misconceptions about web accessibility. 1. Web accessibility places restrictions on design. La couleur ne suffit pas (EN) Bonnes pratiques daltonisme (5% des internautes) (EN) One of my friends from college is color blind and every time someone finds out about this, the prompt question is — “Do you know which color this is?”

Bonnes pratiques daltonisme (5% des internautes) (EN)

It’s not like he misses out on any color! He sees them all but the difficulty is in naming them apart when the contrast is not good enough or so.. As designers, you pick up the best colors for the canvas and the most engaging content for your users, but often miss out on the color blind ones. Repeating the ever-repeated stats — 8% of the males and 0.5% of the females are color blind. Now that is a HUUUGE number if your user base is big. 1. So should you name every color on the website? Mention in the specification what color is the product. This maintains a fine balance between giving only colors for selecting AND not leaving the users to take a minute to relate to the color by giving only the name. 2. Light and dark contrast They do not require a white and black canvas, all they need is a good contrast website! Complementary contrast 3. 4. Web Accessibility Initiative (WAI) Introduction Web Content Accessibility Guidelines (WCAG) is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Web Accessibility Initiative (WAI)

The WCAG documents explain how to make web content more accessible to people with disabilities. Web "content" generally refers to the information in a web page or web application, including: natural information such as text, images, and sounds code or markup that defines structure, presentation, etc.