
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-TW" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:user="urn:user-namespace-here" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5"/>
<meta name="webpage_accessible" content="Web Accessibility Service"/>
<title>無障礙宣告</title>
<link href="xslGip/style5/css/interface.css" rel="stylesheet" type="text/css"/>
<link href="xslGip/style5/css/style/content.css" rel="stylesheet" type="text/css"/>
<script language="JavaScript" type="text/javascript" src="xslGip/style5/js/effect.js"></script>
<meta name="DC.Title" content="無障礙宣告" xmlns="">
<meta name="DC.Subject" content="無障礙宣告" xmlns="">
<meta name="DC.Creator" content="行政院主計處(DGBAS)" xmlns="">
<meta name="DC.Description" content="" xmlns="">
<meta name="DC.Publisher" content="行政院主計處(DGBAS)" xmlns="">
<meta name="DC.Contributor" content="行政院主計處(DGBAS)" xmlns="">
<meta name="DC.Date" content="2004-12-24" xmlns="">
<meta name="DC.Type" content="text/html" xmlns="">
<meta name="DC.Format" content="Text" xmlns="">
<meta name="DC.Identifier" content="2.16.886.101.20003.20011" xmlns="">
<meta name="DC.Relation" content="" xmlns="">
<meta name="DC.Source" content="行政院主計處(DGBAS)" xmlns="">
<meta name="DC.Language" content="zh-tw" xmlns="">
<meta name="DC.Coverage" content="" xmlns="">
<meta name="DC.Rights" content="行政院主計總處(DGBAS)" xmlns="">
<meta name="Category.Theme" content="900" xmlns="">
<meta name="Category.Cake" content="J00" xmlns="">
<meta name="Category.Service" content="I00" xmlns="">
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-11389580-6']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
<noscript>
<p>This webpage designed by JavaScript,however,your browser can not be support!</p>
<p>You can still read this webpage correctly without script.</p>
</noscript>
<div id="DivAll">
<div id="DivTop" xmlns="">
<div id="DivTopLogo">
<div id="NavTopPeople">
<div><a href="dp.asp"><img src="xslGip/style5/images/logo.gif" alt="National Statistics, Republic of China" border="0"></a></div><span>2013.MAY.25 (Sat.)</span></div>
</div>
<div id="NavTop">
<div id="NavTopMenu">
<table>
<tr>
<td><a href="np.asp?CtNode=3509" title=":::上方網站導覽連結區" class="AccessOver01" accesskey="U">:::</a></td>
<td><span><a href="mp.asp?mp=5" class="NavTopOver" title="Home"><img src="xslGip/style5/images/home_icon.gif" border="0" alt="Home" width="15" height="15"> Home　</a></span></td><td>　</td><td>　</td>
<td><span><a href="sp.asp?xdURL=bossmail/mail.asp" class="NavTopOver" title="Contact Us"><img src="xslGip/style5/images/contact_icon.jpg" border="0" alt="Contact Us" width="15" height="15"> Contact Us　</a></span></td><td>　</td>
<td><span><a href="ct.asp?xItem=24187&ctNode=5084" class="NavTopOver" title="RSS"><img src="xslGip/style5/images/rss_logo.gif" border="0" alt="RSS說明圖示" width="13" height="13"> RSS　</a></span></td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td>
<td><span><a href="sitemap.asp" class="NavTopOver" title="Site Map">Site Map</a></span></td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td>
<td><span><a href="http://www1.stat.gov.tw" class="NavTopOver"><img src="xslGip/style5/images/btn_topmenu01.gif" border="0" alt="一般"></a>.<a href="http://www.stat.gov.tw" class="NavTopOver"><img src="xslGip/style5/images/btn_topmenu02.gif" border="0" alt="專業"></a></span></td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td><td>　</td>
</tr>
</table>
</div>
</div>
<div id="Spacer"></div>
</div>
<table border="0" cellpadding="0" cellspacing="0" id="Layout" summary="排版用表格">
<tr>
<td class="Left">
<div id="LeftDiv">
<div id="LeftDivTitle01"><a href="np.asp?CtNode=3509" title=":::左側網站導覽選單功能區" class="AccessOver03" accesskey="L">:::</a></div>
<div id="NavSet_1" xmlns="">
<ul>
<li><a href="np.asp?ctNode=2144">答客問</a></li>
</ul>
</div>
<div id="NavSet_1" xmlns="">
<ul>
<li><a href="lp.asp?ctNode=1493&amp;CtUnit=827&amp;BaseDSD=29&amp;MP=5">主計焦點(停用)</a></li>
</ul>
</div>
<div id="NavSet_1" xmlns="">
<ul>
<li><a href="np.asp?ctNode=1473">最新消息</a></li>
</ul>
</div>
<div id="NavSet_1" xmlns="">
<ul>
<li><a href="lp.asp?ctNode=5624&amp;CtUnit=1818&amp;BaseDSD=29&amp;MP=5">新聞稿</a></li>
</ul>
</div>
<div id="NavSet_1" xmlns="">
<ul>
<li><a href="lp.asp?ctNode=5435&amp;CtUnit=1683&amp;BaseDSD=7&amp;MP=5">最新消息/新聞稿</a></li>
</ul>
</div>
<div id="NavSet_1" xmlns="">
<ul>
<li><a href="lp.asp?ctNode=1481&amp;CtUnit=690&amp;BaseDSD=7&amp;MP=5">國情統計通報</a></li>
</ul>
</div>
<div id="NavSet_1" xmlns="">
<ul>
<li><a href="np.asp?ctNode=2196">網站服務</a></li>
</ul>
</div>
<div id="NavSet_11" xmlns="">
<ul>
<li><a href="lp.asp?ctNode=4857&amp;CtUnit=1346&amp;BaseDSD=7&amp;MP=5">業務宣導廣告</a></li>
<li><a href="lp.asp?ctNode=2255&amp;CtUnit=682&amp;BaseDSD=7&amp;MP=5">雙語詞彙</a></li>
<li><a href="sp.asp?xdURL=bossmail/mail.asp">主計長信箱</a></li>
<li><a href="lp.asp?ctNode=4876&amp;CtUnit=1359&amp;BaseDSD=7&amp;MP=5">線上服務</a></li>
<li><a href="np.asp?ctNode=6003&amp;CtUnit=2066&amp;BaseDSD=7&amp;MP=5">對外服務行動化APP</a></li>
<li><a href="np.asp?ctNode=4900&amp;CtUnit=1378&amp;BaseDSD=7&amp;MP=5">RSS資訊服務</a></li>
<li><a href="lp.asp?ctNode=4901&amp;CtUnit=1379&amp;BaseDSD=7&amp;MP=5">影音專區</a></li>
<li><a href="lp.asp?ctNode=5625&amp;CtUnit=1819&amp;BaseDSD=7&amp;MP=5">多媒體影像</a></li>
<li><a href="lp.asp?ctNode=2250&amp;CtUnit=553&amp;BaseDSD=2&amp;MP=5">相關網站 </a></li>
<li><a href="lp.asp?ctNode=2251&amp;CtUnit=284&amp;BaseDSD=7&amp;MP=5">重要經社指標</a></li>
<li><a href="lp.asp?ctNode=2254&amp;CtUnit=552&amp;BaseDSD=2&amp;MP=5">主題連結</a></li>
<li><a href="np.asp?ctNode=2256&amp;CtUnit=1084&amp;BaseDSD=7&amp;MP=5">隱私權政策</a></li>
<li><a href="np.asp?ctNode=5434&amp;CtUnit=1657&amp;BaseDSD=7&amp;MP=5">著作權聲明</a></li>
<li><a href="np.asp?ctNode=2257&amp;CtUnit=684&amp;BaseDSD=7&amp;MP=5">資訊安全政策</a></li>
<li><a href="np.asp?ctNode=5626&amp;CtUnit=1820&amp;BaseDSD=7&amp;MP=5">個資保護專區</a></li>
<li><a href="np.asp?ctNode=2259&amp;CtUnit=685&amp;BaseDSD=7&amp;MP=5">無障礙宣告</a></li>
<li><a href="np.asp?ctNode=2260&amp;CtUnit=194&amp;BaseDSD=7&amp;MP=5">檢舉管道</a></li>
<li><a href="np.asp?ctNode=5021&amp;CtUnit=1442&amp;BaseDSD=7&amp;MP=5">網站服務電話</a></li>
<li><a href="np.asp?ctNode=2261&amp;CtUnit=687&amp;BaseDSD=7&amp;MP=5">通訊地址 </a></li>
<li><a href="np.asp?ctNode=2262&amp;CtUnit=688&amp;BaseDSD=7&amp;MP=5">電話總機</a></li>
</ul>
</div>
<div><img src="xslGip/style5/images/i_b103.gif" alt="左側網站導覽選單功能結束分隔圖示"/></div>
</div>
</td>
<td class="Center">
<div id="Content">
<div id="ContentTopLink">
<span><img src="xslGip/style5/images/menu11.gif" width="10" height="10" hspace="5" alt="icon"/><a href="np.asp?CtNode=1524">Statistics from Statistical Bureau </a></span>
<span><img src="xslGip/style5/images/menu11.gif" width="10" height="10" hspace="5" alt="icon"/><a href="np.asp?CtNode=1528">Statistical Standards</a></span>
<span><img src="xslGip/style5/images/menu11.gif" width="10" height="10" hspace="5" alt="icon"/><a href="np.asp?CtNode=1525">Statistics by Categories</a></span>
<span><img src="xslGip/style5/images/menu11.gif" width="10" height="10" hspace="5" alt="icon"/><a href="np.asp?CtNode=2190">Information Service</a></span>
</div>
<div id="ContentTopicBar" title="連結路徑" xmlns=""><a accesskey="C" href="np.asp?CtNode=3509" title=":::中間主要內容區" class="WhiteOver">:::</a><img src="xslGip/style5/images/home.jpg" alt="回到首頁小圖示" align="absmiddle"><span><a href="dp.asp"> Home </a></span>
		&gt; <span><a class="OverCommon" href="np.asp?ctNode=2196">網站服務</a></span>
		&gt; <span><a class="OverCommon" href="np.asp?ctNode=2259">無障礙宣告</a></span></div>
