public marks

PUBLIC MARKS from greut with tag WAI


Juicy Studio: Label Positioning


Forms that are laid out vertically with the prompts to the left of the form control have the advantage that the user can quickly scan down the left-hand side to determine what type of information they are required to provide. This is generally the best approach, although not always practical. For example, in languages such as German (emphasis added) where some words are a lot longer than others, it can create a situation where some prompts may be a long way from their associated form control, which obviously has an impact on usability. In these circumstances, positioning the prompt above the form control may be more appropriate.

bloddy German

Label Placement in Forms :: UXmatters

by 5 others (via)

“Excessive distances between some labels and their input fields forced users unnecessarily to take more time to interact visually with the form.”

how form layout performs.

Colour Contrast Check -

by 31 others (via)

The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"

better color checker

G18: Ensuring that a contrast ratio of at least 5:1 exists between text (and images of text) and background behind the text | Techniques for WCAG 2.0

The objective of this technique is to make sure that users can read text that is presented over a background. For Success Criterion 1.4.3, this technique describes the minimum contrast ratio for text that is less than 18 point (if not bold) and less than 14 point (if bold). For Success Criterion 1.4.5, this technique relaxes the 7:1 contrast ratio requirement for text that is at least 18 point (if not bold) or at least 14 point (if bold).

with the formula and advices




Interviews - Julien PERBEN

Récupérez les critères d'accessibilité et appliquez les !

greut's TAGS related to tag WAI

accessibility +   ajax +   color +   design +   form +   fr +   js +   tool +   usability +   w3c +   work +   www +