Auto-playing Audio Audio, such as background music, that automatically plays when a user comes to a web page can be very distracting and will interfere with screen reader audio. WCAG 2.0 Level A requires that “a mechanism is provided to stop, pause, mute, or adjust volume for audio that automatically plays on a page for […]
Read Full Post »
WCAG 2.0 and Transcripts The word “transcript” doesn’t appear in WCAG 2.0 because it is strictly interpreted as being only the verbatim text version of that which is spoken. For optimal web accessibility for users with auditory disabilities, information in addition to the spoken content (such as indications of laughter or explosions, or the presentation […]
Read Full Post »
Sensory Characteristics Avoid relying on sensory characteristics, such as shape, size, or visual location. For example, “Click the green button” will not be useful to screen reader users or some users who are color blind. Instead, use “Click on the green button labeled ‘submit’” or simply “Click the ‘submit’ button”. Similarly, “Use the form on […]
Read Full Post »
Extraneous Alternative Text Alternative text should convey the content and function of an image, but it should not be used to convey additional information that is not presented visually by the image. For example, file size, file format, copyright details, that a graphical link opens in a new window, link destination, price (on e-commerce sites), […]
Read Full Post »
Avoid Redundant Alternative Text Images and related text are often paired together, such as a product image with the product name immediately below it, or a photograph with a caption. In instances where the text conveys the content of the image, the image should usually be given null or empty alternative text (alt=””). This avoids […]
Read Full Post »
Icons vs. Text Icons can present complex information, meaning, and functionality in a very small amount of space. A browser’s “Home” icon (typically an illustration of a house) readily conveys rather complex meaning and functionality – activating it will take you to the browser’s defined home page. While such icons can be very useful, care […]
Read Full Post »