<div id="ContentField">
<div id="Category" xmlns=""><span title="目錄標題名稱" class="H1">無障礙宣告</span><span class="CategoryRight"><span><a href="
					fp.asp?xItem=9646&ctNode=2259" title="Print"><img src="images/icon_print.gif" alt="Print" title="Print" border="0"></a></span>&nbsp;
			<span><a href="#" id="facebook" onclick="shareData('facebook');" onkeypress="shareData('facebook');" target="_blank"><img src="images/icon_facebook.gif" alt="facebook" title="facebook" border="0"></a></span>&nbsp;
			<span><a href="#" id="Plunk" onclick="shareData('Plunk');" onkeypress="shareData('Plunk');" target="_blank"><img src="images/icon_p.gif" alt="Plunk" title="Plunk" border="0"></a></span>&nbsp;
			<span><a href="#" id="twitter" onclick="shareData('twitter');" onkeypress="shareData('twitter');" target="_blank"><img src="images/icon_t.gif" alt="twitter" title="twitter" border="0"></a></span>&nbsp;
			<script type="text/javascript">
				function shareData(site)
				{
					switch(site){
						case "facebook":
							document.getElementById(site).href = "http://www.facebook.com/sharer.php?u="+encodeURIComponent(window.location.toString());
							break;
						case "Plunk":
							document.getElementById(site).href = "http://www.plurk.com/?qualifier=shares&status="+encodeURIComponent(window.location.toString()+" (無障礙宣告)");
							break;
						case "twitter":
							document.getElementById(site).href = "http://twitter.com/home/?status="+encodeURIComponent("無障礙宣告 "+window.location.toString());
							break;
					}
				} 
			</script></span></div>
