Standards et accessibilité web

Ce document est une adaptation d'une partie des Manuels sur l'utilisation de JAWS et de Window-Eyes par Jean-Marie D'Amour

Ce document est une adaptation d'une partie des Manuels sur l'utilisation de JAWS et de Window-Eyes par Jean-Marie D'Amour

Pompage a été créé en 2001 par Stephanie Booth pour répondre à un besoin évident parmi la communauté francophone du web design : rattraper un retard important en matière de connaissance des dernières techniques. Encore aujourd'hui, nombreux sont ceux qui n'ont pas encore découvert le vrai potentiel de CSS et du HTML, l'avantage d'appliquer les standards web, ou les bénéfices des pages sémantiques.

Pompage a été créé en 2001 par Stephanie Booth pour répondre à un besoin évident parmi la communauté francophone du web design : rattraper un retard important en matière de connaissance des dernières techniques.

L'évolution des pratiques et des besoins des professionnels du Web a fait émerger une demande de plus en plus forte pour un référentiel concernant les outils de production des contenus Web ou CMS conformes correspondant aux recommandations ATAG 1.0 du W3C.

CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS.

Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.

Work faster. Impress your clients. Test your website designs across all major browsers in seconds with Litmus.

@font-face allows authors to specify online fonts to display text on their webpages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.

Firefox 3.5 is out. And the more users download it, the more designers will be able to take advantage of the @font-face CSS rule. How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

Working with XHTML forms can be somewhat daunting; they not only use some niche HTML elements, but also blur the line between static content and user interaction. Let's review some things to remember when creating your next form.

As the processes in HTML 5 & CSS3 working groups move forward everyday, it is getting much more clear that new standards are not too far. There are lots of new tutorials, resources being created on HTML 5 / CSS3 including cheat sheets which are very functional helpers for anyone willing to code with these standards.

I recently came across a solution on CSSPlay for a JavaScript free lightbox that uses invalid markup. So, being a sucker for a challenge, I set myself the task of creating one with valid markup and I eventually succeeded. Here's one I made earlier. It works in FF, Safari, Chrome, IE6, IE7 and IE8 and this article will explain how…

J'ai déjà dit de nombreuses fois qu'il n'existait pas de checklist qui puisse vous garantir à 100% un site accessible, même si on la suivait à la lettre. Il y a tout simplement trop de variables en jeu. Cela dit, que faire lorsque vous voulez créer des pages accessibles et que vous avez des dizaines, sinon des centaines de développeurs qui (comme la plupart de leurs collègues) savent peu, voire rien de l'accessibilité ? Que faire lorsqu'il est tout simplement impossible de demander à quelqu'un de vérifier toutes vos pages ? En bref, comment vous assurer qu'une très grande organisation crée des pages qui seront accessibles au public le plus large possible, sans exploser votre budget ? C'est une des questions contre lesquelles nous bataillons depuis longtemps, et ce n'est pas fini.

WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. 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.

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code. So let's dig in.