网站无障碍阅读知识

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

网站无障碍阅读知识

Recommended

Recommended

More Related Content

What's hot

What's hot (17)

Viewers also liked

Viewers also liked (8)

Similar to 网站无障碍阅读知识

Similar to 网站无障碍阅读知识 (20)

Recently uploaded

Recently uploaded (20)

网站无障碍阅读知识

Editor's Notes