background preloader

Accessibility

Facebook Twitter

Le vrai bénéfice de l’accessibilité. Je me suis pris l’accessibilité du web en pleine face un beau matin de février 2005.

Le vrai bénéfice de l’accessibilité

La date n’est pas neutre : venait de sortir la fameuse loi sur l’égalité des chances pour les personnes handicapées et tout et tout. Et dans cette interview que je lisais sur le Web, quelqu’un de chez Braillenet (je crois que c’était Pierre Guillou) expliquait la portée de cette loi, plus précisément son article 47 sur l’accessibilité des contenus numériques. Une révélation pour moi : se rejoignaient mon aspiration profonde à faire le bien et une certaine idée du travail bien fait, dans un cadre légal favorable. Je fus d’emblée convaincu que l’accessibilité numérique, y a pas à tortiller, il faut le faire, point. Pas le temps de finir d’y penser, qu’aussitôt je compris que pour convaincre les autres, ce serait pas forcément de la tarte.

Puis vint un autre déclic, bien plus tard. Il ne le sait pas, mais c’est une des choses qui m’ont décidé à signer pour bosser avec lui. Ring in the new year with accessible content: Website clinic for non-profits. Webmaster level: Beginner In our previous post, we did some source code housekeeping -- just in time for the holidays.

Ring in the new year with accessible content: Website clinic for non-profits

But once users have landed on your site, how can you make sure they’ll know how to get around? As it turns out, easily accessible content on your site can make a big difference. Users tend to have a better experience when a site helps them find and understand its content. Having an accessible site not only empowers users, it also helps search engines understand what your site is really about. So if you’ve resolved to boost your site’s user experience and online presence for the new year, improving your content accessibility is a great way to start.

Intuitive navigationConcise, descriptive anchor text for linksUnique, accurate page titles throughout the site Intuitive navigation Help users avoid confusion by providing them with intuitive navigation, so that when they arrive at your site, they’ll know where to click to find the information they’re looking for. Contrast-A: Find Accessible Color Combinations.

Color

Semantic. HTML 5. Add the characters U+0022, U+003C, U+003E, U+005B .. U+005E, U+0060, and U+007B .. U+007D to the production. When a script element contains script documentation , there are further restrictions on the contents of the element, as described in the section below. Inline documentation for external scripts. 10 Usability Crimes You Really Shouldn’t Commit. Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build.

10 Usability Crimes You Really Shouldn’t Commit

This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website. Crime 1: Form labels that aren’t associated to form input fields Using the ‘for’ attribute allows the user to click the label to select the appropriate input fields within a form. This is especially important for checkboxes and radio fields to give a larger clickable area, but it’s good practice all round.

Les couleurs et l'accessibilité - Alsacréations. En France, la proportion de daltoniens est d'environ 8% chez les hommes et 0,45% chez les femmes (source Wikipédia).

Les couleurs et l'accessibilité - Alsacréations

Plus de 10% de la population masculine est daltonienne dans le monde, et affectée par une perception des couleurs déficiente. Il existe différentes formes de cécité des couleurs : rouge-vert, vert-brun, et ainsi de suite... Bien entendu, il est très difficile, voire impossible d'éviter de mettre sur son site toutes les couleurs qui pourraient être mal perçues. Cependant, il est à la portée de tout le monde de faire en sorte que les pages soient lisibles par tous, quel que soit le handicap visuel. La première méthode et la plus simple à mettre en œuvre est l'emploi d'un contraste élevé entre l'arrière plan et les couleurs utilisées pour le contenu de la page. Dans cet exemple on voit bien que C et E sont plus facilement lisibles parce que le contraste est assez fort.