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

> [name=講師｜Judy Shyu]

# 🚩使用編輯器
使用編輯器的應用範圍較廣，幾個常見需要特別注意無障礙規範的編輯器內容：
## 🔰建立標題層級
* 根據編輯器內容在網頁中的位置，可以提示上稿人員適合的標題層級應從哪一層開始
* 例如網頁中已經有
H1：最新消息
H2：文章標題
編輯器內容位於 H2 之後，則可以提示上稿人員在編輯器內標示標題元件時，從 H3 層級開始
* 標題需要依序使用
* 延續上面範例，編輯器內若由 H3 層級開始，往下接續的層級為 H4 ~ H6，不可直接由 H3 跳到 H5


## 🔰改變文字顏色
* 不以顏色作為唯一的資訊呈現方式

* 文字色彩需與背景有一定的對比度

### 📍設計、上稿人員友善的對比度計算工具
🔗 [Color.review]([https:/](https://color.review/)/)
遇到有對比度不足的情形，可以很快找到替代顏色

## 🔰插入連結
* 需提供更詳細的連結標題

## 🔰插入圖片
* 需要提供圖片的替代文字

## 🔰插入表格
* 需要提供表格標題
* 需要設定表格 Header （th）