TISC 0065-2024 企業(yè)級(jí)產(chǎn)品U設(shè)計(jì)可訪問性（無障礙）規(guī)范

ICS35.240L60團(tuán) 體 標(biāo) 準(zhǔn)T/ISC0065-2024企業(yè)級(jí)產(chǎn)品UI設(shè)計(jì)可訪問性（無障礙）EnterpriseproductUIdesignaccessibility(barrierfree)specification（發(fā)布稿）2024–11–26

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