<!doctype html>
<html lang=en dir=ltr>
<title>Validator.nu alt advice - WHATWG Wiki</title>
<meta charset=UTF-8>
<meta name=generator content="MediaWiki 1.17alpha">
<link rel="shortcut icon" href="/favicon.ico">
<link rel=search type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="WHATWG Wiki (en)">
<link rel=copyright href="/wiki/WHATWG_Wiki:Copyrights">
<link rel=alternate type="application/atom+xml" title="WHATWG Wiki Atom feed" href="/index.php?title=Special:RecentChanges&amp;feed=atom">
<link rel=stylesheet href="/skins/common/shared.css?270" media=screen>
<link rel=stylesheet href="/skins/common/commonPrint.css?270" media=print>
<link rel=stylesheet href="/skins/monobook/main.css?270" media=screen>
<!--[if lt IE 5.5000]><link rel=stylesheet href="/skins/monobook/IE50Fixes.css?270" media=screen><![endif]-->
<!--[if IE 5.5000]><link rel=stylesheet href="/skins/monobook/IE55Fixes.css?270" media=screen><![endif]-->
<!--[if IE 6]><link rel=stylesheet href="/skins/monobook/IE60Fixes.css?270" media=screen><![endif]-->
<!--[if IE 7]><link rel=stylesheet href="/skins/monobook/IE70Fixes.css?270" media=screen><![endif]-->
<link rel=stylesheet href="/index.php?title=MediaWiki:Common.css&amp;usemsgcache=yes&amp;ctype=text%2Fcss&amp;smaxage=18000&amp;action=raw&amp;maxage=18000">
<link rel=stylesheet href="/index.php?title=MediaWiki:Print.css&amp;usemsgcache=yes&amp;ctype=text%2Fcss&amp;smaxage=18000&amp;action=raw&amp;maxage=18000" media=print>
<link rel=stylesheet href="/index.php?title=MediaWiki:Monobook.css&amp;usemsgcache=yes&amp;ctype=text%2Fcss&amp;smaxage=18000&amp;action=raw&amp;maxage=18000">
<link rel=stylesheet href="/index.php?title=-&amp;action=raw&amp;maxage=18000&amp;gen=css">
<script>
var skin="monobook",
stylepath="/skins",
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/|git\\:\\/\\/|mms\\:\\/\\/",
wgArticlePath="/wiki/$1",
wgScriptPath="",
wgScriptExtension=".php",
wgScript="/index.php",
wgVariantArticlePath=false,
wgActionPaths={},
wgServer="http://wiki.whatwg.org",
wgCanonicalNamespace="",
wgCanonicalSpecialPageName=false,
wgNamespaceNumber=0,
wgPageName="Validator.nu_alt_advice",
wgTitle="Validator.nu alt advice",
wgAction="view",
wgArticleId=1776,
wgIsArticle=true,
wgUserName=null,
wgUserGroups=["*"],
wgUserLanguage="en",
wgContentLanguage="en",
wgBreakFrames=false,
wgCurRevisionId=3172,
wgVersion="1.17alpha",
wgEnableAPI=true,
wgEnableWriteAPI=true,
wgSeparatorTransformTable=["", ""],
wgDigitTransformTable=["", ""],
wgMainPageTitle="Main Page",
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "WHATWG Wiki", "5": "WHATWG Wiki talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "whatwg_wiki": 4, "whatwg_wiki_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
wgSiteName="WHATWG Wiki",
wgCategories=[],
wgRestrictionEdit=[],
wgRestrictionMove=[];
</script><script src="/skins/common/wikibits.js?270"></script>
<script src="/skins/common/ajax.js?270"></script>
<script src="/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=monobook&amp;270"></script>

<body class="mediawiki ltr ns-0 ns-subject page-Validator_nu_alt_advice skin-monobook">
<div id="globalWrapper">
<div id="column-content"><div id="content">
	<a id="top"></a>
	
	<h1 id="firstHeading" class="firstHeading">Validator.nu alt advice</h1>
	<div id="bodyContent">
		<h3 id="siteSub">From WHATWG Wiki</h3>
		<div id="contentSub"></div>
		<div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>
		<!-- start content -->
