Data Tables Difficulty: Advanced Category: Structure Presentation Because data tables are presented and navigated differently by screen readers than layout tables, it is vital that data tables be marked up to support greater accessibility. Row and/or column headers should be identified as such (using the <th> tag) and given an appropriate scope designating that header […]
Read Full Post »
Title Attributes Difficulty: Advanced Category: Content Presentation As defined in the HTML specification, the title attribute is for “advisory information”. As such, it should not be relied on to provide accessibility. The title attribute is generally ignored by screen readers, except when used on form elements that do not have labels, frames and iframes, and […]
Read Full Post »
Link Focus Indicators Difficulty: Advanced Category: Presentation A link that has keyboard focus (accessed using the Tab key) is typically identified by a dotted line that surrounds the link. This dotted line is called the focus indicator or link outline. This focus indicator can be removed with outline:0 in CSS. Doing so will make it […]
Read Full Post »
Decorative Images Difficulty: Advanced Category: Content Presentation In some cases images are used to convey a mood, feeling, or non-literal content – something to make the page more friendly, personable, or visually pleasing. It is often difficult to convey meaningful alternative text for such images in a way that is useful for someone that cannot […]
Read Full Post »
Linked Images Difficulty: Advanced Category: Content Presentation When an image is the only thing contained within a link, that image must be given appropriate alternative text. Because the image provides a function, a screen reader encountering the image must convey some information to the user. If alternative text has not been provided for the image, […]
Read Full Post »
Tabindex and Reading/Navigation Order Difficulty: Advanced Category: Content Structure Presentation The underlying source code determines the default reading and navigation order of content in a web page. Tabindex can be used to specify a specific navigation order, but this does not affect the reading order through the page. Tabindex can almost always be avoided if […]
Read Full Post »
