轉移有包含圖片的文章

無障礙校網建置

🔍 點擊圖片可放大檢視舊網站文章圖片下載說明

對於無障礙來說，把文字內容做成圖片是完全不允許的，所以如果文章內容若有包含圖片，務必將所有圖片都下載下來。

之後我們還需要將圖片上傳到 AI 以及新的無障礙網站中。

🔍 點擊圖片可放大檢視 Monica AI 附件上傳操作

接著，到無障礙網站的自訂頁面新增一個頁面，順便點擊 Monica ，將剛剛的文章原始碼複製貼上，並按上方的迴紋針圖示，並上傳剛剛存的所有圖片，然後按「發送」。

如此，AI會讀取圖片內容，並給予每張圖片適當的文字說明，這也是無障礙要求一定要有的動作。

🔍 點擊圖片可放大檢視編輯器圖片屬性調整設定

接著，到無障礙新增的頁面中，輸入簡介標題，然後將剛剛Monica調整後的結果複製，並用原始碼貼上。

貼上後，切回預覽狀態。我們雙擊圖片，然後按「瀏覽並上傳」。

🔍 點擊圖片可放大檢視上傳對話框與磁碟片按鈕位置

點擊如圖紅框中的磁碟片按鈕，此時會出現一個上傳的視窗，可以把所有圖片拖進去，或者按瀏覽把所有圖片全選起來，同時一口氣加入。

加入後，只要雙擊圖片就可以將圖片插入到文章中。

🔍 點擊圖片可放大檢視編輯器樣式下拉選單選項

由於原始圖片可能設定了寬高，插入後會顯示不正常的比例，此時建議點一下圖片，然後在樣式下拉選單中選擇「自適應圖片」或「自適應圖框」，這個動作非常重要，也是無障礙要求要做的。

所有插入的圖片都依照同樣的方式去做處理即可。

🔍 點擊圖片可放大檢視新網頁前台圖片無障礙效果

這是 AI 修正過的頁面，已經自動幫圖片加上替代文字，這一般來說我們自己在加入圖片時通常不太會去做，但這卻是無障礙要求的重點之一。

若帳密正確卻無法登入，Chrome 請按 Ctrl + Shift + N 用「無痕視窗」試試。

對每個網站都有用喔！

南市校網申請平台