# 無障礙

### Q1:圖片
**🔹檢核碼|GN1110111E**

圖片驗證碼應提供其他形式的驗證機制,如語音播放或emai寄送
網頁上任何一個CAPTCHA驗證均至少有另一個運用不同形式的CAPTCHA驗證·
且具有相同的目的與功能。說明

**🔹評量方式**

1. 開啟使用圖形驗證碼的網頁。
2. 檢查是否提供圖形驗證碼外可取驗證碼的方式,如使用語音報讀驗證碼。
---
### Q2:圖片
**🔹檢核碼|HM1110112E**

網頁中裝飾的圖片元素<img>.其alt屬性應為空值
對辅助技要忽略的圖片·使用空字电作替代文字·並且不可使用標題屬性說明

**🔹評量方式**

1. 開啟具有裝飾用片的網頁,並切換到開發人員工具(以chrome為例,敲擊12键)·
2. 檢查圖片img元素中的alt屬性,確認其值為空值.該img元素內沒有使用titl 屬性。
---
### Q3:影音媒體
**🔹檢核碼|GN1120200E**

針對影片中的對白或旁白描述提供字幕
提供預先製之音訊內容的隱藏式或非隱藏式永遠看得到的)字幕·說明

**🔹評量方式**

1. 開啟有嵌入影音內容的網更並播放。
2. 檢查影音内容有壓製字幕或随選字幕·提供使用者瞭解影片中的對話或旁白內容。
---
### Q4:版面結構
**🔹檢核碼|HM1130104E**

網頁是否都有使用<h1標,且每個網中只有一個`<h1>`標
適當使用巢狀標頭呈現文件結構。說明

**🔹評量方式**

1. 開啟任一網並切換到開發人员工具(以chrome為例·敲擊12鍵
2. 以下任一方式檢查A使用搜尋功能·確認網夏上只有使用一組h1標·B.使用標題檢測工具.確認網頁上只有使用一組h1標。
---
### Q5:表格
**🔹檢核碼|HM1130110E**

針對有多重標題行列的複雜資料表格.
應使用對應的id與headers屬性來標示行列標題與資料格的關聯性
對於複雜表格·以有意義的標記來建立表格標頭储存格資料儲存格之間的關連·說明

**🔹評量方式**

1. 開啟含有複雜結構的資料表格的網夏。
2. 以下在一方式檢查:
1. 切換到開發人员工具(以chrome為例·敲撃12鍵).透過程式碼確認資料表格的行列標題使用th元素,並使用scope性界定標題範圍,或id/headers屬性將標題與資料儲存格進行對應·
2. 透過表格檢測工具確認表格的行、列標題使用th元素與相關屬性·
---
### Q6:鍵盤操作
**🔹檢核碼|GN1210101E**

網頁各項功能、連結、控制元件等.皆可透過鍵盤操作
確認所有能都能透過鍵盤介面來操作·說明

**🔹評量方式**

1. 開啟任一網頁並使用鍵盤tab鍵移動游標。
2. 確網上所有的連結、功能控制都可以取得游標焦點,且能夠執行該功能。
---
### Q7:檔案下載
**🔹檢核碼|GN1320202E**

網頁中提供載的檔案·均有標示其檔案名稱與檔案格式
提供載格式不可需依赖特定文商用軟體即能開啟之檔案·說明

**🔹評量方式**

1. 開啟提供PDF檔案下載的網.並下載PDF檔。
2. 開語音報軟體讀取PD檔內容能正確讀取。3.將PDF檔另存成文字檔後可以順利讀取文字檔內容。
---
### Q8:導覽功能
**🔹檢核碼|GN1240100E**

每一個網頁皆有跳到主要內容區鏈結,且為網上第一個可取得鍵盤焦點的鏈結
在每一個面頂端加入一個結·直接連往主要的內容區域說明

**🔹評量方式**

1. 開啟任一網並以tab鍵網址列開始移動游標.
2. 當游標移至網內容時,檢查網頁第一個連結是否為可跳到主要內容區的連結
3. 執行跳到主要内容區的連結確認視覺焦點與游標焦點均移到主要內容區的起始處
---
### Q9:色彩對比
**🔹檢核碼|GN2141101E**

網頁中有意義的圖示,其前景與背影色彩應至少有3:1的對比值,便使用者可清楚辨識圖示
確保圖示的對比度為3:1說明

**🔹評量方式**

1. 開啟網頁。
2. 使用色彩對比度檢測工具,確認網頁上各項圖示的對比度符合要求。
---
### Q10:表單
**🔹檢核碼|GN1330201E**

網頁中的表單設計,各項必填欄位均使用文字註明
提供文字述指明需填寫的必填欄位。說明

**🔹評量方式**

1. 開啟含有表單的網頁。
2. 當以滑鼠點擊每個控制項的標題文字,確認游標移動到控制項上。

---