Printer-friendly page
Screen-friendly pageLink Example: Ambiguous Image Link
Inaccessible Links (Before)
Inaccessible Features:
- The
altattributes of theimgelements are not indicative enough as an alternative for a link text. - One image (
ex6_bluearrow.gif) is used repeatedly for links that point to differentURIs with insufficientaltattribute content. - This example is based on the homepage of University of Illinois Alumni Association of Urbana.
HTML Example
State Farm Arch Rivalry Tailgate
Join us for a humdinger of a tailgate prior to the Illinois vs. Missouri matchup! There will be great food, lots of fun activities and the camaraderie of fellow Illini fans.
Surprise someone with an Illinois e-postcard
Want to wish someone happy birthday, razz your best friend about his favorite baseball team or simply say hello to your old Illinois roommate? Use our simple-to-send e-postcards to keep in touch with companions, loved ones and acquaintances. We offer vibrant postcard images from each U of I campus, with space for your personalized message and multiple coloring options - including orange and blue! It's free, fun and a great way to stay in touch.
HTML Source Code
<div class="news_image_left"><a href="http://www.uiaa.org/urbana/statefarm.html"><img src="images/ex6_statefarm.jpg" alt="State Farm Arch Rivalry Tailgate"></a></div>
<p>
<span id="news_title">State Farm Arch Rivalry Tailgate</span><br>
Join us for a humdinger of a tailgate prior to the Illinois vs. Missouri matchup! There will be great food, lots of fun activities and the camaraderie of fellow Illini fans.
<a href="http://www.uiaa.org/urbana/statefarm.html"><img src="images/ex6_bluearrow.gif" alt="More ..." width="16" height="13"></a>
</p>
</div>
<div class="news_item">
<div class="news_image_right"><a href="http://www.uofi.onlinecommunity.com/cgi-any/postcards.dll/genfill?sitename=UOFI"><img src="images/ex6_postcards.jpg" alt="Illinois Postcards" width="180" height="86"></a></div>
<p>
<span id="news_title">Surprise someone with an Illinois e-postcard</span><br>
Want to wish someone happy birthday, razz your best friend about his favorite baseball team or simply say hello to your old Illinois roommate? Use our simple-to-send e-postcards to keep in touch with companions, loved ones and acquaintances. We offer vibrant postcard images from each U of I campus, with space for your personalized message and multiple coloring options - including orange and blue! It's free, fun and a great way to stay in touch.
<a href="http://www.uofi.onlinecommunity.com/cgi-any/postcards.dll/genfill?sitename=UOFI"><img src="images/ex6_bluearrow.gif" alt="More ..." width="16" height="13"></a>
</p>
</div>
Accessible Links (Revised)
Accessible Features:
- The titles of articles, which are unique and indicative of the article, are text links that point to the pages featuring full articles.
- The
altattributes ofimgelements that have the same destinations as text links are empty ("").
HTML Example
State Farm Arch Rivalry Tailgate
Join us for a humdinger of a tailgate prior to the Illinois vs. Missouri matchup! There will be great food, lots of fun activities and the camaraderie of fellow Illini fans.
Surprise someone with an Illinois e-postcard
Want to wish someone happy birthday, razz your best friend about his favorite baseball team or simply say hello to your old Illinois roommate? Use our simple-to-send e-postcards to keep in touch with companions, loved ones and acquaintances. We offer vibrant postcard images from each U of I campus, with space for your personalized message and multiple coloring options - including orange and blue! It's free, fun and a great way to stay in touch.
HTML Source Code
<div class="news_image_left"><a href="http://www.uiaa.org/urbana/statefarm.html"><img src="images/ex6_statefarm.jpg" alt="" border="0"></a></div>
<p>
<span id="news_title"><a href="http://www.uiaa.org/urbana/statefarm.html">State Farm Arch Rivalry Tailgate</a></span><br>
Join us for a humdinger of a tailgate prior to the Illinois vs. Missouri matchup! There will be great food, lots of fun activities and the camaraderie of fellow Illini fans.
<a href="http://www.uiaa.org/urbana/statefarm.html"><img src="images/ex6_bluearrow.gif" alt="" width="16" border="0" height="13"></a>
</p>
</div>
<div class="news_item">
<div class="news_image_right"><a href="http://www.uofi.onlinecommunity.com/cgi-any/postcards.dll/genfill?sitename=UOFI"><img src="images/ex6_postcards.jpg" alt="Illinois Postcards" width="180" border="0" height="86"></a></div>
<p>
<span id="news_title"><a href="http://www.uofi.onlinecommunity.com/cgi-any/postcards.dll/genfill?sitename=UOFI">Surprise someone with an Illinois e-postcard</a></span><br>
Want to wish someone happy birthday, razz your best friend about his favorite baseball team or simply say hello to your old Illinois roommate? Use our simple-to-send e-postcards to keep in touch with companions, loved ones and acquaintances. We offer vibrant postcard images from each U of I campus, with space for your personalized message and multiple coloring options - including orange and blue! It's free, fun and a great way to stay in touch.
<a href="http://www.uofi.onlinecommunity.com/cgi-any/postcards.dll/genfill?sitename=UOFI"><img src="images/ex6_bluearrow.gif" alt="" width="16" border="0" height="13"></a>
</p>
</div>