在二十一、二十二、二十三日，
大叔將分別跟大家一起鑽研上一篇讓人煩惱的問題，
依序分別為「廣告或圖片輪播干擾」、「無法取得驗證碼」、「表單輸入難以操作」。

廣告或圖片輪播干擾，
這樣描述有點模擬兩可，先來釐清一下。
上一篇提到的「身心障礙者網站使用需求調查」裡的深度訪談，在第 19 頁有提到「圖片輪播速度太快，還沒看完就跳到下一張，需倒回去看，希望改善。」這點，
而輪播通常都是圖片或圖片＋文字的形式，所以『無法了解圖片內容』也應該是其中的內容。

至於廣告在整個調查裡面並沒有特別定義，加上廣告與輪播放在同一句話，所以大叔推測，
這裡的廣告不是我們常見的 Google 廣告那種，而是輪播內容為廣告，通常是為了促銷、吸引使用者觀看自己網站想聚客的頁面或服務，或者是別家企業在此平台付費刊登廣告等。

也就是說，我們要解決的就是無法了解圖片內容與輪播的速度太快，我們來一個一個看看。

一、無法暸解圖片內容
這個除了基礎的 Alt 要做之外，大叔推測可能還需要長描述。
例如使用 Alt 簡短描述後，再使用文字補充內容，甚至是清楚描繪圖片元素，例如 NASA 的 Twitter ，每張圖片左下角有個「ALT」，點擊後會針對圖片進行客觀性的物件形狀、方位、大小、顏色等描述，如下圖所示：

現在有些程式可以自動判別圖片內容，例如 PPT 在插入圖片時，有時候會為您描述圖片客觀內容。

二、輪播的速度太快
大叔沒辦法建議到底「太快」是多快，因為我沒有找文獻或做實驗，
但我比較推崇「不要自動輪播」，因為我也時常看內容看到一半跳掉很懊惱，
而且讓我產生我怎麼看那麼慢的自卑感，
所以大叔建議不要自動輪播。

但是這樣又要怎麼打廣告呢？
其實可以先把內容標題和縮圖顯示出來，
這樣有興趣的人就可以看見，也會去點擊，
而且主動點擊的人，代表真的被你吸引到了，不論是圖片或是文字，
優點是還可以藉此過濾真正有興趣的人，
你可以判別這是有被吸引到的、而且是真正有點擊觀看的人，
來對比被吸引到，但是沒有點進去內容的人。

不過說真的，每個產業特性不同，大叔也不敢說死這樣就是對的，
只能說大叔比較喜歡這樣的方式，
既沒有時間限制、也能觀看熱門標題、也能增加 SEO、又能達成區別客戶興趣程度，
所以通常會在新聞類型的首頁可以看到這樣子的排版，例如東森新聞首頁：

還有 Html DOM 的順序也很重要，大叔目前是覺得順序應該要這樣：
只有一張頭版畫面、上一篇、下一篇、各篇幅小按鈕，如上圖所示，
如此一來，我們便會先注目焦點於頭版畫面，點擊畫面可以進入內容，
然後可以緊接著是可以點擊的上、下一篇，更好的方式可以再提供快捷鍵，
上、下一篇要讓螢幕閱讀報讀出上、下一篇的標題，
點擊完要重新注目焦點於頭版位置，這樣就可以一直看。
之後就是各個篇幅的小按鈕，點擊後重新注目焦點於頭版畫面，
如此一來比較符合閱讀順序，也讓行為模式一致。

至於套件，雖然大叔我討厭，但是有些真的是很好用而且持續在更新，
推薦 Swiper ，因為它發展很久，而且支援各式各樣的框架、裝置、輪播方式、特效以及 a11y，也可以自定義 DOM 的位置。

另外還有一種類似輪播的東西，叫做跑馬燈，這也是作為廣告的一種手段，
通常作為相關廠商、相關網站等展示牆使用，如在第七日：無障礙網頁設計重點 Checklist第 31 點提到的跑馬燈技術文章，大致內容如下：

• 曾經有跑馬燈的 html 叫 <marquee>，現在已被棄用。
• 現在大部分都是使用 <li> ，因為跑馬燈內容可視為一系列的項目。
• 必須妥善使用，因為其動態以及可能會有閃爍視覺，必須以很慢的速度展現。
• 多設置一組相同內容使其能循環播放，但是使用 aria-hidden 隱藏重複訊息，別讓螢幕報讀相同內容。
• 最好的情況還是不要自動播放，或提供開關供選擇。

下一篇為「無法取得驗證碼」的討論，也是最多人痛的點，不管是開發者還是使用者。