ARIA Difficulty: Advanced Category: Structure While support for ARIA (Accessible Rich Internet Applications) is not perfect, implementing it can never make a web application less accessible. While native accessibility should be implemented to the extent possible in HTML, ARIA allows enhanced semantics and accessibility that is not possible with HTML alone. Much of ARIA will […]
Read Full Post »
Noscript and Progressive Enhancement Difficulty: Advanced Category: Presentation The noscript element provides a fall-back for when JavaScipt is not enabled or supported. Because most screen readers and other assistive technologies support JavaScript, and because users of these technologies are generally no more likely to have JavaScript disabled, the use of noscript is not really an […]
Read Full Post »
JavaScript Events Difficulty: Advanced Category: Presentation To ensure that JavaScript events can be triggered with both the mouse and the keyboard either a device independent event handler OR a mouse dependent event handler (such as onmouseover) and a keyboard dependent event handler (such as onkeypress) must be used. Keep in mind that some event handlers […]
Read Full Post »
User Style Sheets, Specified Colors, and Page Flexibility Difficulty: Advanced Category: Presentation The end user always has ultimate control over what the page looks like. They can apply user style sheets to change font sizes, colors, layout, or any other property of the page. As much as possible, web pages should be designed to accommodate […]
Read Full Post »
Hidden Screen Reader Content Difficulty: Advanced Category: Content Presentation By positioning content off the left side of the visible screen using CSS, it removes it from the visual presentation of the page, but allows it to still be read by a screen reader. Off-screen text should be used with care and generally only in cases […]
Read Full Post »
Table Captions Difficulty: Advanced Category: Structure Presentation When a visual caption is provided that describes the content of a data table, it should be marked up as a <caption> element. The <caption> element should be the first tag within the table. This associates the caption to the data table and allows it to be identified […]
Read Full Post »
