Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0
Demo starts here
|
The heading "Heat wave linked to temperatures" has been styled to look like a heading but has not been marked up as a heading within the HTML code.
<font size="5" color="#FFFFFF"><P class=headline>Heat wave linked to temperatures</P></font>
The text on this page uses serif fonts such as 'Times New Roman' rather than sans-serif fonts such as 'Lucida', which are considered easier to read on-screen.
td { color: #000000; text-decoration: none; font: 15px/17px "Times New Roman", Times, serif; }
The two main columns of text need more space between them.
<div style="padding: 10px 0px 10px 0px; margin: 0px; ... ">
The section "Your Shout" appears visually below and as part of the "Man Gets Nine Months in Violin Case" article but it only appears after the "Tough Wahoonie" section within the HTML code. Some readers will read this section out of the intended order.
This image is part of a link so its text alternative should describe the link purpose rather than describe the image.
<a href="..." ...><img src="smzappa2.jpg" alt="picture of Clara F." ... / ></a>
Note: This seems to be a stray link that was placed in error or that was there for an earlier image.
The link "the way that air conditioning works" is not distinguished from the surrounding text because it has a similar color and there are no other cues (such as underline) to indicate it is a link.
The text "but also hot air that's ducted away to the outside" is styled visually to resemble emphasized text but it is not marked up using the em
element.
<span style="font-style: italic;">but also hot air that's ducted away to the outside</span>
The text "Return to Sender" is formatted using deprecated markup code, such as font
element and align
attribute, that may not be supported by browsers and assistive technology.
<p ... align="center"><font size="3">Return To Sender</font></p>
Note: See also Note 01: Heading not marked up as such.
This diagram does not have any text alternative and is of very poor quality so that it is unclear what it represents.
<img src="chart1.jpg" alt="" ... / >
The text alternative for this image provides more information than what is visually conveyed to most readers. This information should be provided to all readers rather than in the text alternative alone.
<img src="blanca.jpg" alt="Mrs B. Wahoonie investigates shipping hot air to Australia" width="240" height="180" border="0">