{%hackmd @s6102161021/greenTheme %}

## 自我檢測工具
- [NVDA螢幕報讀軟體下載](https://www.nvaccess.org/download/)
- [axe DevTools](https://www.deque.com/axe/devtools/)
- [WAVE](https://wave.webaim.org/extension/)
- [HeadingsMap](https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi)

色彩對比檢測工具
- [Color.review](https://color.review/)
- [Siege Media logo](https://www.siegemedia.com/contrast-ratio)

利用線上服務協助檢查HTML是否符合規範
- [PageSpeed Insights](https://pagespeed.web.dev/)
- [The W3C Markup Validation Service](https://validator.w3.org/)

## 官方檢測流程

### Step1.軟體安裝
- 安裝64位元架構之JAVA應用程式
- 執行[Freego](https://accessibility.moda.gov.tw/Download/Detail/1749?Category=70)
- 遇到提示chrome版本不同時，[下載](https://accessibility.moda.gov.tw/Questions/Detail/4467?Category=20)符合本機版本的檔案解壓縮後覆蓋到freego資料夾

### Step2.軟體檢測

### Step3.人工檢測
- [成為會員](https://accessibility.moda.gov.tw/Home/Apply)後登入
- 填寫案件資料提出申請

### Step4.通過認領標章

<div class="aStyle">

[影片 - 軟體檢測注意事項](https://www.youtube.com/watch?v=Y8VaUx-Gblo&list=PL_IPrtXS1FhXu4WtV16O252KlNc4-7SNQ)
[附件 - 無障礙認證標章申請流程與注意事項](https://drive.google.com/file/d/1_Ipse6rZBWZKzeutiY19Qhks4co3xG2c/view?usp=sharing)
[資料 - 檢測碼與稽核評量碼](https://accessibility.moda.gov.tw/Accessible/Detail/4461?Category=68#Guideline11)
</div>

<!-- ## 經驗談
- 同事Y：我自己的習慣還是會先以設計者的設計為主，但有無障礙考量實會做得比較彈性，無障礙在審核的部分有兩個，機掃跟人工。操作的部分通常都是人工，比較偏自由心證。我的經驗是他們這些輔助式的空間大小沒有抓這麼嚴格，主內容才會比較嚴格的去抓，機器只能檢測tag 跟語法上的規範。

-->