---
# System prepended metadata

title: 開發流程
tags: [無障礙]

---

<style>
.blue {
  color: blue;
}
.red{
color: red;
}
</style>

> [name=講師｜Judy Shyu]

# 🚩開發流程

## 🔰專案流程
![1701918404040](https://hackmd.io/_uploads/rJekv2AST.jpg)

## 🔰專案開始前應該確定的事項
1. 評估網站主要使用的族群、以及他們的需求
1. 決定需要申請的標章等級
1. 根據網站內容、功能，綜合標章等級，大致條列需要符合的指引項目
1. 專案人員是否具備相關無障礙知識

## 🔰規劃 + 設計階段決定的內容
* 網站整體架構
* 文字樣式及尺寸的規範
* 定義標題結構
* 網站使用顏色的規範
* 制定元件模版，規劃不同狀態下的樣式
    * 連結的行為、hover 及 focus 等不同狀態
    * 表單元件的提示：警告、提示、步驟等
* 後台上稿的圖片規格
* 圖片的替代文字、影像的替代方式

## 🔰開發時程評估
1. 根據網站內容複雜度，開發時間的增加會反映在幾個地方：
1. 瞭解無障礙規範
1. 準備無障礙相關文案、媒體內容
1. 制定設計規範
1. 前後端開發 → 單元測試、整合測試
1. 申請標章檢測 → 填自評表
    * 自評表需在提出申請後 7 日內提交
    * 基本資料審查約 1-2 日，人工檢測約為 7 個工作日
1. 檢測後進行反覆修改
    * 申請標章平均約需 1-1.5 個月
1. 上稿人員的教育訓練
