Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0
Demo starts here
|
This is an image of text that visually looks like a heading but is not marked up as a heading. It also does not have a text alternative.
<p style="padding-top:5px;"><img src="../img/headline_ticket_offers.gif" border="0"></p>
Note: It is more preferable to present text that is styled visually with CSS rather than images of text.
Table headings are indicated by the colored background but have not been marked up semantically using the th
element. Also, the table title has not been associated with the table.
<td><b><font color="41545D">Frank Zappa</font
></b></td>
The "special deals" text has been made bold visually using CSS rather than semantically using the strong
element.
<big style="font-weight:bold;">special deals</big>
The text alternative for this image does not provide the phone number "(1) 269 M-U-S-I-C" that is displayed graphically.
<img src="../img/telefon_lightgrey_bg.gif" alt="music line phone number" border="0" valign="absmiddle">
Table is not identified using the caption
element, and the header cells are not marked up or associated with the data cells.
<table ...>
<tr>
<td><b>ADULT</b></td>
<td><b>FS</b></td>
<td><b>RS</b></td>
<td><b>DC</b></td>
<td><b>ST</b></td>
</tr>
<tr>
<td><b>Thelonius Mank - reincarnate</b></td>
<td><b>$20.90</b></td>
<td><b>$20.90</b></td>
<td><b>$20.90</b></td>
<td><b>$20.90</b></td>
</tr>
Contrast ratio between foreground color (#41545D) and background color (#A9B8BF) is too low for some people to differentiate.
{color:#41545D; background-color:#A9B8BF;"}
The acronyms "FS", "RS", "DC", and "ST" used to indicate seat options are not expanded or otherwise explained.
<td><b>FS</b></td>
Heading is not marked up as such, list is not marked up as such, and text is hard to read due to full justification, use of all-capitals, use of underlining, and tight line-spacing (leading).
<p id="terms" class="annot_link_parent" align="justify"><b><div style="text-align: center;"><font size="4">Citylights Terms and Conditions</font></div><br><br>[1] You agree through the act of calling ... etc