桃園市學校共構網站管理平臺

若是學校簡介裡面的文章有包含圖片，務必將所有圖片都下載下來。

以此文章為例，一共有五張圖片，我們都分別把它下載下來，之後我們還需要將圖片上傳到 AI 以及新的無障礙網站中。

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

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

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

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

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

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

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

接下來的四張圖片都依照同樣的方式去做處理即可。

這是原本該頁面的樣子，可以看到下方的表格也是不太正常。