ICS35.240EnterpriseproductUIdesignaccessibility(barrierfree)specific中國互聯(lián)網(wǎng)協(xié)會發(fā)布T/ISC0065-2024 I 1 12規(guī)范性引用文件 13術(shù)語和定義 14符號和縮略語 15總體架構(gòu) 16技術(shù)要求 16.1文本描述要求 16.2時基媒體輸出要求 26.3可辨別性 26.4可預(yù)測性 36.5輸入輔助 36.6頁面布局要求 46.7可操作性 56.8本土化 61本文件按照GB/T1.1—2020《標(biāo)準(zhǔn)化工作導(dǎo)則第1部分標(biāo)準(zhǔn)化文件的結(jié)構(gòu)和起草規(guī)則》的規(guī)定起請注意本文件的某些內(nèi)容可能涉及專利。本文件的發(fā)布機(jī)構(gòu)不承擔(dān)識別這些專利的責(zé)任。本文件由中國互聯(lián)網(wǎng)協(xié)會提出并歸口。本文件起草單位：中國信息通信研究院、北京盡微致廣信息技術(shù)有限公司、北京創(chuàng)作美好科技有限公司、北京高德云圖科技有限公司、阿里巴巴控股集團(tuán)、招商銀行股份有限公司、中國銀行股份有限公司、中國第一汽車集團(tuán)有限公司合眾新能源汽車股份有限公司、中央美術(shù)學(xué)院、中國計量大學(xué)、北京飛書科技有限公司、東海證券股份有限公司、科大訊飛股份有限公司、浙江零跑科技股份有限公司、北京三快在線科技有限公司、平安銀行股份有限公司、天津大學(xué)、天津美術(shù)學(xué)院、中國郵政儲蓄銀行、北京師范大學(xué)、廣州小鵬汽車科技有限公司、北京集度科技有限公司、泰康保險集團(tuán)股份有限公司、中國電信股份有限公司研究院、福建省農(nóng)村信用社聯(lián)合社、寧波銀行股份有限公司、北京郵電大學(xué)、北京汽車研究總院有限公司、江蘇常熟農(nóng)村商業(yè)銀行股份有限公司、交通銀行股份有限公司、京東科技控股股份有限公司、奇瑞汽車股份有限公司、麒麟軟件有限公司、華夏銀行股份有限公司、龍盈智達(dá)（北京）科技有限公司、清華大學(xué)國家服務(wù)外包人力資源研究院、北京科技大學(xué)、國能數(shù)智科技開發(fā)（北京）有限公司。本文件主要起草人：王景堯，吳荻，馮藝卓，曾晨曦，馬霽陽，羅琨，黃夢楠，孫繼成，張信峰，孫峰，曹海嘯，何夢醒，張家琿，常天恩，張然，顧世榮，王人杰，陳明，張樂，王妍，劉佳，鐘偉，程峰，王帥，趙默涵，李昭璐，呂貴林，劉杰，高杰，王芊，俞書偉，秦篤印，朱斌，朱一冰，王昊，張卓超，馬冬冬，沈越然，張立，趙倩，王兆龍，胡君，趙天嬌，朱鵬飛，蔣旎，張欣，郭利菊，張健，周雯，蔣希娜，馬丁，明芳文，范召國，董智明，劉馨，郝小超，李鐵萌，馬洋，胡丁丁，李莎莎，潘琳，吳佳虎，陸文杰，黃河?xùn)|，蓋勝平，王雙，忻運(yùn)躍，楊明星，陳芳，楊迎，鄧煥玉，何雄，竇金花，李夏光，劉斐。1T/ISC0065-2024企業(yè)級產(chǎn)品UI設(shè)計可訪問性（無障礙）規(guī)范本文件規(guī)定了企業(yè)級產(chǎn)品UI設(shè)計可訪問性（無障礙）規(guī)范。本文件適用于互聯(lián)網(wǎng)類產(chǎn)品的企業(yè)級產(chǎn)品UI設(shè)計可訪問性（無障礙）的評價、測試和指導(dǎo)，也可作為第三方權(quán)威評估機(jī)構(gòu)衡量企業(yè)級產(chǎn)品UI設(shè)計可訪問性（無障礙）的標(biāo)準(zhǔn)依據(jù)。2規(guī)范性引用文件下列文件對于本文件的應(yīng)用是必不可少的。凡是注日期的引用文件，僅注日期的版本適用于本文件。凡是不注日期的引用文件，其最新版本（包括所有的修改單）適用于本文件。3術(shù)語和定義下列術(shù)語和定義適用于本文件。3.1UI設(shè)計可訪問性（無障礙）UIDesignAccessibility(Barrierfree)UI設(shè)計可訪問性（無障礙）指的是在用戶界面設(shè)計中考慮到各種使用者的需求，包括殘障人士、老年人和其他特殊群體，確保他們能夠方便地獲取信息和使用產(chǎn)品或服務(wù)。這種設(shè)計考慮到視覺、聽覺和操作上的障礙，通過合適的設(shè)計和技術(shù)手段，使得產(chǎn)品對所有用戶都更加友好和易用。3.2時基媒體Time-basedMedia基于時間的媒體藝術(shù)，泛指使用膠卷、錄像、錄音、投影和電腦元素等具有播放長度的作品。3.3同步媒體SynchronizeMedia同步媒體指實(shí)時同步的媒體活動。包括但不限于網(wǎng)絡(luò)直播、新聞發(fā)布會和在線培訓(xùn)演示。4符號和縮略語下列縮略語適用于本文件。UI：用戶界面（UserInterface）LOGO：徽標(biāo)或者商標(biāo)（logotype）5總體架構(gòu)企業(yè)級產(chǎn)品UI設(shè)計可訪問性（無障礙）規(guī)范旨在確保產(chǎn)品能夠滿足各種用戶的需求，包括身體殘障、視覺障礙、聽覺障礙和認(rèn)知障礙的用戶。通過遵循規(guī)范，產(chǎn)品能夠提供清晰的導(dǎo)航、易于理解的內(nèi)容結(jié)構(gòu)、充分的鍵盤操作支持、以及對輔助技術(shù)的友好性，從而最大程度地包容并服務(wù)所有用戶群體，實(shí)現(xiàn)真正意義上的包容性設(shè)計。6技術(shù)要求6.1文本描述要求為任何非文本內(nèi)容提供文本描述，以便將其延展為部分用戶需要的其他形式，例如大字體、盲文、語音、符號或更簡單的語言。2T/ISC0065-20246.1.1控件或輸入框若非文本內(nèi)容是一個可操作控件，或允許用戶輸入的組件，則需要明確的名稱描述其目的和用處。6.1.2時基媒體若非文本內(nèi)容是一個時基媒體，則至少需要通過文本描述其題目標(biāo)識。6.1.3驗(yàn)證碼(CAPTCHA)若非文本內(nèi)容的目的是為了區(qū)分用戶是計算機(jī)還是人，則需要提供描述其目的和內(nèi)容的文本。并提供多種感官形式輸出驗(yàn)證碼，以適應(yīng)不同的感知?dú)堈稀?.1.4裝飾性元素若非文本內(nèi)容是視覺裝飾性元素、輔助格式布局，或是不展現(xiàn)給客戶的隱藏元素，則需要以不被殘障輔助技術(shù)識別的方式實(shí)現(xiàn)。6.2時基媒體輸出要求需提供以其他形式輸出的內(nèi)容。如字幕和閉合字幕、音頻描述、轉(zhuǎn)錄文本等，具體如下：a)預(yù)錄制純音頻：提供時基媒體的替代物，展示預(yù)錄制純音頻內(nèi)容的等價信息；b)預(yù)錄制純視頻：提供時基媒體的替代物或音頻軌道，展示預(yù)錄制純視頻內(nèi)容的等價信息。6.2.1多媒體視頻和音頻對于預(yù)錄制的視頻和音頻素材，須符合以下標(biāo)準(zhǔn)（除非音頻或視頻素材已經(jīng)提供文本描述）a)音頻素材：需提供以其他形式輸出的音頻內(nèi)容，呈現(xiàn)音頻內(nèi)容的等效信息。b)視頻素材：需提供視頻素材的替代方案，或提供視頻對應(yīng)的音頻內(nèi)容來呈現(xiàn)等效信息。6.2.2字幕(預(yù)錄制素材)為所有預(yù)錄制的多媒體素材提供字幕（除非該音視頻素材是文本信息的替代方案，并以明確標(biāo)注）6.2.3字幕(直播)為同步媒體中的所有實(shí)時音頻內(nèi)容提供字幕。6.2.4語音描述為預(yù)錄制的視頻素材提供語音描述。6.3可辨別性用戶可以更容易聽或看到頁面內(nèi)容6.3.1顏色的運(yùn)用不將顏色用作傳達(dá)信息、動作引導(dǎo)、提示信息或區(qū)分視覺元素的唯一方式。6.3.2音頻控制若網(wǎng)頁上的音頻文件自動播放超過3秒，需要通過某種方式可以暫停或停止音頻播放。或提供獨(dú)立于系統(tǒng)音量的機(jī)制來控制音頻音量。6.3.3文本對比度大文本(標(biāo)題)和背景圖像呈現(xiàn)的色彩對比度至少為3:1；正文文本和背景圖像呈現(xiàn)的色彩對比度至少為4.5:1，以確保內(nèi)容便于閱讀和識別。6.3.4文本大小的調(diào)節(jié)無需借助輔助工具，可將文本大小調(diào)整至200%。同時保證其功能性和內(nèi)容完整性。6.3.5文本間距使用支持以下文本樣式屬性的語言實(shí)現(xiàn)的內(nèi)容的情況下，通過設(shè)置以下內(nèi)容來保證文本的可讀性：a)行高至少為字體大小的1.5倍；3T/ISC0065-2024b)以下段落的間距至少為字體大小的2倍；c)字母間距（字距）至少為字體大小的0.12倍；d)字間距至少為字體大小的0.16倍。6.3.6文字圖片(即文字以圖片的形式呈現(xiàn))盡量使用文本而非文字圖片來傳達(dá)信息。以下情況除外：a)定制化：可根據(jù)用戶需求在視覺表達(dá)層面定制文字圖片；b)重要文本信息：特定的文本呈現(xiàn)方式對于所傳達(dá)的信息至關(guān)重要（例如LOGO中包含的文本內(nèi)容或品牌名）6.3.7非文本內(nèi)容對比度以下視覺元素與周邊環(huán)境顏色需呈現(xiàn)3:1的顏色對比度：a)組件：用戶界面中的組件，以及判斷其狀態(tài)的視覺信息（例如輸入框組件邊框顏色）b)圖片：需要用戶理解圖片中的部分內(nèi)容6.3.8懸停和聚焦?fàn)顟B(tài)下的內(nèi)容主要指通過光標(biāo)懸浮或聚焦，可呼出額外信息的圖層a)信息可被關(guān)閉：提供無需通過移動光標(biāo)懸停區(qū)域或切換鍵盤焦點(diǎn)，可關(guān)閉信息提示的機(jī)制。除非額外信息展示的是輸入錯誤的提示，或不對其他內(nèi)容存在遮擋。b)光標(biāo)可懸浮：若是通過光標(biāo)懸停觸發(fā)的額外信息展示，則應(yīng)滿足光標(biāo)移動到額外信息區(qū)域，內(nèi)容不會消失c)信息持久性：額外提示信息應(yīng)保持可見，直到光標(biāo)移出觸發(fā)區(qū)域、移除聚焦?fàn)顟B(tài)、用戶將其關(guān)閉或展示信息失效。6.4可預(yù)測性網(wǎng)頁的視覺外觀和操作方式應(yīng)具有可預(yù)測性。6.4.1聚焦時當(dāng)界面組件進(jìn)入聚焦?fàn)顟B(tài)時，不會引發(fā)上下文的更改。6.4.2輸入時對于界面中組件的操作不會自動引發(fā)上下文的變化，除非在使用組件之前已向用戶進(jìn)行了說明了。6.4.3導(dǎo)航的一致性在一個網(wǎng)站中，多個網(wǎng)頁重復(fù)出現(xiàn)的導(dǎo)航每次出現(xiàn)時都以相同的順序出現(xiàn)，除非用戶發(fā)起了變更。6.4.4視覺一致性在一個網(wǎng)站中，具有相同功能的組件應(yīng)具有一致性。6.5輸入輔助6.5.1輸入錯誤的識別如果自動檢測到輸入錯誤，會標(biāo)識出錯誤，并以文本方式描述錯誤。6.5.2標(biāo)簽或說明當(dāng)需要用戶輸入內(nèi)容時，應(yīng)提供標(biāo)簽或說明文本。6.5.3錯誤建議如果自動檢測到輸入錯誤并且已知如何糾正錯誤，則向用戶提供糾正建議，除非會危及內(nèi)容的安全6.5.4錯誤預(yù)防對于會導(dǎo)致用戶產(chǎn)生法律承諾或財務(wù)交易的網(wǎng)頁，修改、刪除數(shù)據(jù)時，或提交用戶數(shù)據(jù)時，應(yīng)滿足以下任一條件：4T/ISC0065-2024a)可逆轉(zhuǎn)：提交是可逆轉(zhuǎn)的。b)檢查：用戶輸入的數(shù)據(jù)會被檢查輸入錯誤，并為用戶提供進(jìn)行更正的機(jī)會。c)確認(rèn)：在最終提交之前，用戶可查看、確認(rèn)和更正信息。6.5.5語音輔助支持殘障等閱讀障礙人事的語音輔助功能（可選）。6.6操作輔助6.6.1誤操作的識別在檢測到用戶可能進(jìn)行誤操作時，系統(tǒng)應(yīng)明確標(biāo)識并提供相應(yīng)的反饋信息。6.6.2操作提示對于任何需要用戶進(jìn)行操作的功能，應(yīng)提供清晰的標(biāo)簽、圖標(biāo)或幫助文本，以便用戶理解其作用。6.6.3錯誤糾正建議如果系統(tǒng)檢測到誤操作，并且知道如何糾正，應(yīng)提供糾正操作的明確建議，除非這樣的糾正會違反安全性或隱私政策。6.6.4操作可逆性對于涉及重要數(shù)據(jù)修改、刪除或提交的操作，系統(tǒng)應(yīng)滿足以下至少一個條件：a)可逆操作：任何修改或刪除操作都應(yīng)該是可逆的，允許用戶撤銷操作。b)操作確認(rèn)：在執(zhí)行操作前，系統(tǒng)應(yīng)提供預(yù)覽，并讓用戶有機(jī)會更正。c)多步驟提交：對于重要操作，應(yīng)采用多步驟確認(rèn)流程，確保用戶有機(jī)會在最終提交前重新檢查和更正。6.6.5誤觸防護(hù)在設(shè)計界面時，應(yīng)考慮到誤觸的可能性，通過增大可點(diǎn)擊區(qū)域、添加間隔、減少易誤觸的元素來降低誤觸風(fēng)險。6.6.6清晰的返回和取消選項(xiàng)為用戶提供明確的返回和取消選項(xiàng)，以便在誤操作或改變主意時可以輕松撤銷。6.6.7操作反饋每次用戶操作后，系統(tǒng)應(yīng)提供視覺、聽覺或觸覺反饋，以確認(rèn)操作已被執(zhí)行。6.7頁面布局要求6.7.1合理的布局設(shè)計頁面的不同部分必須易于定位和識別。包括但不限于導(dǎo)航、菜單、標(biāo)題、正文部分。不同模塊應(yīng)位于符合用戶習(xí)慣的可預(yù)測的位置，并且具有視覺一致性。6.7.2界面布局保持聚焦可操作頁面布局可根據(jù)屏幕尺寸進(jìn)行自適應(yīng)，但當(dāng)可視的布局結(jié)構(gòu)發(fā)生變化時，界面中組件依然可以保持焦點(diǎn)聚焦的操作順序，保持可操作性。6.7.3文本內(nèi)容可讀性5T/ISC0065-2024網(wǎng)頁中采用便于閱讀的字體風(fēng)格(避免草書、裝飾性字體等)。同時遵循5.3.3、5.3.4、5.3.5，保證字體顏色、字體大小和文本布局的可讀性。支持符合殘障等閱讀障礙人士的閱讀模式（可選）。6.8可操作性用戶界面組件和導(dǎo)航必須可操作。6.8.1可使用鍵盤操作通過鍵盤可使用所有功能a)鍵盤操作：所有內(nèi)容的功能均可通過鍵盤操作。b)鍵盤交互一致性：如果可以使用鍵盤將焦點(diǎn)移動到頁面的某個組件上，那么只能使用鍵盤將焦點(diǎn)從該組件移開。若需要使用到除方向鍵、Tab鍵或常規(guī)退出鍵以外的按鍵，需要明確告知用戶取消聚焦?fàn)顟B(tài)的方式。c)焦點(diǎn)狀態(tài)：保持始終可見，且在視覺上有明顯不同，遵循“可辨別性”原則。6.8.2有充足的時間進(jìn)行閱讀或操作a)限定的時間可調(diào)整：對于有時間限制的內(nèi)容和操作，需要至少滿足以下一項(xiàng)1)關(guān)閉：允許用戶在被限制之前關(guān)閉時間限制；2)調(diào)整：允許用戶在被限制之前調(diào)整限制時長，調(diào)整范圍至少是默認(rèn)時長的十倍；3)延長：在到時前警告用戶，并提供至少20秒的時間來通過簡單操作延長時間限制，并且允許用戶至少延時十次；例外情況：1)時間限制是該事件的必要部分（例如拍賣），并且不存在其他方案；2)時間限制是該事件的必要部分，延長時間限制會導(dǎo)致活動無效；3)時間限制超過20小時。b)用戶可以進(jìn)行暫停、停止和隱藏的操作：對于移動、閃爍、滾動或自動更新的信息1)移動、閃爍、滾動：對于任何自動開始、持續(xù)時間超過五秒、并且與其他內(nèi)容并行呈現(xiàn)的移動、閃爍或滾動信息，應(yīng)提供給用戶可以暫停、停止或隱藏的機(jī)制。除非該效果是活動的一部分且是必要的；2)自動更新：對于任何自動開始并與其他內(nèi)容并行呈現(xiàn)的自動更新信息，應(yīng)提供給用戶可以暫停、停止、隱藏或控制更新的頻率的機(jī)制。除非自動更新是活動的一部分且是必要的。6.8.3避免不適的身體反應(yīng)（可選）避免會造成癲癇或其他不適身體反應(yīng)的效果設(shè)計a)避免三次閃爍：頁面中不包含在任何一個秒內(nèi)閃爍超過三次的內(nèi)容。6.8.4可導(dǎo)航性為用戶提供可導(dǎo)航、查找內(nèi)容并可以確定所在位置的方式a)頁面標(biāo)題和標(biāo)簽：網(wǎng)頁具有描述主題的標(biāo)題或標(biāo)簽，使用戶理解當(dāng)前所處位置、當(dāng)前頁面的意義。b)可跳過重復(fù)模塊：用戶可以繞過在網(wǎng)頁上重復(fù)出現(xiàn)的內(nèi)容模塊。例如：在頁面的頂部添加一個鏈接，允許用戶直接跳轉(zhuǎn)到主要內(nèi)容區(qū)域。c)焦點(diǎn)順序：若網(wǎng)頁可按順序進(jìn)行導(dǎo)航，且導(dǎo)航順序影響操作進(jìn)程，則組件可按順序接收焦點(diǎn)，保持系統(tǒng)的可操作性。d)鏈接的目的和作用：可以通過鏈接文本，或鏈接所在的上下文確定鏈接的目的和操作意義e)可