PUBLIC MARKS from greut with tag accessibility

by Rich Schwerdtfeger from IBM

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.

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

“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.

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.

A list of JAWS function keystrokes to test with Firefox

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

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

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.

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.

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

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

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