网站无障碍阅读知识

2.0






3

1

<input type="image" name="Go" src="btn_go.gif" alt="Go" />

<a href="digg.html"/> <img src="digg.gif" alt="" /> Digg This </a>

<img src="home.gif" usemap="#HomeNav_Map" alt="Home Navigation Bar" />
<map name="HomeNav_Map">
<area coords=“x,x,y,y" shape="rect" href="philosophy.htm" alt="Philosophy" />
<area coords=“x,x,y,y" shape="rect" href="portfolio.htm" alt="Portfolio" />
<area coords=“x,x,y,y" shape="rect" href="technology.htm" alt="Technology" />
<area coords=“x,x,y,y" shape="rect" href="employment.htm" alt="Employment" />
<area coords=“x,x,y,y" shape="rect" href="contact.htm" alt="Contact us" />
</map>

4
<img src="piechart.gif" longdesc="piechart_desc.html" alt="75% cars and 25% trucks." />

5

1

<object classid="java:gravity:class" width="200" height="250">
<p>When gravity acts on an object, the weight...</p>
</object>

<object data="ibmworld.mpeg" type="application/mpeg">
<p>IBM has offices in Argentina, Australia, ... Vietnam.</p>
</object>

<applet code="spin-lobe.class" alt="Spinning Globe">
<p>This applet shows how the earth spins from west to east, but the
line of darkness appears to move from east to west.</p>
</applet>

6

1

2
1

2

 3






1

2

3

7

1

3

<table border="1" summary="A example simple data table showing the number of
boys and girls in each grade of an elementary school">
<caption>Boys and Girls in Elementary School Classes</caption>
<tr>
<th scope="col">Class</th>
<th scope="col"># of Boys</th>
<th scope="col"># of Girls</th>
</tr>
<tr>
<th scope="row">1st Grade</th>
<td>11</td>
<td>10</td>
</tr>
<tr>
<th scope="row">2nd Grade</th>
<td>7</td>
<td>12</td>
</tr>
...
</table>
8

1

3

2 ID HEADERS
<tr>
<th id="class">Class</th>
<th id="teacher">Teacher</th>
<th id="boys"># of Boys</th>
<th id="girls"># of Girls</th>
</tr>
<tr>
<th id="1stgrade" rowspan="2">1st Grade</th>
<th id="MrHenry" headers="1stgrade teacher">Mr. Henry</th>
<td headers="1stgrade MrHenry boys">5</td>
<td headers="1stgrade MrHenry girls">4</td>
</tr>
<tr>
<th id="MrsSmith" headers="1stgrade teacher">Mrs. Smith</th>
<td headers="1stgrade MrsSmith boys">7</td>
<td headers="1stgrade MrsSmith girls">9</td>
</tr>

9

2
2

······


10 ······






3

 1 3

13

2

<h1>All structures</h1>
<h3>Rationale</h3> <p>This section talks about why the checkpoint is
important</p> ...
<h3>Techniques</h3> <p>This section defines specific techniques to meet the
checkpoint.</p>

14

2

<a href="#content-main">Skip to main content</a>
<a href="#left-nav">Skip to navigation</a>
<a href="#index">Jump to portlet page index</a>

title <title> 2010 </title>
title <title> 2010 | </title>

<input type="text" id="search" name="search" role="search" />

<a href=“register.html”> </a>

15

3

 <html lang=“zh-cn” xml:lang=“zh-cn">
 <html lang="en" xml:lang="en">
 <html lang="jp" xml:lang="jp">
 <html lang=“fr” xml:lang=“fr”>
 <html lang=“zh-tw” xml:lang=“zh-tw”>

16

3





······





“active” “focus”

18

3

2 <label for="phone">* Phone number:</label>

<input type="text" id="phone" name="phone">

<p>* indicates required information must be
entered.</p>
19

















23

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<head>
<title>Exposition universelle de Shanghai</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<link href="/css/index_fr.css" type="text/css"
rel="stylesheet">
<script type="text/javascript"> var ___pagestarttime = new
Date().getTime(); </script>
</head>

title

submit

24

网站无障碍阅读知识

More Related Content

What's hot

Similar to 网站无障碍阅读知识

网站无障碍阅读知识

Editor's Notes