<!DOCTYPE html>
<html lang="en" dir="ltr" class="client-nojs">
<head>
<title>Validator.nu alt advice - WHATWG Wiki</title>
<meta charset="UTF-8" />
<meta name="generator" content="MediaWiki 1.19.2" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="WHATWG Wiki (en)" />
<link rel="EditURI" type="application/rsd+xml" href="http://wiki.whatwg.org/api.php?action=rsd" />
<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="http://wiki.whatwg.org/load.php?debug=false&amp;lang=en&amp;modules=ext.gadget.HotCat%2CReferenceTooltips%2CUTCLiveClock%2CWatchlistChangesBold%2Ccharinsert%2Cexlinks%2Cwidensearch%7Cmediawiki.legacy.commonPrint%2Cshared%7Cskins.vector&amp;only=styles&amp;skin=vector&amp;*" />
<meta name="ResourceLoaderDynamicStyles" content="" />
<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}a.new,#quickbar a.new{color:#ba0000}

/* cache key: whatwikidb:resourceloader:filter:minify-css:7:c88e2bcd56513749bec09a7e29cb3ffa */
</style>

<script src="http://wiki.whatwg.org/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=vector&amp;*"></script>
<script>if(window.mw){
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Validator.nu_alt_advice","wgTitle":"Validator.nu alt advice","wgCurRevisionId":3172,"wgArticleId":1776,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgRelevantPageName":"Validator.nu_alt_advice","wgRestrictionEdit":[],"wgRestrictionMove":[],"wgVectorEnabledModules":{"collapsiblenav":true,"collapsibletabs":true,"editwarning":false,"expandablesearch":false,"footercleanup":false,"sectioneditlinks":false,"simplesearch":true,"experiments":true}});
}</script><script>if(window.mw){
mw.loader.implement("user.options",function($){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"highlightbroken":1,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":20,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"vector","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,
"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"vector-simplesearch":1,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false,"gadget-WatchlistChangesBold":1,"gadget-exlinks":1,"gadget-ReferenceTooltips":1,"gadget-HotCat":1,"gadget-charinsert":1,"gadget-edittop":1,"gadget-UTCLiveClock":1,"gadget-PrettyLog":1,"gadget-widensearch":1});;},{},{});mw.loader.implement("user.tokens",function($){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});

/* cache key: whatwikidb:resourceloader:filter:minify-js:7:17101d160630ef42548ef1f5d719a93b */
}</script>
<script>if(window.mw){
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
}</script>
<!--[if lt IE 7]><style type="text/css">body{behavior:url("/skins/vector/csshover.min.htc")}</style><![endif]--></head>
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Validator_nu_alt_advice skin-vector action-view">
		<div id="mw-page-base" class="noprint"></div>
		<div id="mw-head-base" class="noprint"></div>
		<!-- content -->
		<div id="content" class="mw-body">
			<a id="top"></a>
			<div id="mw-js-message" style="display:none;"></div>
						<!-- sitenotice -->
			<div id="siteNotice"><div id="localNotice" lang="en" dir="ltr"><div style="margin: 0.5em auto; border: 1px solid #333333; background-color: #EEEEEE; padding: 0.5em; font-size: larger; text-align: center;">
<p>A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.
</p><p>To request an account, ping an autoconfirmed user on <a href="/wiki/IRC" title="IRC">IRC</a> (such as one of <a href="/wiki/Special:ListUsers%26group%3Dautoconfirmed" class="new" title="Special:ListUsers&amp;group=autoconfirmed (page does not exist)">these permanent autoconfirmed members</a>) or send an e-mail to <a rel="nofollow" class="external text" href="mailto:admin@wiki.whatwg.org">admin@wiki.whatwg.org</a> with your desired username and an explanation of the first edit you'd like to make. (Do not use this e-mail address for any other inquiries, as they will be ignored or politely declined.)
</p>
</div>
<div style="margin: 0.5em auto; border: 1px solid #CC0000; background-color: #FFEEEE; padding: 0.5em; color: #CC0000; font-size: larger; text-align: center;">
<p><b>Note:</b> This wiki is used to supplement, not replace, specification discussions. If you would like to request changes to existing specifications, please use <a href="/wiki/IRC" title="IRC">IRC</a> or a <a rel="nofollow" class="external text" href="http://www.whatwg.org/mailing-list">mailing list</a> first.
</p>
</div>
</div></div>
			<!-- /sitenotice -->
						<!-- firstHeading -->
			<h1 id="firstHeading" class="firstHeading">
				<span dir="auto">Validator.nu alt advice</span>
			</h1>
			<!-- /firstHeading -->
			<!-- bodyContent -->
			<div id="bodyContent">
								<!-- tagline -->
				<div id="siteSub">From WHATWG Wiki</div>
				<!-- /tagline -->
								<!-- subtitle -->
				<div id="contentSub"></div>
				<!-- /subtitle -->
																<!-- jumpto -->
				<div id="jump-to-nav" class="mw-jump">
					Jump to: <a href="#mw-head">navigation</a>,
					<a href="#p-search">search</a>
				</div>
				<!-- /jumpto -->
								<!-- bodycontent -->
				<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><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 rel="nofollow" class="external text" href="http://www.whatwg.org/specs/web-apps/current-work/">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>
<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!*!*!!en!*!* and timestamp 20130220230344 -->
</div>				<!-- /bodycontent -->
								<!-- printfooter -->
				<div class="printfooter">
				Retrieved from "<a href="http://wiki.whatwg.org/index.php?title=Validator.nu_alt_advice&amp;oldid=3172">http://wiki.whatwg.org/index.php?title=Validator.nu_alt_advice&amp;oldid=3172</a>"				</div>
				<!-- /printfooter -->
												<!-- catlinks -->
				<div id='catlinks' class='catlinks catlinks-allhidden'></div>				<!-- /catlinks -->
												<div class="visualClear"></div>
				<!-- debughtml -->
								<!-- /debughtml -->
			</div>
			<!-- /bodyContent -->
		</div>
		<!-- /content -->
		<!-- header -->
		<div id="mw-head" class="noprint">
			
<!-- 0 -->
<div id="p-personal" class="">
	<h5>Personal tools</h5>
	<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</a></li>
	</ul>
</div>

<!-- /0 -->
			<div id="left-navigation">
				
<!-- 0 -->
<div id="p-namespaces" class="vectorTabs">
	<h5>Namespaces</h5>
	<ul>
					<li  id="ca-nstab-main" class="selected"><span><a href="/wiki/Validator.nu_alt_advice"  title="View the content page [c]" accesskey="c">Page</a></span></li>
					<li  id="ca-talk" class="new"><span><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></span></li>
			</ul>
</div>

<!-- /0 -->

<!-- 1 -->
<div id="p-variants" class="vectorMenu emptyPortlet">
	<h4>
		</h4>
	<h5><span>Variants</span><a href="#"></a></h5>
	<div class="menu">
		<ul>
					</ul>
	</div>
</div>

<!-- /1 -->
			</div>
			<div id="right-navigation">
				
<!-- 0 -->
<div id="p-views" class="vectorTabs">
	<h5>Views</h5>
	<ul>
					<li id="ca-view" class="selected"><span><a href="/wiki/Validator.nu_alt_advice" >Read</a></span></li>
					<li id="ca-viewsource"><span><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></span></li>
					<li id="ca-history" class="collapsible"><span><a href="/index.php?title=Validator.nu_alt_advice&amp;action=history"  title="Past revisions of this page [h]" accesskey="h">View history</a></span></li>
			</ul>
</div>

<!-- /0 -->

<!-- 1 -->
<div id="p-cactions" class="vectorMenu emptyPortlet">
	<h5><span>Actions</span><a href="#"></a></h5>
	<div class="menu">
		<ul>
					</ul>
	</div>
</div>

<!-- /1 -->

<!-- 2 -->
<div id="p-search">
	<h5><label for="searchInput">Search</label></h5>
	<form action="/index.php" id="searchform">
				<div id="simpleSearch">
						<input name="search" title="Search WHATWG Wiki [f]" accesskey="f" id="searchInput" />						<button name="button" title="Search the pages for this text" id="searchButton"><img src="/skins/vector/images/search-ltr.png?303" alt="Search" /></button>								<input type='hidden' name="title" value="Special:Search"/>
		</div>
	</form>
</div>

<!-- /2 -->
			</div>
		</div>
		<!-- /header -->
		<!-- panel -->
			<div id="mw-panel" class="noprint">
				<!-- logo -->
					<div id="p-logo"><a style="background-image: url(//www.whatwg.org/images/logo);" href="/wiki/Main_Page"  title="Visit the main page"></a></div>
				<!-- /logo -->
				
<!-- navigation -->
<div class="portal" id='p-navigation'>
	<h5>Navigation</h5>
	<div class="body">
		<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-popularpages"><a href="/wiki/Special:PopularPages">Popular pages</a></li>
			<li id="n-randompage"><a href="/wiki/Special:Random" title="Load a random page [x]" accesskey="x">Random page</a></li>
			<li id="n-recentchanges"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li>
		</ul>
	</div>
</div>

<!-- /navigation -->

<!-- WHATWG -->
<div class="portal" id='p-WHATWG'>
	<h5>WHATWG</h5>
	<div class="body">
		<ul>
			<li id="n-Specifications"><a href="http://spec.whatwg.org/" rel="nofollow">Specifications</a></li>
			<li id="n-FAQ"><a href="/wiki/FAQ">FAQ</a></li>
			<li id="n-IRC"><a href="/wiki/IRC">IRC</a></li>
			<li id="n-Mailing-lists"><a href="http://www.whatwg.org/mailing-list" rel="nofollow">Mailing lists</a></li>
			<li id="n-GitHub"><a href="/wiki/GitHub">GitHub</a></li>
			<li id="n-What-you-can-do"><a href="/wiki/What_you_can_do">What you can do</a></li>
			<li id="n-To-do-list"><a href="/wiki/Specs_todo">To-do list</a></li>
		</ul>
	</div>
</div>

<!-- /WHATWG -->

<!-- Registries -->
<div class="portal" id='p-Registries'>
	<h5>Registries</h5>
	<div class="body">
		<ul>
			<li id="n-.3Cmeta-name.3E"><a href="/wiki/MetaExtensions">&lt;meta name&gt;</a></li>
			<li id="n-.3Cmeta-http-equiv.3E"><a href="/wiki/PragmaExtensions">&lt;meta http-equiv&gt;</a></li>
			<li id="n-canvas.getContext.28.29"><a href="/wiki/CanvasContexts">canvas.getContext()</a></li>
			<li id="n-.40rel"><a href="http://microformats.org/wiki/existing-rel-values" rel="nofollow">@rel</a></li>
		</ul>
	</div>
</div>

<!-- /Registries -->

<!-- SEARCH -->

<!-- /SEARCH -->

<!-- TOOLBOX -->
<div class="portal" id='p-tb'>
	<h5>Toolbox</h5>
	<div class="body">
		<ul>
			<li id="t-whatlinkshere"><a href="/wiki/Special:WhatLinksHere/Validator.nu_alt_advice" title="A 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="A list of all special pages [q]" accesskey="q">Special pages</a></li>
			<li><a href="/index.php?title=Validator.nu_alt_advice&amp;printable=yes" rel="alternate">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>

<!-- /TOOLBOX -->

<!-- LANGUAGES -->

<!-- /LANGUAGES -->
			</div>
		<!-- /panel -->
		<!-- footer -->
		<div id="footer">
							<ul id="footer-info">
											<li id="footer-info-lastmod"> This page was last modified on 3 June 2008, at 14:12.</li>
											<li id="footer-info-viewcount">This page has been accessed 52,507 times.</li>
											<li id="footer-info-copyright">Content is available under <a href="/wiki/WHATWG_Wiki:Copyrights" title="WHATWG Wiki:Copyrights">a CC0 Universal Public Domain Declaration, with some restrictions</a>.</li>
									</ul>
							<ul id="footer-places">
											<li id="footer-places-about"><a href="/wiki/WHATWG_Wiki:About" title="WHATWG Wiki:About">About WHATWG Wiki</a></li>
									</ul>
										<ul id="footer-icons" class="noprint">
					<li id="footer-copyrightico">
						<img src="/skins/common/images/mit.svg" alt="a CC0 Universal Public Domain Declaration, with some restrictions" width="88" height="31" />
					</li>
					<li id="footer-poweredbyico">
						<a href="//www.mediawiki.org/"><img src="/skins/common/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" width="88" height="31" /></a>
					</li>
				</ul>
						<div style="clear:both"></div>
		</div>
		<!-- /footer -->
		<script src="http://wiki.whatwg.org/load.php?debug=false&amp;lang=en&amp;modules=skins.vector&amp;only=scripts&amp;skin=vector&amp;*"></script>
<script>if(window.mw){
mw.loader.load(["mediawiki.user","mediawiki.page.ready","ext.vector.collapsibleNav","ext.vector.collapsibleTabs","ext.vector.simpleSearch","ext.gadget.WatchlistChangesBold","ext.gadget.exlinks","ext.gadget.ReferenceTooltips","ext.gadget.HotCat","ext.gadget.charinsert","ext.gadget.UTCLiveClock","ext.gadget.widensearch"], null, true);
}</script>
<script src="/index.php?title=MediaWiki:Gadget-ReferenceTooltips.js&amp;action=raw&amp;ctype=text/javascript&amp;8636"></script>
<script src="/index.php?title=MediaWiki:Gadget-edittop.js&amp;action=raw&amp;ctype=text/javascript&amp;8652"></script>
<script src="/index.php?title=MediaWiki:Gadget-PrettyLog.js&amp;action=raw&amp;ctype=text/javascript&amp;8660"></script>
<!-- Served in 0.489 secs. -->
	</body>
<!-- Cached 20130220230344 -->
</html>
