首先跟大家說(shuō)清楚，網(wǎng)站可訪問性，簡(jiǎn)稱A11Y（因?yàn)椤翱稍L問性”英文單詞中間有11個(gè)字母），說(shuō)白了就是讓所有用戶——不管是身體健康的普通用戶，還是有視覺、聽覺、運(yùn)動(dòng)、認(rèn)知等障礙的特殊用戶，都能正常訪問、使用網(wǎng)站，不會(huì)因?yàn)樯眢w或功能上的不便，被排除在網(wǎng)站使用之外。而合規(guī)改造，就是按照統(tǒng)一的可訪問性標(biāo)準(zhǔn)，對(duì)網(wǎng)站進(jìn)行技術(shù)調(diào)整和優(yōu)化，確保網(wǎng)站符合相關(guān)要求，既能滿足特殊用戶的使用需求，也能避免因不合規(guī)帶來(lái)的相關(guān)問題。
很多人誤以為，網(wǎng)站可訪問性改造是“額外負(fù)擔(dān)”，是可有可無(wú)的事情，其實(shí)不然。現(xiàn)在越來(lái)越重視各類用戶的使用權(quán)益，網(wǎng)站可訪問性已經(jīng)成為合規(guī)的基本要求，尤其是面向廣泛用戶群體的網(wǎng)站，一旦不合規(guī)，不僅會(huì)影響特殊用戶的使用，還可能面臨相關(guān)風(fēng)險(xiǎn)。而且，可訪問性改造不是只服務(wù)于特殊用戶，改造后的網(wǎng)站，使用起來(lái)會(huì)更便捷、更友好，普通用戶也能受益，比如頁(yè)面更清晰、操作更簡(jiǎn)單、加載更流暢，反而能提升整體的用戶體驗(yàn)，擴(kuò)大網(wǎng)站的受眾范圍。
今天就用大白話，拋開復(fù)雜的專業(yè)術(shù)語(yǔ)，給大家一套完整的網(wǎng)站可訪問性合規(guī)改造技術(shù)實(shí)施方案，不管你是負(fù)責(zé)網(wǎng)站開發(fā)、維護(hù)的技術(shù)人員，還是不懂技術(shù)但需要對(duì)接改造工作的管理人員，都能看懂、能用得上。這套方案不搞虛的，全是實(shí)用的技術(shù)操作步驟，從前期準(zhǔn)備、核心改造內(nèi)容，到測(cè)試驗(yàn)收、后期維護(hù)，一步步講清楚，確保改造工作有序推進(jìn)，最終實(shí)現(xiàn)網(wǎng)站可訪問性合規(guī)。
在正式開始改造之前，有幾項(xiàng)前期準(zhǔn)備工作必須做好，這是改造成功的基礎(chǔ)，不能跳過(guò)。前期準(zhǔn)備主要包括3個(gè)核心環(huán)節(jié)，看似簡(jiǎn)單，卻能避免后續(xù)改造過(guò)程中出現(xiàn)返工、遺漏等問題，節(jié)省時(shí)間和成本。
第一個(gè)前期準(zhǔn)備工作：明確合規(guī)標(biāo)準(zhǔn)，找準(zhǔn)改造方向。可訪問性改造不是“憑感覺改”，而是要按照統(tǒng)一的標(biāo)準(zhǔn)來(lái)，不同的場(chǎng)景有不同的合規(guī)要求，但目前有一套通用的核心標(biāo)準(zhǔn)，也是最常用的改造依據(jù)，大家可以直接參考這套標(biāo)準(zhǔn)，明確改造的具體要求和目標(biāo)。簡(jiǎn)單來(lái)說(shuō)，核心標(biāo)準(zhǔn)的要求可以總結(jié)為一句話：“讓所有用戶都能平等、便捷地獲取網(wǎng)站信息，完成操作”，具體會(huì)細(xì)化到頁(yè)面結(jié)構(gòu)、內(nèi)容呈現(xiàn)、操作交互、輔助工具適配等多個(gè)方面。
技術(shù)人員需要先仔細(xì)梳理這套標(biāo)準(zhǔn)，把其中的核心要求拆解成具體的改造點(diǎn)，比如“頁(yè)面所有圖片都要有文字說(shuō)明”“鍵盤能完成所有操作”“顏色不能作為唯一的區(qū)分方式”等，避免后續(xù)改造出現(xiàn)遺漏。管理人員則需要明確改造的范圍（是整個(gè)網(wǎng)站改造，還是部分核心頁(yè)面改造）、時(shí)間節(jié)點(diǎn)、人員分工，比如安排專門的開發(fā)人員負(fù)責(zé)改造、測(cè)試人員負(fù)責(zé)驗(yàn)收，明確每個(gè)環(huán)節(jié)的時(shí)間要求，確保改造工作按時(shí)完成。
第二個(gè)前期準(zhǔn)備工作：全面排查現(xiàn)有網(wǎng)站的可訪問性問題。在改造之前，必須先搞清楚，現(xiàn)有網(wǎng)站哪些地方不合規(guī)、存在哪些問題，才能針對(duì)性地進(jìn)行改造，避免盲目改造、做無(wú)用功。排查工作可以分為兩步，一步是人工排查，一步是工具排查，兩者結(jié)合，確保排查結(jié)果全面、準(zhǔn)確。
人工排查主要是模擬不同障礙用戶的使用場(chǎng)景，逐一測(cè)試網(wǎng)站的每個(gè)頁(yè)面、每個(gè)功能，比如：視覺障礙用戶使用屏幕閱讀器，能不能正常讀取頁(yè)面內(nèi)容；聽覺障礙用戶查看視頻、音頻內(nèi)容，有沒有字幕或文字轉(zhuǎn)錄；運(yùn)動(dòng)障礙用戶無(wú)法使用鼠標(biāo)，能不能用鍵盤完成所有操作；認(rèn)知障礙用戶能不能快速找到需要的信息，理解頁(yè)面內(nèi)容。人工排查雖然耗時(shí)，但能發(fā)現(xiàn)工具排查不到的細(xì)節(jié)問題，比如操作邏輯是否合理、提示是否清晰等。
工具排查則是借助專門的可訪問性排查工具，快速掃描網(wǎng)站，識(shí)別常見的合規(guī)問題，比如圖片缺少文字說(shuō)明、鏈接沒有明確描述、頁(yè)面結(jié)構(gòu)混亂等。這類工具操作簡(jiǎn)單，不用手動(dòng)逐一測(cè)試，能節(jié)省大量的排查時(shí)間，適合前期快速摸清網(wǎng)站的整體合規(guī)情況。需要注意的是，工具排查只能識(shí)別常見問題，不能替代人工排查，排查完成后，要把工具排查和人工排查發(fā)現(xiàn)的問題匯總起來(lái)，整理成問題清單，標(biāo)注每個(gè)問題的位置、不符合的標(biāo)準(zhǔn)、嚴(yán)重程度，方便后續(xù)逐一整改。
第三個(gè)前期準(zhǔn)備工作：準(zhǔn)備改造所需的資源，明確人員分工。改造工作需要一定的技術(shù)資源和人力支持，前期要提前準(zhǔn)備到位。技術(shù)方面，需要準(zhǔn)備好網(wǎng)站的源代碼、開發(fā)環(huán)境，確保開發(fā)人員能正常開展改造工作；如果需要使用一些輔助工具、插件（比如字幕生成工具、鍵盤操作適配插件），要提前篩選、測(cè)試，確保這些工具、插件能正常使用，且符合合規(guī)要求。
人員方面，要明確分工，避免責(zé)任不清、效率低下。建議安排三類人員參與改造工作：一是開發(fā)人員，負(fù)責(zé)具體的技術(shù)改造，比如修改頁(yè)面代碼、適配輔助工具；二是測(cè)試人員，負(fù)責(zé)改造后的測(cè)試驗(yàn)收，確認(rèn)問題已經(jīng)整改到位，網(wǎng)站符合合規(guī)標(biāo)準(zhǔn)；三是對(duì)接人員，負(fù)責(zé)協(xié)調(diào)開發(fā)、測(cè)試人員，同步改造進(jìn)度，反饋相關(guān)問題，確保改造工作有序推進(jìn)。如果網(wǎng)站規(guī)模較大，還可以安排專門的質(zhì)量管理人員，全程監(jiān)督改造質(zhì)量，避免出現(xiàn)改造不到位、不合規(guī)的情況。
前期準(zhǔn)備工作做好之后，就進(jìn)入核心的技術(shù)改造環(huán)節(jié)，這也是整個(gè)實(shí)施方案的重點(diǎn)。改造工作主要圍繞5個(gè)核心維度展開，分別是：頁(yè)面結(jié)構(gòu)與導(dǎo)航改造、內(nèi)容呈現(xiàn)改造、操作交互改造、輔助工具適配改造、加載性能改造，每個(gè)維度都有具體的技術(shù)操作步驟，下面逐一用大白話講清楚，讓大家能直接落地執(zhí)行。
第一個(gè)核心改造維度：頁(yè)面結(jié)構(gòu)與導(dǎo)航改造，核心目標(biāo)是“讓用戶能快速找到需要的信息，理解頁(yè)面邏輯”。不管是普通用戶還是特殊用戶，訪問網(wǎng)站的核心需求都是獲取信息，如果頁(yè)面結(jié)構(gòu)混亂、導(dǎo)航不清晰，用戶就會(huì)找不到信息，尤其是認(rèn)知障礙用戶、視覺障礙用戶，會(huì)更加困難。具體改造步驟有3點(diǎn)：
第一，規(guī)范頁(yè)面結(jié)構(gòu)，使用合理的標(biāo)簽組織頁(yè)面內(nèi)容。開發(fā)人員在修改代碼時(shí)，要按照“從上到下、從主到次”的邏輯，規(guī)范頁(yè)面結(jié)構(gòu)，比如頁(yè)面頂部是導(dǎo)航欄、中間是核心內(nèi)容、底部是聯(lián)系方式和版權(quán)信息，不要出現(xiàn)結(jié)構(gòu)混亂、層級(jí)不清的情況。同時(shí)，要使用正確的代碼標(biāo)簽，比如用標(biāo)題標(biāo)簽區(qū)分頁(yè)面標(biāo)題、二級(jí)標(biāo)題、三級(jí)標(biāo)題，不要用普通文字冒充標(biāo)題；用導(dǎo)航標(biāo)簽標(biāo)注導(dǎo)航欄，用內(nèi)容標(biāo)簽標(biāo)注核心內(nèi)容，這樣屏幕閱讀器等輔助工具才能正確識(shí)別頁(yè)面結(jié)構(gòu)，幫助視覺障礙用戶理解頁(yè)面內(nèi)容。
第二，優(yōu)化網(wǎng)站導(dǎo)航，提升便捷性。導(dǎo)航是用戶訪問網(wǎng)站的“指引”，改造時(shí)要注意3點(diǎn)：一是導(dǎo)航欄要固定在頁(yè)面頂部或左側(cè)，方便用戶隨時(shí)查看、切換頁(yè)面，不要設(shè)置成浮動(dòng)導(dǎo)航、隱藏導(dǎo)航，避免用戶找不到；二是導(dǎo)航選項(xiàng)要清晰、簡(jiǎn)潔，標(biāo)注明確的名稱，比如“首頁(yè)”“關(guān)于我們”“服務(wù)內(nèi)容”，不要用模糊的名稱，比如“更多”“入口”，讓用戶不知道點(diǎn)擊后會(huì)進(jìn)入什么頁(yè)面；三是增加“面包屑導(dǎo)航”，就是在頁(yè)面頂部顯示用戶當(dāng)前的位置，比如“首頁(yè)>服務(wù)內(nèi)容>具體服務(wù)”，用戶點(diǎn)擊面包屑導(dǎo)航的選項(xiàng)，就能快速返回上一級(jí)頁(yè)面，尤其是對(duì)于層級(jí)較深的網(wǎng)站，能大大提升用戶的訪問便捷性。
第三，增加搜索功能，方便用戶快速查找信息。搜索功能是網(wǎng)站的“快捷入口”，改造時(shí)要確保搜索功能好用、實(shí)用：一是搜索框要放在頁(yè)面顯眼的位置，比如導(dǎo)航欄右側(cè)，標(biāo)注“搜索”提示，讓用戶一眼就能看到；二是搜索功能要支持關(guān)鍵詞模糊搜索，用戶輸入部分關(guān)鍵詞，就能找到相關(guān)信息，不用輸入完整關(guān)鍵詞；三是搜索結(jié)果要清晰，標(biāo)注搜索關(guān)鍵詞，區(qū)分相關(guān)度高低，讓用戶能快速找到需要的內(nèi)容，同時(shí)搜索結(jié)果頁(yè)面也要有返回首頁(yè)、重新搜索的選項(xiàng)，方便用戶調(diào)整搜索關(guān)鍵詞。
第二個(gè)核心改造維度：內(nèi)容呈現(xiàn)改造，核心目標(biāo)是“讓所有用戶都能清晰看到、理解網(wǎng)站內(nèi)容”，重點(diǎn)關(guān)注視覺障礙用戶、聽覺障礙用戶、認(rèn)知障礙用戶的需求。具體改造步驟有4點(diǎn)：
第一，優(yōu)化文字內(nèi)容，提升可讀性。文字是網(wǎng)站內(nèi)容的核心，改造時(shí)要注意：一是文字字體要清晰、易讀，選擇常用的字體，不要使用過(guò)于花哨、難認(rèn)的字體；二是文字大小要適中，默認(rèn)字體大小不要太小，同時(shí)要支持用戶調(diào)整字體大小，比如增加“字體放大”“字體縮小”的按鈕，方便視覺障礙用戶、老年人使用；三是文字顏色與背景顏色要有足夠的對(duì)比度，不要用淺色文字搭配淺色背景、深色文字搭配深色背景，比如白色文字搭配灰色背景，這樣用戶會(huì)看不清文字，建議使用對(duì)比度高的搭配，比如黑色文字搭配白色背景、白色文字搭配黑色背景，同時(shí)不要把顏色作為唯一的區(qū)分方式，比如不要只用紅色文字標(biāo)注重點(diǎn)，還要加上加粗、下劃線等標(biāo)識(shí)，避免色盲用戶無(wú)法識(shí)別。
第二，給所有非文字內(nèi)容添加文字說(shuō)明。網(wǎng)站中的圖片、圖標(biāo)、視頻、音頻等非文字內(nèi)容，視覺障礙用戶、聽覺障礙用戶無(wú)法直接識(shí)別，改造時(shí)必須添加文字說(shuō)明：一是圖片、圖標(biāo)，要添加“替代文字”，就是用簡(jiǎn)潔的文字描述圖片、圖標(biāo)的內(nèi)容和用途，比如一張“聯(lián)系我們”的圖標(biāo)，替代文字可以寫成“聯(lián)系我們，點(diǎn)擊可查看聯(lián)系方式”，這樣屏幕閱讀器就能讀取替代文字，幫助視覺障礙用戶了解圖片、圖標(biāo)的含義；二是視頻、音頻，要添加字幕和文字轉(zhuǎn)錄，字幕要準(zhǔn)確、同步，覆蓋視頻、音頻中的所有內(nèi)容，文字轉(zhuǎn)錄要完整，把音頻中的語(yǔ)音內(nèi)容轉(zhuǎn)換成文字，方便聽覺障礙用戶理解；如果視頻、音頻有重要信息，還要添加簡(jiǎn)要的文字摘要，方便用戶快速獲取核心信息。
第三，簡(jiǎn)化內(nèi)容呈現(xiàn)，避免信息過(guò)載。認(rèn)知障礙用戶的注意力和理解能力有限，如果頁(yè)面內(nèi)容過(guò)多、過(guò)于復(fù)雜，就會(huì)難以理解，改造時(shí)要注意簡(jiǎn)化內(nèi)容：一是每個(gè)頁(yè)面只呈現(xiàn)一個(gè)核心主題，不要堆砌太多無(wú)關(guān)內(nèi)容；二是文字內(nèi)容要簡(jiǎn)潔、明了，避免使用復(fù)雜的句子、專業(yè)術(shù)語(yǔ)，盡量用大白話表達(dá)，讓所有用戶都能看懂；三是內(nèi)容分段呈現(xiàn)，每段文字不要太長(zhǎng)，用小標(biāo)題、項(xiàng)目符號(hào)等方式，區(qū)分不同的內(nèi)容，讓頁(yè)面內(nèi)容更清晰、更易讀。
第四，規(guī)范鏈接呈現(xiàn)，明確鏈接用途。網(wǎng)站中的鏈接是用戶切換頁(yè)面、獲取信息的重要方式，改造時(shí)要注意：一是鏈接文字要清晰、明確，標(biāo)注鏈接的目的地，不要使用“點(diǎn)擊這里”“詳情請(qǐng)見”等模糊的鏈接文字，比如鏈接到“服務(wù)介紹”頁(yè)面，鏈接文字就寫成“查看服務(wù)介紹”，讓用戶知道點(diǎn)擊后會(huì)進(jìn)入什么頁(yè)面；二是對(duì)于外部鏈接，要標(biāo)注“外部鏈接，點(diǎn)擊將跳轉(zhuǎn)到其他網(wǎng)站”，避免用戶誤點(diǎn)外部鏈接，無(wú)法返回原網(wǎng)站；三是鏈接要添加下劃線等明顯標(biāo)識(shí)，與普通文字區(qū)分開，方便用戶識(shí)別。
第三個(gè)核心改造維度：操作交互改造，核心目標(biāo)是“讓所有用戶都能便捷地完成網(wǎng)站操作”，重點(diǎn)關(guān)注運(yùn)動(dòng)障礙用戶、視覺障礙用戶的操作需求，確保鍵盤能完成所有操作，操作過(guò)程簡(jiǎn)單、可撤銷。具體改造步驟有3點(diǎn)：
第一，實(shí)現(xiàn)全鍵盤操作，適配鍵盤導(dǎo)航。很多運(yùn)動(dòng)障礙用戶無(wú)法使用鼠標(biāo)，只能使用鍵盤操作網(wǎng)站，改造時(shí)必須確保所有操作都能通過(guò)鍵盤完成：一是支持鍵盤Tab鍵切換焦點(diǎn)，用戶按Tab鍵，就能依次切換頁(yè)面中的導(dǎo)航、按鈕、輸入框等可操作元素，按Shift+Tab鍵，就能反向切換，焦點(diǎn)位置要顯示明顯的標(biāo)識(shí)，比如邊框高亮，讓用戶知道當(dāng)前焦點(diǎn)在哪個(gè)元素上；二是支持鍵盤Enter鍵、空格鍵觸發(fā)操作，比如點(diǎn)擊按鈕、打開鏈接，用戶按Enter鍵或空格鍵，就能完成操作，不用使用鼠標(biāo)；三是支持鍵盤快捷鍵，比如按Alt+S鍵快速搜索、按Alt+Home鍵返回首頁(yè)，快捷鍵要簡(jiǎn)單、易記，同時(shí)要在網(wǎng)站首頁(yè)標(biāo)注所有快捷鍵，方便用戶查看、使用。
第二，優(yōu)化操作控件，提升便捷性。操作控件比如按鈕、輸入框、下拉菜單等，是用戶完成操作的核心元素，改造時(shí)要注意：一是控件尺寸要適中，按鈕、輸入框等不要太小，方便運(yùn)動(dòng)障礙用戶點(diǎn)擊、輸入，建議按鈕尺寸不小于48×48像素；二是控件之間要有足夠的間距，不要過(guò)于密集，避免用戶誤點(diǎn)；三是輸入框要添加提示文字，比如輸入手機(jī)號(hào)的輸入框，提示文字寫成“請(qǐng)輸入11位手機(jī)號(hào)”，幫助用戶正確輸入，同時(shí)要添加輸入驗(yàn)證，用戶輸入錯(cuò)誤時(shí)，要給出清晰的提示，比如“手機(jī)號(hào)格式錯(cuò)誤，請(qǐng)重新輸入”，提示文字要簡(jiǎn)潔、明了，顏色要醒目，讓用戶能快速看到；四是下拉菜單要支持鍵盤操作，用戶按上下箭頭鍵，就能切換菜單選項(xiàng)，按Enter鍵確認(rèn)選擇，同時(shí)下拉菜單要顯示當(dāng)前選擇的選項(xiàng)，方便用戶確認(rèn)。
第三，增加操作容錯(cuò)性，允許用戶撤銷操作。用戶在操作網(wǎng)站時(shí)，難免會(huì)出現(xiàn)誤操作，比如誤點(diǎn)按鈕、輸入錯(cuò)誤信息，改造時(shí)要增加操作容錯(cuò)性：一是重要操作（比如提交表單、刪除內(nèi)容），要添加確認(rèn)提示，比如點(diǎn)擊“刪除”按鈕后，提示“確定要?jiǎng)h除嗎？刪除后無(wú)法恢復(fù)”，讓用戶確認(rèn)后再執(zhí)行操作，避免誤操作造成損失；二是允許用戶撤銷操作，比如輸入錯(cuò)誤后，按Ctrl+Z鍵撤銷輸入，提交表單后，短時(shí)間內(nèi)允許用戶撤銷提交，提升用戶操作體驗(yàn)；三是操作過(guò)程中，要顯示操作進(jìn)度提示，比如“正在提交，請(qǐng)稍候”，讓用戶知道操作正在進(jìn)行，避免用戶重復(fù)操作。
第四個(gè)核心改造維度：輔助工具適配改造，核心目標(biāo)是“讓網(wǎng)站能兼容常見的輔助工具”，幫助特殊用戶更好地訪問網(wǎng)站。常見的輔助工具包括屏幕閱讀器、放大鏡、語(yǔ)音輸入工具、鍵盤輔助工具等，改造時(shí)要確保網(wǎng)站能與這些工具正常兼容，不會(huì)出現(xiàn)無(wú)法識(shí)別、無(wú)法操作的情況。具體改造步驟有2點(diǎn)：
第一，適配屏幕閱讀器，確保輔助工具能正確識(shí)別網(wǎng)站內(nèi)容。屏幕閱讀器是視覺障礙用戶訪問網(wǎng)站的核心工具，改造時(shí)要注意：一是規(guī)范代碼標(biāo)簽，使用正確的語(yǔ)義化標(biāo)簽，比如標(biāo)題標(biāo)簽、導(dǎo)航標(biāo)簽、按鈕標(biāo)簽等，不要用普通div標(biāo)簽冒充這些標(biāo)簽，這樣屏幕閱讀器才能正確識(shí)別頁(yè)面元素的類型和用途；二是確保所有動(dòng)態(tài)內(nèi)容（比如彈窗、加載提示）能被屏幕閱讀器識(shí)別，動(dòng)態(tài)內(nèi)容出現(xiàn)時(shí)，要主動(dòng)通知屏幕閱讀器，讓視覺障礙用戶知道有新的內(nèi)容出現(xiàn)；三是避免使用閃爍、滾動(dòng)的內(nèi)容，或者允許用戶關(guān)閉閃爍、滾動(dòng)內(nèi)容，因?yàn)殚W爍、滾動(dòng)的內(nèi)容會(huì)干擾屏幕閱讀器的讀取，也會(huì)影響視覺障礙用戶、認(rèn)知障礙用戶的使用體驗(yàn)。
第二，適配其他輔助工具，提升兼容性。除了屏幕閱讀器，還要適配放大鏡、語(yǔ)音輸入工具等輔助工具：一是適配放大鏡工具，確保用戶使用放大鏡放大頁(yè)面后，文字、圖片不會(huì)模糊、變形，頁(yè)面布局不會(huì)混亂，用戶能清晰看到頁(yè)面內(nèi)容；二是適配語(yǔ)音輸入工具，確保用戶能通過(guò)語(yǔ)音輸入完成搜索、填寫表單等操作，語(yǔ)音輸入的內(nèi)容能正確識(shí)別、顯示，不會(huì)出現(xiàn)識(shí)別錯(cuò)誤、無(wú)法輸入的情況；三是避免使用插件、腳本等影響輔助工具兼容的元素，如果必須使用，要確保插件、腳本能與輔助工具正常兼容，不會(huì)干擾輔助工具的使用。
第五個(gè)核心改造維度：加載性能改造，核心目標(biāo)是“讓網(wǎng)站加載更快，避免用戶長(zhǎng)時(shí)間等待”。不管是普通用戶還是特殊用戶，都無(wú)法忍受加載緩慢的網(wǎng)站，尤其是視覺障礙用戶，使用屏幕閱讀器訪問網(wǎng)站時(shí)，如果網(wǎng)站加載緩慢，會(huì)嚴(yán)重影響使用體驗(yàn)，甚至?xí)艞壴L問。具體改造步驟有3點(diǎn)：
第一，優(yōu)化頁(yè)面資源，減少加載時(shí)間。網(wǎng)站加載緩慢，大多是因?yàn)轫?yè)面資源過(guò)大，改造時(shí)要優(yōu)化頁(yè)面資源：一是壓縮圖片、視頻等資源，比如將圖片壓縮到合適的大小，不影響清晰度的前提下，減少圖片文件體積；將視頻轉(zhuǎn)換成合適的格式，壓縮視頻文件大小，避免視頻加載緩慢；二是刪除頁(yè)面中無(wú)用的代碼、插件、圖片，減少頁(yè)面的加載量，比如刪除未使用的樣式代碼、無(wú)用的圖片資源，避免冗余資源占用加載時(shí)間；三是使用資源緩存技術(shù)，將用戶常用的資源（比如首頁(yè)圖片、導(dǎo)航欄樣式）緩存到用戶設(shè)備中，用戶下次訪問時(shí)，不用重新加載這些資源，提升加載速度。
第二，優(yōu)化加載順序，優(yōu)先加載核心內(nèi)容。改造時(shí)要按照“核心內(nèi)容優(yōu)先加載”的原則，優(yōu)化加載順序：一是優(yōu)先加載頁(yè)面的核心內(nèi)容，比如頁(yè)面標(biāo)題、導(dǎo)航欄、核心文字內(nèi)容，再加載圖片、視頻等非核心內(nèi)容，這樣用戶能快速看到核心信息，不用等待所有內(nèi)容加載完成；二是添加加載提示，頁(yè)面加載時(shí)，顯示簡(jiǎn)潔的加載提示，比如“正在加載中，請(qǐng)稍候”，讓用戶知道網(wǎng)站正在加載，避免用戶誤以為網(wǎng)站無(wú)法訪問；三是設(shè)置加載超時(shí)提示，如果網(wǎng)站加載超時(shí)，顯示“加載超時(shí)，請(qǐng)刷新頁(yè)面重試”的提示，同時(shí)提供“刷新頁(yè)面”的按鈕，方便用戶重新加載。
第三，適配不同設(shè)備，確保加載速度穩(wěn)定。現(xiàn)在用戶訪問網(wǎng)站的設(shè)備多種多樣，比如電腦、手機(jī)、平板等，不同設(shè)備的網(wǎng)絡(luò)環(huán)境、性能不同，改造時(shí)要確保網(wǎng)站在不同設(shè)備上都能快速加載：一是適配移動(dòng)設(shè)備，優(yōu)化移動(dòng)設(shè)備的頁(yè)面布局，減少移動(dòng)設(shè)備上的資源加載量，確保在移動(dòng)網(wǎng)絡(luò)環(huán)境下，網(wǎng)站也能快速加載；二是測(cè)試不同網(wǎng)絡(luò)環(huán)境下的加載速度，比如在4G、5G、無(wú)線網(wǎng)絡(luò)環(huán)境下，分別測(cè)試網(wǎng)站的加載時(shí)間，確保加載速度穩(wěn)定，不會(huì)出現(xiàn)卡頓、加載失敗的情況。
核心技術(shù)改造完成之后，就進(jìn)入測(cè)試驗(yàn)收環(huán)節(jié)，這是確保網(wǎng)站可訪問性合規(guī)的關(guān)鍵，不能省略。測(cè)試驗(yàn)收的核心目標(biāo)是“確認(rèn)所有改造點(diǎn)都已落實(shí)到位，網(wǎng)站符合合規(guī)標(biāo)準(zhǔn)，所有用戶都能正常訪問、使用網(wǎng)站”，具體測(cè)試驗(yàn)收步驟有3點(diǎn)：
第一，開展針對(duì)性測(cè)試，逐一驗(yàn)證改造效果。測(cè)試人員要按照前期整理的問題清單，逐一測(cè)試每個(gè)問題是否已經(jīng)整改到位，同時(shí)要模擬不同障礙用戶的使用場(chǎng)景，開展針對(duì)性測(cè)試：比如使用屏幕閱讀器測(cè)試視覺障礙用戶能否正常訪問網(wǎng)站，使用鍵盤測(cè)試運(yùn)動(dòng)障礙用戶能否完成所有操作，使用放大鏡測(cè)試視覺障礙用戶能否清晰看到頁(yè)面內(nèi)容，查看視頻、音頻是否有字幕和文字轉(zhuǎn)錄等。測(cè)試過(guò)程中，要詳細(xì)記錄測(cè)試結(jié)果，對(duì)于未整改到位、不合規(guī)的問題，要及時(shí)反饋給開發(fā)人員，要求重新改造，直到問題整改到位。
第二，使用專業(yè)工具開展全面測(cè)試，確保合規(guī)性。除了針對(duì)性測(cè)試，還要使用專門的可訪問性測(cè)試工具，對(duì)網(wǎng)站進(jìn)行全面掃描測(cè)試，識(shí)別是否有遺漏的不合規(guī)問題。測(cè)試工具會(huì)生成詳細(xì)的測(cè)試報(bào)告，標(biāo)注網(wǎng)站的合規(guī)率、不合規(guī)的問題、不符合的標(biāo)準(zhǔn)，測(cè)試人員要結(jié)合測(cè)試報(bào)告，進(jìn)一步排查網(wǎng)站的可訪問性問題，確保沒有遺漏。需要注意的是，工具測(cè)試只能作為輔助，不能替代人工測(cè)試，尤其是操作交互、輔助工具適配等方面，需要人工測(cè)試才能確認(rèn)效果。
第三，組織用戶測(cè)試，收集反饋意見。測(cè)試驗(yàn)收不僅要符合合規(guī)標(biāo)準(zhǔn)，還要滿足用戶的實(shí)際使用需求，因此需要組織不同類型的用戶，開展用戶測(cè)試，包括普通用戶、視覺障礙用戶、聽覺障礙用戶、運(yùn)動(dòng)障礙用戶、認(rèn)知障礙用戶等。用戶測(cè)試過(guò)程中，讓用戶自由訪問網(wǎng)站、完成相關(guān)操作，收集用戶的反饋意見，比如“某個(gè)操作不夠便捷”“某個(gè)內(nèi)容看不清”“輔助工具無(wú)法正常使用”等，測(cè)試人員要匯總用戶反饋，對(duì)于不合理、不合規(guī)的地方，及時(shí)反饋給開發(fā)人員，進(jìn)行優(yōu)化調(diào)整，確保網(wǎng)站不僅合規(guī)，還能滿足用戶的實(shí)際使用需求。
測(cè)試驗(yàn)收合格之后，網(wǎng)站可訪問性合規(guī)改造工作就基本完成，但這并不意味著結(jié)束，后期維護(hù)也很重要，要建立長(zhǎng)效維護(hù)機(jī)制，確保網(wǎng)站長(zhǎng)期保持合規(guī)狀態(tài)。后期維護(hù)主要包括3個(gè)核心環(huán)節(jié)：
第一，定期開展巡檢，及時(shí)發(fā)現(xiàn)并解決問題。網(wǎng)站會(huì)不斷更新內(nèi)容、優(yōu)化功能，可能會(huì)出現(xiàn)新的不合規(guī)問題，因此需要定期開展可訪問性巡檢，建議每月開展一次簡(jiǎn)單巡檢，每季度開展一次全面巡檢，使用測(cè)試工具和人工排查相結(jié)合的方式，排查網(wǎng)站的可訪問性問題，對(duì)于發(fā)現(xiàn)的問題，及時(shí)安排開發(fā)人員整改，避免問題積累，影響網(wǎng)站的合規(guī)性。
第二，規(guī)范網(wǎng)站更新流程，確保新增內(nèi)容、功能符合合規(guī)要求。網(wǎng)站更新內(nèi)容、新增功能時(shí)，要提前考慮可訪問性合規(guī)要求，建立規(guī)范的更新流程：一是新增內(nèi)容時(shí)，要確保文字、圖片、視頻、音頻等內(nèi)容符合改造要求，比如圖片添加替代文字、視頻添加字幕等；二是新增功能時(shí)，要確保功能支持鍵盤操作、適配輔助工具，操作便捷、可容錯(cuò)；三是更新完成后，測(cè)試人員要對(duì)新增內(nèi)容、功能進(jìn)行可訪問性測(cè)試，確認(rèn)符合合規(guī)標(biāo)準(zhǔn)后，再正式上線，避免新增內(nèi)容、功能導(dǎo)致網(wǎng)站不合規(guī)。
第三，加強(qiáng)人員培訓(xùn)，提升可訪問性意識(shí)。網(wǎng)站的開發(fā)、維護(hù)、運(yùn)營(yíng)人員，要加強(qiáng)可訪問性相關(guān)知識(shí)的培訓(xùn)，了解可訪問性合規(guī)標(biāo)準(zhǔn)、改造技巧、測(cè)試方法，提升可訪問性意識(shí)，避免在后續(xù)的網(wǎng)站開發(fā)、維護(hù)過(guò)程中，出現(xiàn)不合規(guī)的情況。同時(shí)，要建立反饋機(jī)制，用戶在使用網(wǎng)站過(guò)程中，發(fā)現(xiàn)可訪問性問題，能夠及時(shí)反饋，管理人員要及時(shí)處理用戶反饋，不斷優(yōu)化網(wǎng)站的可訪問性，提升用戶體驗(yàn)。
最后，跟大家做一個(gè)簡(jiǎn)單的總結(jié)，幫大家梳理一下整個(gè)技術(shù)實(shí)施方案的重點(diǎn)：網(wǎng)站可訪問性合規(guī)改造，不是一蹴而就的事情，需要按照“前期準(zhǔn)備→核心改造→測(cè)試驗(yàn)收→后期維護(hù)”的流程，有序推進(jìn)。前期準(zhǔn)備要明確標(biāo)準(zhǔn)、排查問題、準(zhǔn)備資源；核心改造要圍繞頁(yè)面結(jié)構(gòu)、內(nèi)容呈現(xiàn)、操作交互、輔助工具適配、加載性能5個(gè)維度，逐一落實(shí)改造措施；測(cè)試驗(yàn)收要開展針對(duì)性測(cè)試、工具測(cè)試、用戶測(cè)試，確保網(wǎng)站符合合規(guī)標(biāo)準(zhǔn)；后期維護(hù)要建立長(zhǎng)效機(jī)制，定期巡檢、規(guī)范更新、加強(qiáng)培訓(xùn)，確保網(wǎng)站長(zhǎng)期合規(guī)。
需要強(qiáng)調(diào)的是，可訪問性改造不是“額外負(fù)擔(dān)”，而是提升網(wǎng)站用戶體驗(yàn)、擴(kuò)大受眾范圍、實(shí)現(xiàn)合規(guī)的必要舉措。改造后的網(wǎng)站，不僅能滿足特殊用戶的使用需求，還能讓普通用戶受益，提升網(wǎng)站的口碑和影響力。不管網(wǎng)站規(guī)模大小，都應(yīng)該重視可訪問性改造，按照這套實(shí)施方案，逐步推進(jìn)改造工作，確保網(wǎng)站符合合規(guī)標(biāo)準(zhǔn)，讓所有用戶都能平等、便捷地訪問網(wǎng)站，享受網(wǎng)站帶來(lái)的服務(wù)和便利。
聯(lián)系電話題-1.jpg)