<p>The purpose of this page is to enable collaborative creation of advisory text for certain cases of <code>alt</code> usage so that this advice can be displayed by Validator.nu. Note that like the rest of this wiki, editing requires you to agree to release your contributions under the MIT license (see wiki footer). Please note that while copying text from the <a href="http://www.whatwg.org/specs/web-apps/current-work/" class="external text" rel=nofollow>WHATWG version of HTML 5</a> is OK, copying text from RFCs or W3C specs is not OK.
</p>
<table id="toc" class="toc"><tr><td><div id="toctitle"><h2>Contents</h2></div>
<ul>
<li class="toclevel-1 tocsection-1"><a href="#Image_Report"><span class="tocnumber">1</span> <span class="toctext">Image Report</span></a></li>
<li class="toclevel-1 tocsection-2"><a href="#No_textual_alternative_available.2C_not_linked"><span class="tocnumber">2</span> <span class="toctext">No textual alternative available, not linked</span></a></li>
<li class="toclevel-1 tocsection-3"><a href="#No_textual_alternative_available.2C_image_linked"><span class="tocnumber">3</span> <span class="toctext">No textual alternative available, image linked</span></a></li>
<li class="toclevel-1 tocsection-4"><a href="#Omitted_from_non-graphical_presentation"><span class="tocnumber">4</span> <span class="toctext">Omitted from non-graphical presentation</span></a></li>
<li class="toclevel-1 tocsection-5"><a href="#Images_with_textual_alternative"><span class="tocnumber">5</span> <span class="toctext">Images with textual alternative</span></a></li>
<li class="toclevel-1 tocsection-6"><a href="#No_images"><span class="tocnumber">6</span> <span class="toctext">No images</span></a></li>
<li class="toclevel-1 tocsection-7"><a href="#Fatal"><span class="tocnumber">7</span> <span class="toctext">Fatal</span></a></li>
</ul>
</td></tr></table><script>if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
<h2> <span class="mw-headline" id="Image_Report">Image Report</span></h2>
<p>The <code>img</code> elements of the page are shown below categorized by their type of textual alternative. Please review that the images in each group match that group’s definition.
</p>
<h2> <span class="mw-headline" id="No_textual_alternative_available.2C_not_linked">No textual alternative available, not linked</span></h2>
<p>The following images are not links and have no textual alternative available (no <code>alt</code> attribute), and are, therefore, not accessible to people who cannot see the images or understand the symbols in them.
</p><p>An image belongs here if the image is significant (non-decorative) and the markup generator doesn’t have knowledge on what the image is about available. For example, a photo gallery generator does not have textual alternatives available when the user refuses to provide them.
</p><p>Purely decorative images should have the empty string as the textual alternative (<code>alt=""</code>), so it is a mistake for those to appear here. Also, when the markup writer knows what the images are about, (s)he should write textual alternatives.
</p>
<h2> <span class="mw-headline" id="No_textual_alternative_available.2C_image_linked">No textual alternative available, image linked</span></h2>
<p>The following images are links and have no textual alternative available (no <code>alt</code> attribute). Having an <code>img</code> element without a textual alternative as the content of a link is handled ungracefully by popular screen readers.
</p>
<h2> <span class="mw-headline" id="Omitted_from_non-graphical_presentation">Omitted from non-graphical presentation</span></h2>
<p>The following images are marked to be omitted from non-graphical presentations (<code>alt=""</code>).
</p><p>Purely decorative images belong in this category. Also, iconic images that are redundant with text next to them belong here.
</p><p>If the page would become less understandable if the presence of an image was concealed, the image doesn't belong here. In that case, a textual alternative should be supplied or if the markup generator does not have a textual alternative available (because the user refused to provide it), the <code>alt</code> attribute should be omitted by the markup generator.
</p>
<h2> <span class="mw-headline" id="Images_with_textual_alternative">Images with textual alternative</span></h2>
<p>The following images have textual alternatives. Please review that the textual alternatives make sense considering the purpose of the image in the context of the page and that phrases like “Image of …” are avoided.
</p><p>Note that iconic images that are redundant with text next to them or purely decorative should have <code>alt=""</code> instead.
</p>
<h2> <span class="mw-headline" id="No_images">No images</span></h2>
<p><i>No images in the document.</i>
</p>
<h2> <span class="mw-headline" id="Fatal">Fatal</span></h2>
<p><i>Unable to show the report due to a fatal error.</i>
</p>
<!-- 
NewPP limit report
Preprocessor node count: 27/1000000
Post-expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Expensive parser function count: 0/100
-->

<!-- Saved in parser cache with key whatwikidb:pcache:idhash:1776-0!1!0!!en!2!edit=0 and timestamp 20100803063321 -->
<div class="printfooter">
Retrieved from "<a href="http://wiki.whatwg.org/wiki/Validator.nu_alt_advice">http://wiki.whatwg.org/wiki/Validator.nu_alt_advice</a>"</div>
		<div id='catlinks' class='catlinks catlinks-allhidden'></div>		<!-- end content -->
				<div class="visualClear"></div>
	</div>