<div class="HRSpacer" title="分隔線" xmlns=""></div><P>本網站依無障礙網頁設計原則而建置，網站的主要樣版內容分為四個大區塊： 1)上方導覽連結區、2)左方導覽連結區、3)主要內容區、4)右方相關資訊區塊。</P>
<P>本網站的便捷鍵﹝Accesskey,也稱為快速鍵﹞設定如下：</P>
<P>Alt+U：上方導覽連結區，此區塊列有本網站的主要連結。 <BR>Alt+L：左方導覽連結區，此區塊列有本網站的主要連結。 <BR>Alt+C：中間主要內容區，此區塊呈現各網頁的網頁內容。 <BR>Alt+R：右方相關資訊區塊，首頁其他相關連結區。<BR>Alt+S：網站搜尋。 <BR></P>
<P><STRONG>十四條規範與檢測碼總覽</STRONG></P>
<P>規範一：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>對於聽覺及視覺的內容要提供相等的替代文字內容</P>
<P>H101000　圖片需要加上替代文字說明<BR>H101001　對於applet提供替代文字說明<BR>H101002　對於object提供替代文字說明<BR>H101003　對於表單中的圖形按鍵提供替代文字說明<BR>H101004　影像地圖區域需要加上替代文字說明<BR>H101105　當影像地圖使用為上傳按鈕時，每一作用區域必須分別使用不同的按鈕<BR>H101106　當alt屬性的文字陳述大於150個英文字元時，考慮另外提供文字敘述<BR>H101107　提供longdesc以外的描述性超連結(如D超連結)，來描述longdesc的內容<BR>H101108　圖形替代文字陳述不夠清晰時，提供更多的文字描述(如使用longdesc屬性)<BR>H101109　所有語音檔案必須有文字旁白<BR>H101210　以可及性的影像來替代ASCII文字藝術<BR>H101111　視訊中的聲音必須提供同步文字型態的旁白<BR>H101212　伺服器端影像地圖中的超連結必須在網頁中有額外對應的文字超連結<BR>H101213　多媒體視覺影像呈現時，必須提供聽覺說明<BR>H101214　多媒體呈現時，必須同步產生相對應替代的語音或文字說明<BR>H301215　客戶端影像地圖中的超連結必須在網頁中有額外對應的可及性超連結</P></BLOCKQUOTE>
<P>規範二：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>不要單獨靠色彩來提供特殊資訊</P>
<P>H102100　確保所有藉由顏色所傳達出來的訊息，在沒有顏色後仍然能夠傳達出來<BR>H202201　確保前景顏色與背景顏色彼此呈現明顯的對比</P></BLOCKQUOTE>
<P>規範三：適當地使用標記語言和樣式表單</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>H203200　以實際存在的標記語言(如MathML)呈現網頁內容(如數學方程式)，避免使用圖形影像呈現<BR>H203001　確定網頁設計文件，有效使用正規的HTML語法<BR>H203102　在doctype標籤中，使用標準規範的敘述以識別HTML版本類型<BR>H203203　盡可能使用樣式表單控制網頁排版與內容的呈現<BR>H203004　要使用相對尺寸(如%)而非絕對尺寸(如像素)<BR>H203105　適當使用巢狀標題呈現文件結構<BR>H203106　避免使用header標籤來產生粗體字效果<BR>H203107　項目符號及編號之標籤(如li、ul)僅可使用於實際網頁內容的項目條列，不可用於編輯格式<BR>H203108　確保q和blockquote標籤只是用來當引用語而不是用來縮排<BR>H203209　以q及blockquote標籤來標記引用語</P></BLOCKQUOTE>
<P>規範四：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>闡明自然語言的使用</P>
<P>H104200　明確地指出網頁內容中語言的轉換<BR>H304201　使用abbr及avronym標籤表示網頁中呈現的文字縮寫與簡稱<BR>H304202　明確指出網頁文字所使用的自然語言</P></BLOCKQUOTE>
<P>規範五：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>建立編排良好的表格</P>
<P>H105100　對於每一個存放資料的表格（不是用來排版），標示出行和列的標題<BR>H105101　表格中超過二行/列以上的標題，須以結構化的標記確認彼此間的結構與關係<BR>H205102　在網頁內容呈現設計時，避免以表格做多欄文字的設計<BR>H205103　若表格只做為版面配置時，勿使用表格之結構標記(如th標籤)作為網頁格式視覺效果<BR>H305104　表格須提供表格摘要說明(如summary屬性)<BR>H305105　資料表格須提供標題說明<BR>H305106　表格行列過長的標題，須提供縮寫或簡稱規範六：確保網頁能在新科技下良好地呈現H106100　使用CSS樣式表編排的文件需確保在除去樣式表後仍然能夠閱讀<BR>H106001　頁框來源必須是HTML檔案<BR>H106002　使用Script語言需指定不支援Script時的辦法<BR>H106103　若網頁內的程式物件沒有作用時，確保網頁內容仍然可以傳達<BR>H206104　若網頁物件使用事件驅動時，確定勿僅使用滑鼠操作<BR>H206005　使用頁框時要指定不支援頁框時的辦法</P></BLOCKQUOTE>
<P>規範七：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>確保使用者能處理時間敏感內容的改變</P>
<P>H107200　確保網頁設計不會致使螢幕快速閃爍<BR>H207001　避免使用blink標籤閃爍螢幕<BR>H207002　避免使用marquee標籤移動文字<BR>H207103　避免使用動態gif圖片<BR>H207004　不要讓網頁每隔一段時間自動更新<BR>H207005　不要自動轉移網頁的網址</P></BLOCKQUOTE>
<P>規範八：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>確保嵌入式使用者介面具有直接可及性</P>
<P>H208100　對由Scripts、Applets及Objects所產生之資訊，提供可及性替代方式</P></BLOCKQUOTE>
<P>規範九：設計裝置獨立網頁</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>H109100　盡量使用客戶端影像地圖替代伺服器端影像地圖連結<BR>H209201　對所有網頁內容元素，確保有滑鼠以外的操作介面<BR>H209002　確保事件的啟發不要求一定得使用滑鼠<BR>H309103　具體指出按下Tab鍵在表單控制項，超連結及物件間移動的順序<BR>H309204　對經常使用的超連結，增加快速鍵的操作<BR>H309105　對於表單元件考慮提供鍵盤快速鍵的操作</P></BLOCKQUOTE>
<P>規範十：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>使用過渡的解決方案</P>
<P>H210100　除非使用者知道將會開啟一個新視窗，不要隨便開啟一個新視窗<BR>H210101　如果使用Script語言開啟新視窗或改變目前視窗的網址，要讓使用者能事先知道<BR>H210102　確保表單的控制項與控制項說明之間的配合很適當<BR>H310103　若有以表格直欄格式呈現的網頁文字內容時，提供線性文字替代<BR>H310004　在網頁文字輸入區中須有預設值<BR>H310005　勿單以空白間隔分開相連之超連結</P></BLOCKQUOTE>
<P>規範十一：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>使用國際與國內官方訂定的技術和規範</P>
<P>H111200　如果你不能使這個網頁無障礙化，提供另一個相等的無障礙網頁<BR>H211201　儘量使用開放性的最新國際標準規範<BR>H211202　避免使用過時的HTML語法<BR>H311203　允許使用者依照個人喜好設定網頁呈現方式與內容</P></BLOCKQUOTE>
<P>規範十二：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>提供內容導引資訊</P>
<P>H112000　需要定義每個頁框的名稱<BR>H212101　如果頁框名稱不夠描述頁框中的內容的話，多加上額外敘述<BR>H212102　把太長的選單項目群組起來<BR>H212103　在表單控制項中，使用fieldset及legend標籤作群組間的區隔<BR>H212204　儘可能將網頁內容有相關之元素聚集在一起<BR>H212105　在表單控制項上，以label標籤提示資訊</P></BLOCKQUOTE>
<P>規範十三：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>提供清楚的瀏覽網站機制</P>
<P>H213200　設計並確保有意義的超連結說明，便於網頁內容的閱讀<BR>H213101　如果需要的話，為每個超連結加上內容描述<BR>H213202　指向不同網址的超連結，不可使用相同的超連結說明<BR>H213203　使用metadata標籤來記載電腦可以了解運用的網頁資訊<BR>H213004　為你的網頁加上標<BR>H213205　為你的網站提供網站地圖或整體性的簡介<BR>H213206　網頁設計使用清楚且一致的導覽機制<BR>H313207　提供網頁導覽連結工具列，以利存取網站導覽結構<BR>H313208　能辨別出意義上有群組相關的超連結<BR>H313209　若有群組超連結，在群組之前增設一項繞過此區域的超連結<BR>H313210　若網站具有搜尋功能，可以設計不同的網頁內容搜尋方式，以提供不同技能與喜好者搜尋選用<BR>H313211　在網頁標題、段落、及列表之前，提供辨別訊息以利識別<BR>H313212　以metadata標籤來識別網頁文件包含於整體文件內的所在位置<BR>H313213　避免在網頁上使用ACSII文字藝術</P></BLOCKQUOTE>
<P>規範十四：</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P>確保簡單清楚的網頁內容</P>
<P>H114200　網頁內容要使用簡單易懂的文字<BR>H314201　使用可及性的圖形促進網頁內容的理解<BR>H314202　網頁彼此間設計呈現的風格要一致</P></BLOCKQUOTE><div class="HRSpacer" title="分隔線" xmlns=""></div>
<div class="MoreInfo">
<a href="#top"><img src="xslGip/style5/images/top.gif" alt="TOP回到最上層" border="0"/></a>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
