PUBLIC MARKS from Monique with tag webdesign

A practical resource for content authors that shows you how to comply with WCAG 2.0. Each topic explains what you need to do, why you need to do it and how to do it in easy-to-understand language.

Make no mistake: Sectioning elements help you improve document structure, and they’re in the spec’ to stay. Once and for all, I will be exploring the problems these elements solve, the opportunities they offer and their important but misunderstood contribution to the semantic Web.

Follow these pro tips and create your best ever logo design. Paul Wyatt reveals everything you need to know to improve your designs.

Malgré le travail acharné de grands ergonomes Web reconnus (Amélie Boucher et Jean-François Nogier chez nous, ou Steve Krug et Jakob Nielsen aux USA, pour ne citer qu’eux), des mythes perdurent en donnant des réponses à l’apparence facile et pratique aux profanes, tout en dépréciant notre démarche au passage.

With the help of CSS3 and mediaqueries you can change the layout of your website based on the detected screen size of the device (be it a computer screen, tablet, smartphone,...). But what are the current guidelines in pixels? Find out here.

We've made an easy-to-use, always up-to-date, information resource, just for you.

Class is only becoming more important. Focusing on its original definition as an attribute for grouping (or classifying) as well as linking HTML to CSS, recent front-end development practices are emphasizing class as a vessel for structured, modularized style packages. These patterns reduce the need for repetitive declarations that can seriously bloat file sizes, and instil human-readable understanding of how the interface, layout, and aesthetics are constructed.

My biggest overall takeaway from this experience was how inaccessible many sites are, and how frustrating it must be to a person with certain disabilities to regularly have poor web experiences. As developers, it’s our job to keep this in mind when creating any site, whether it “needs to be accessible” or not. You can bet that these lessons are being baked back into our work. Hopefully some of these will make it into your next projects as well.

The reality is that accessibility is simply a key part of UX. A truly outstanding digital experience is a fusion of accessibility, usability, creativity and technology. The trick is to weave those things together, and to do that successfully there needs to be a cross pollination of skills and expertise.

The good news is that accessibility is usability under a magnifying glass. If you’re thinking about great usability, the chances are that you’re already thinking about great accessibility too.

Il est des pratiques qu’il est bon de rappeler, mais il est également bon d’en rappeler les origines. Petite leçon d’histoire par Rudy Rigot à propos des agents utilisateurs et les bonnes pratiques à appliquer vis-à-vis de ceux-ci.

Vous êtes designer, intégrateur, concepteur d’interfaces ou chef de projet. De votre compétence dépend l’accessibilité des services et applications que vous développez. Faisons un point sur cette notion et voyons comment vous allez pouvoir la prendre en compte.

This one is for testers who use NVDA, a free screenreader, to test online content for any access issues.

What does the outline property do?

It provides visual feedback for links that have "focus" when navigating a web document using the TAB key (or equivalent). This is especially useful for folks who can't use a mouse or have a visual impairment. If you remove the outline you are making your site inaccessible for these people.

Icons are an important part of making a website usable. Make sure to use best practices for your icon designs to help clients keep their clients happy and ultimately help you bring in the big bucks.

Les notices AcceDe Web s’adressent de façon spécifique à chaque intervenant d’un projet web et sont adaptées aux différentes étapes de conception.

Browser support is IE10 and modern versions of Firefox, Safari, Chrome, Opera. Basic support for IE9. No responsive version yet, sorry (but you can always send pull requests!)

For years now, we've used a number of techniques for hiding content offscreen for accessibility purposes. We do this because the content is still accessible to screenreaders while being removed from the interface for sighted users.

Non, ce qui m’intéresse moi, c’est de vous présenter un peu plus en détails les différents formats de police, en particulier TTF, OTF et WOFF, de tenter de répondre à la question « Mais pourquoi mes fontes sont toutes cracra sous Windows », et de vous donner quelques astuces pour optimiser le rendus des polices @font-face.

Jamais, non, plus jamais n’oserez vous approcher une page HTML sans ressentir le désir ardent d’en découvrir l’envers, d’en démasquer la charpente, d’en partager la mécanique.

La morale de ce (long) billet est qu’il faut parfois remettre en question ses a priori et préceptes établis et que CSS, comme le Web en général, est un concept vivant qui évolue. A nous d’évoluer avec lui.

Part polemic, part instruction manual, The Truth About HTML5 has ignited an interesting debate. Here we present an exclusive excerpt on the problems around structuring in HTML5

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.