</div></div>
<div id="column-one">
	<div id="p-cactions" class="portlet">
		<h5>Views</h5>
		<div class="pBody">
			<ul>
				 <li id="ca-nstab-main" class="selected"><a href="/wiki/Validator.nu_alt_advice" title="View the content page [c]" accesskey="c">Page</a></li>
				 <li id="ca-talk" class="new"><a href="/index.php?title=Talk:Validator.nu_alt_advice&amp;action=edit&amp;redlink=1" title="Discussion about the content page [t]" accesskey="t">Discussion</a></li>
				 <li id="ca-viewsource"><a href="/index.php?title=Validator.nu_alt_advice&amp;action=edit" title="This page is protected.&#10;You can view its source [e]" accesskey="e">View source</a></li>
				 <li id="ca-history"><a href="/index.php?title=Validator.nu_alt_advice&amp;action=history" title="Past revisions of this page [h]" accesskey="h">History</a></li>
			</ul>
		</div>
	</div>
	<div class="portlet" id="p-personal">
		<h5>Personal tools</h5>
		<div class="pBody">
			<ul>
				<li id="pt-login"><a href="/index.php?title=Special:UserLogin&amp;returnto=Validator.nu_alt_advice" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in / create account</a></li>
			</ul>
		</div>
	</div>
	<div class="portlet" id="p-logo">
		<a style="background-image: url(http://whatwg.org/images/logo);" href="/wiki/Main_Page" title="Visit the main page"></a>
	</div>
	<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
	<div class='generated-sidebar portlet' id='p-navigation'>
		<h5>Navigation</h5>
		<div class='pBody'>
			<ul>
				<li id="n-mainpage"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z">Main Page</a></li>
				<li id="n-currentevents"><a href="/wiki/WHATWG_Wiki:Current_events" title="Find background information on current events">Current events</a></li>
				<li id="n-recentchanges"><a href="/wiki/Special:RecentChanges" title="The list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li>
				<li id="n-help"><a href="/wiki/Help:Contents" title="The place to find out">Help</a></li>
			</ul>
		</div>
	</div>
	<div id="p-search" class="portlet">
		<h5><label for="searchInput">Search</label></h5>
		<div id="searchBody" class="pBody">
			<form action="/index.php" id="searchform">
				<input type='hidden' name="title" value="Special:Search"/>
				<input id=searchInput title="Search WHATWG Wiki" accesskey=f type=search name=search>
				<input type='submit' name="go" class="searchButton" id="searchGoButton"	value="Go" title="Go to a page with this exact name if exists" />&nbsp;
				<input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
			</form>
		</div>
	</div>
	<div class="portlet" id="p-tb">
		<h5>Toolbox</h5>
		<div class="pBody">
			<ul>
				<li id="t-whatlinkshere"><a href="/wiki/Special:WhatLinksHere/Validator.nu_alt_advice" title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
				<li id="t-recentchangeslinked"><a href="/wiki/Special:RecentChangesLinked/Validator.nu_alt_advice" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
<li id="t-specialpages"><a href="/wiki/Special:SpecialPages" title="List of all special pages [q]" accesskey="q">Special pages</a></li>
				<li id="t-print"><a href="/index.php?title=Validator.nu_alt_advice&amp;printable=yes" rel="alternate" title="Printable version of this page [p]" accesskey="p">Printable version</a></li>				<li id="t-permalink"><a href="/index.php?title=Validator.nu_alt_advice&amp;oldid=3172" title="Permanent link to this revision of the page">Permanent link</a></li>			</ul>
		</div>
	</div>
</div><!-- end of the left (by default at least) column -->
<div class="visualClear"></div>
<div id="footer">
	<div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>
	<ul id="f-list">
		<li id="lastmod"> This page was last modified on 3 June 2008, at 14:12.</li>
		<li id="viewcount">This page has been accessed 29,941 times.</li>
		<li id="copyright">Content is available under <a href="/wiki/WHATWG_Wiki:Copyrights" title="WHATWG Wiki:Copyrights">MIT Licence</a>.</li>
		<li id="privacy"><a href="/wiki/WHATWG_Wiki:Privacy_policy" title="WHATWG Wiki:Privacy policy">Privacy policy</a></li>
		<li id="about"><a href="/wiki/WHATWG_Wiki:About" title="WHATWG Wiki:About">About WHATWG Wiki</a></li>
		<li id="disclaimer"><a href="/wiki/WHATWG_Wiki:General_disclaimer" title="WHATWG Wiki:General disclaimer">Disclaimers</a></li>
	</ul>
</div>
</div>

<script>if (window.runOnloadHook) runOnloadHook();</script>
<!-- Served in 0.256 secs. -->