# 無障礙問題範例分享 ## 範例一 https://www.tps.moj.gov.tw/ 網頁內「林彥名違反期貨交易法案言詞辯論意旨書、調查機關「反賄選，愛臺灣系列」、本署卸、新任檢察總長交接典禮…等」==非單元標題或各區塊開頭處的標題，無需設置標籤==。請檢視問題並修正，全網站若有相同問題請一併修正。 ```javascript! <div class="text_block"> <h2 class="title">訴訟組最新法律見解</h2> <h3>林彥名違反期貨交易法案言詞辯論意旨書</h3> <p>法律問題：被告以一經營行為同時未經許可擅自經營期貨經理事業及經營全權委託投資業務，依想像競合犯關係，從一重論以較重之期貨交易法第112條第5項第5款之非法經營期貨經理事業罪，在量刑時應否一併考量輕罪即證券投資信託及顧問法第107條第1款所規定之「應併科」罰金刑？亦即，刑法第55條但書「不得科以較輕罪名所定最輕本刑以下之刑」之規定，即學理上所稱想像競合「輕罪封鎖作用」（或稱輕罪釐清作用），是否應結合輕罪所定法定最輕應併科之罰金刑？</p> <a href="/16314/16462/635942/1034313/post" title="林彥名違反期貨交易法案言詞辯論意旨書" class="more">詳全文</a> </div> ``` ```javascript! <div class="multi_video"> <ul> <li> <a href="https://youtu.be/ybl-W83S458" title="調查機關「反賄選，愛臺灣系列」(另開新視窗)" target="_blank"> <div class="pic"> <img src="https://img.youtube.com/vi/ybl-W83S458/hqdefault.jpg" alt=""> </div> <h3>調查機關「反賄選，愛臺灣系列」</h3> <p></p> </a> </li> ``` ---原h3請改成 ```javascript! <div class="subtitle">...</div> ``` ## 範例二 http://10.10.45.121:11230/277199/973358/CaptchaVoice 此頁檢查 HM1130100C網頁中的標頭組件必須要按照正確的巢狀層次結構來配置 HM1240200C網頁需有標題組件，且其值不得為空字串或空白 HM1310100C網頁根組件需有語言屬性，且其值必須合於指引，不得為空字串或空白。 ==巢狀層次結構都對，檢查不出哪裡有問題？== ```javascript! <h2 class="title">首長信箱測試</h2> <div class="function"> <ul> <li class="back icon_back"> <a href="javascript:window.location =document.referrer;">回上一頁</a> </li> <li class="print icon_print"> <a href="javascript:window.print();">友善列印</a> </li> </ul> </div> <html lang="zh-Hant" class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="Shortcut Icon" type="image/x-icon" href="" /> <title>首長信箱測試</title> </head> <body> <section class="qp"> <div> <img id="voiceCap" src="/ui/A/images/accessibility.gif" border="0" alt="Listen and type the numbers you hear" /> <a href="javascript:window.location.reload();" title="若需要重聽，請按F5或重整網頁。" target="_self" style="color:red;font-size:1.125em;"> 若需要重聽，請按F5或重整網頁。<br /> 使用IE瀏覽器開啟驗證碼語音撥放連結時，會自動要求下載*.mp3檔。 </a> <noscript> <p> 若需要重聽，請按F5或重整網頁。<br /> 使用IE瀏覽器開啟驗證碼語音撥放連結時，會自動要求下載*.mp3檔。 </p> </noscript> </div> <iframe id="frmsound" title="frmsound" longdesc="frmsound" src="/umbraco/Surface/Ajax/GenCaptchaVoice?prefix=bossmail" width="0" height="0" marginwidth="0" scrolling="no" frameborder="0"> </iframe> </section> </body> </html> ``` ==內容區多了一組html標籤，檢測導致結構錯誤，請移除== ## 範例三 http://10.10.45.121:11230/media/94060/832613472249.pdf?mediaDL=true ### 問題一 網頁使用embed元素，請以noembed元素提供替代內容。 ```javascript! <embed name="8B25BB23349B0BA1442FDE19F6E1C2D0" style="position:absolute; left: 0; top: 0;" width="100%" height="100%" src="about:blank" type="application/pdf" internalid="8B25BB23349B0BA1442FDE19F6E1C2D0"> ``` ==<noembed>元素是一個廢除的和不標準的方式，用於向不支持<embed>，或者不支持作者希望的進入式內容的瀏覽器提供替代（或者“後備”）內容。這個元素在HTML 4.01中廢除，以支持<object>。後備內容應插入在<object>開始和結束標籤之間。 備注：雖然這個元素仍然舊在許多瀏覽器中有效，它已經廢除了，並且不應使用。使用<object>來代替。== ```javascript! <object type="application/pdf" data="/media/examples/In-CC0.pdf" width="250" height="200"> </object> ``` ### 問題二 網頁中的標頭組件必須要按照正確的巢狀層次結構來配置 網頁請使用標題組件提供螢幕報讀軟體使用者辨識網頁結構並有利操作 每個網頁請在<head>區間使用title元素標示網頁標題。 網頁必須在html元素中使用lang屬性宣告該網頁正確的語系。 ```javascript! <html> <head></head> ``` 改成 ```javascript! <html lang="zh-Hant" class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>法務部全球資訊網</title> </head> ```