public marks

PUBLIC MARKS from greut with tag accessibility

September 2008

XHTML Role Attribute Module


The attribute describes the role(s) the current element plays in the context of the document. This can be used, for example, by applications and assistive technologies to determine the purpose of an element. This could allow a user to make informed decisions on which actions may be taken on an element and activate the selected action in a device independent way. It could also be used as a mechanism for annotating portions of a document in a domain specific way (e.g., a legal term taxonomy).

how you can improve the definition of what is what. Those roles are present into ARIA.

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.

Web Access Centre Blog :: Too much accessibility - TITLE attributes

People with dyslexia: often prefer not to have “tooltips” popping up, as they can be a serious distraction to the process of reading the text. If they have moved to a standards compliant browser to get away from the ALT attribute popping up in Internet Explorer, imagine how delighted they might be to find a site that has more TITLE “tooltips” than a leopard has spots.

a more and more seen bad practice, using TITLE instead of ALT.

Firefox test case: Web content, keyboard navigation on Windows

A list of JAWS function keystrokes to test with Firefox

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

Testeur de couleurs (beta)

Choisissez 2 valeurs à l'aide des champs ci-dessus, et l'outil vous indiquera automatiquement si les couleurs sont suffisamment différentes pour être utilisées ensemble.

petit outil à réadapter peut-être.

Accessibility footnotes | And all that Malarkey


When graphics or images contain content that cannot be adequately described in the few words available inside an alt attribute, a longer description should be provided.

a simple howto do it with a minimum hassle.

Web Usability - Welcome

A main aim of this site is to promote website accessibility. The site incorporates a number of accessibility aids and contains relevant articles on the subject.

great resources and videos

March 2008

Key-navigable custom DHTML widgets - MDC

An increasing number of web applications are using JavaScript to mimic desktop widgets like menus, tree views, rich text fields, and tab panels. Web developers are constantly innovating, and future applications will contain complex, interactive elements such as spreadsheets, calendars, organizational charts, and beyond. Until now, web developers wanting to make their styled <div> and <span> based widgets keyboard accessible have lacked the proper techniques. However, keyboard accessibility is part of the minimum accessibility requirements that any web developer should be aware of.

the usage of tabindex and focus

October 2007

Sim Daltonism

by 2 others

Sim Daltonism is a color blindness simulator for Mac OS X.

May 2007

YUI Theater — Victor Tsaran: “Introduction to Screen Readers” » Yahoo! User Interface Blog

If you haven’t had the opportunity to play with a screen reader firsthand this video is must-watch stuff.

greut's TAGS related to tag accessibility

Aria +   blog +   color +   content +   design +   firefox +   footnote +   form +   fr +   html +   javascript +   jaws +   longdesc +   mdc +   mozilla +   osx +   slides +   software +   tabindex +   tool +   usability +   video +   w3c +   WAI +   web +   xhtml +   yahoo +   yui +