附件適老化改造服務(wù)內(nèi)容

附件：適老化改造服務(wù)內(nèi)容智能導(dǎo)航改造引入“長者助手”適老化組件某市適老化改造工作需進(jìn)行智能導(dǎo)航改造工作，引入由采購單位指定的“長者助手”適老化組件。該適老化組件用于為操作者提供相應(yīng)的適老化體驗(yàn)，滿足適老化及無障礙改造的交互要求。智能導(dǎo)航位置改造根據(jù)網(wǎng)頁布局，確定智能導(dǎo)航入口位置，建議放在頁面頂部或右側(cè)工具欄?！臼纠簩?dǎo)航入口位置】智能讀(區(qū)塊指引)功能改造進(jìn)行智能讀（區(qū)塊指引）功能改造，實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)播放當(dāng)前區(qū)塊信息的引導(dǎo)音頻，并同步下方輔助屏幕顯示語言文本字幕。通過對(duì)網(wǎng)頁各信息區(qū)域的描述與介紹，結(jié)合適應(yīng)老年人瀏覽習(xí)慣、設(shè)計(jì)及交互更加簡潔的智能導(dǎo)航模式和語音閱讀服務(wù)，使老年用戶在訪問過程中隨時(shí)獲得信息、理解和進(jìn)行下一步操作。網(wǎng)站頁面模板改造頁面模板改造要求某市政府網(wǎng)站適老化改造工作將遵循國務(wù)院《關(guān)于切實(shí)解決老年人運(yùn)用智能技術(shù)困難的實(shí)施方案》（國辦發(fā)〔2020〕45號(hào)）、工業(yè)和信息化部《互聯(lián)網(wǎng)應(yīng)用適老化及無障礙改造專項(xiàng)行動(dòng)方案的通知》（工信部信管〔2020〕200號(hào)）和工業(yè)和信息化部《關(guān)于進(jìn)一步抓好互聯(lián)網(wǎng)應(yīng)用適老化及無障礙改造專項(xiàng)行動(dòng)實(shí)施工作的通知》（工信廳信管函〔2021〕67號(hào)）工作部署，以及《互聯(lián)網(wǎng)網(wǎng)站適老化通用設(shè)計(jì)規(guī)范》、《信息技術(shù)互聯(lián)網(wǎng)內(nèi)容無障礙可訪問性技術(shù)要求與測試方法》（GB/T37668-2019）等文件和規(guī)范的要求，在某市政府網(wǎng)站頁面模板改造需滿足可感知性、可操作性、可理解性和兼容性要求，并易于老年用戶和其他特殊人群辨識(shí)理解和操作?？筛兄砸缶W(wǎng)站的可感知性要求，包括對(duì)網(wǎng)站各網(wǎng)頁內(nèi)容中或以圖片形式的鏈接及內(nèi)容標(biāo)簽，或以控件形式的功能及服務(wù)，或以圖文與音視頻形式的媒體播放器等；網(wǎng)頁及文字的大小縮放、網(wǎng)頁背景色高對(duì)比設(shè)置和語音閱讀文字信息等；網(wǎng)頁類型及目的的文本與語音描述、各種組件的內(nèi)容及類型的文本與語音描述、各類信息區(qū)域及內(nèi)容數(shù)量的文本與語音描述；用戶操作中操作引導(dǎo)和及時(shí)糾錯(cuò)等。以下為網(wǎng)站可感知性改造的技術(shù)指標(biāo)：原則規(guī)定準(zhǔn)則要求指標(biāo)內(nèi)容可感知性非文本處理圖文驗(yàn)證碼非文本鏈接非文本控件非文本內(nèi)容圖形驗(yàn)證碼拼圖驗(yàn)證碼連續(xù)性處理上下文提示文本文本處理顏色用途文本字型大小調(diào)整頁面處理頁面大小調(diào)整高對(duì)比度配色方案頁面頭部信息描述區(qū)域信息描述多媒體處理多媒體信息描述文本預(yù)錄多媒體實(shí)時(shí)多媒體多媒體文字化可視化顯示多媒體手語視頻信息反饋提供多種信息交流反饋方式溝通交流網(wǎng)站的語音交流服務(wù)，應(yīng)提供一種文字替代的交流方式可操作性要求將網(wǎng)頁所有組件及信息內(nèi)容被鍵盤操作替代；建立和設(shè)置網(wǎng)頁智能信息盲道，支持用戶以快捷鍵方式定位和切換到各類信息服務(wù)區(qū)域；支持用戶以鍵盤操作方式訪問各種非焦點(diǎn)類型的信息和內(nèi)容。以下為網(wǎng)站可操作性改造的技術(shù)指標(biāo)：原則規(guī)定準(zhǔn)則要求指標(biāo)內(nèi)容可操作性組件聚焦非裝飾性組件聚焦組件聚焦關(guān)聯(lián)性鍵盤控制鍵盤可全程替代鼠標(biāo)操作焦點(diǎn)陷入或光標(biāo)陷阱焦點(diǎn)順序與內(nèi)容展現(xiàn)一致關(guān)閉漂浮窗體多媒體播放控制智能盲道跳過重復(fù)內(nèi)容信息區(qū)域定位信息區(qū)域遍歷信息輸入處理輸入提示可理解性要求處理用戶不理解的專業(yè)術(shù)語和其他類型的偏僻用語，以及供實(shí)時(shí)在線的操作引導(dǎo)和幫助等。以下為網(wǎng)站可理解性改造的技術(shù)指標(biāo)：原則規(guī)定準(zhǔn)則要求指標(biāo)內(nèi)容可理解性內(nèi)容一致性聚焦穩(wěn)定引導(dǎo)機(jī)制網(wǎng)頁區(qū)域類別描述幫助信息快捷鍵幫助信息兼容性要求在可感知性、可操作性方面友好支持盲用讀屏無障礙訪問和操作，并標(biāo)注和開放操作接口供語音控制等智能輔助技術(shù)訪問和操作。以下為網(wǎng)站兼容性改造的技術(shù)指標(biāo)：原則規(guī)定準(zhǔn)則要求指標(biāo)內(nèi)容兼容性瀏覽器PC主流瀏覽器輔助技術(shù)盲用讀屏軟件操作系統(tǒng)自帶輔助技術(shù)語音識(shí)別等控制技術(shù)頁面模板改造項(xiàng)某市政府網(wǎng)站所需改造模板數(shù)量情況見下表，根據(jù)頁面模板改造要求，頁面模板改造包括字號(hào)改造、對(duì)比度改造、圖片及非文本鏈接改造、TAB鍵相關(guān)改造、iframe相關(guān)改造、標(biāo)簽相關(guān)改造等。字號(hào)改造《互聯(lián)網(wǎng)網(wǎng)站適老化通用設(shè)計(jì)規(guī)范》指出：“在不依賴操作系統(tǒng)和瀏覽器的前提下，計(jì)算機(jī)適老化網(wǎng)頁應(yīng)提供網(wǎng)頁的放大設(shè)置與大字屏幕服務(wù)，移動(dòng)網(wǎng)頁至少提供一種18dp/pt及以上的大字體?！备鶕?jù)該標(biāo)準(zhǔn)，改造將遵循以下步驟：（一）改造標(biāo)準(zhǔn)網(wǎng)頁頂部及底部區(qū)域字號(hào)小于14px的文字根據(jù)頁面樣式改成14px及以上。網(wǎng)頁中間區(qū)域重點(diǎn)內(nèi)容字號(hào)小于16px的文字根據(jù)頁面樣式改成16px及以上。改造內(nèi)容常見模塊：頁面頭部字體：在首頁模板頭部字體color字段寫上14px，確保區(qū)域字號(hào)小于14px；概覽類信息：在全站概覽模板標(biāo)題、摘要、日期、分類、單位模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；細(xì)覽類信息：在全站細(xì)覽模板信息來源、日期、正文等字號(hào)不低于16px模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；提示語：在全站欄目、快捷入口等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；底部信息：在全站底部站點(diǎn)切換、外鏈、版權(quán)信息、機(jī)構(gòu)信息等模板里color字段寫上14px，確保區(qū)域字號(hào)小于14px；面包屑：在全站面包屑等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；操作按鈕：在全站切換、注冊(cè)、登錄、更多、展開、訂閱等按鈕模板里color字段寫上14px，確保區(qū)域字號(hào)小于14px；列表：在全站表頭、列表內(nèi)容字號(hào)等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；搜索：在全站關(guān)鍵詞、類型等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；統(tǒng)計(jì)：在全站各類統(tǒng)計(jì)數(shù)據(jù)頁面等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；表單：在全站表單字段及內(nèi)容等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；通知：在全站通知文案等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；對(duì)話：在全站對(duì)話等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px；目錄：在全站目錄文案等模板里color字段寫上16px，確保區(qū)域字號(hào)小于16px。對(duì)比度改造某市政府網(wǎng)站適老化改造將對(duì)市政府門戶網(wǎng)站（含已集約的部門鎮(zhèn)街頻道內(nèi)容）和市直部門政府網(wǎng)站的對(duì)比度做以下調(diào)整：在展現(xiàn)服務(wù)信息的網(wǎng)頁，對(duì)各信息服務(wù)區(qū)域以色彩差異進(jìn)行區(qū)別，以方便老人用戶辨識(shí)。（一）改造標(biāo)準(zhǔn)網(wǎng)頁所有白色背景下的Color屬性超過#CCCCCC（即亮度低于80%的黑色字體）均需改造。（二）改造內(nèi)容根據(jù)改造標(biāo)準(zhǔn)排查各自網(wǎng)頁對(duì)比度，標(biāo)準(zhǔn)為Color屬性大于#CCCCCC的需調(diào)整到#CCCCCC及以下。圖片及非文本鏈接改造某市政府網(wǎng)站適老化改造將對(duì)市政府門戶網(wǎng)站（含已集約的部門鎮(zhèn)街頻道內(nèi)容）和市直部門政府網(wǎng)站的圖片及非文本鏈接做如下改造：以非文本形式的鏈接，應(yīng)提供語音閱讀其鏈接的目的或鏈接用途的適老化服務(wù)。（一）改造標(biāo)準(zhǔn)非文本鏈接沒有title屬性需要加上，重要圖片沒有title屬性及alt屬性需要加上。（二）改造內(nèi)容常見模塊：圖片、非文本鏈接：所有非文本鏈接加上title屬性，重要圖片加上title屬性及alt屬性。二維碼：各類二維碼加上title屬性及alt屬性。TAB鍵相關(guān)改造某市政府網(wǎng)站適老化改造將對(duì)市政府門戶網(wǎng)站（含已集約的部門鎮(zhèn)街頻道內(nèi)容）和市直部門政府網(wǎng)站的TAB鍵做如下改造：鼠標(biāo)，或指點(diǎn)，或鍵盤操作，或以其他方式聚焦到頁面各組件時(shí)，該組件應(yīng)有明顯的狀態(tài)提示。（一）改造標(biāo)準(zhǔn)若按TAB鍵網(wǎng)頁按鈕無法被聚焦則需要添加outline屬性；TAB切換不是按網(wǎng)頁從左往右從上往下切換的需檢查是否手動(dòng)調(diào)整tabindex屬性，將tabindex設(shè)為0。（二）改造內(nèi)容根據(jù)改造標(biāo)準(zhǔn)排查各自網(wǎng)頁是否手寫tabindex屬性，如有則去掉網(wǎng)頁手寫的tabindex屬性。iframe相關(guān)改造某市政府網(wǎng)站適老化改造將對(duì)市政府門戶網(wǎng)站（含已集約的部門鎮(zhèn)街頻道內(nèi)容）和市直部門政府網(wǎng)站的iframe做如下改造：訪問同一站點(diǎn)上多個(gè)頁面的屏幕閱讀器用戶可以避免在讀出主要內(nèi)容之前聽到每個(gè)頁面上的所有標(biāo)題圖形和數(shù)十個(gè)導(dǎo)航鏈接。只使用鍵盤或鍵盤界面的人可以通過更少的擊鍵來訪問內(nèi)容。否則，他們可能必須在到達(dá)主要內(nèi)容區(qū)域中的鏈接之前進(jìn)行多次擊鍵。使用屏幕放大鏡的人不必在每次進(jìn)入新頁面時(shí)搜索相同的標(biāo)題或其他信息塊來查找內(nèi)容的開始位置。當(dāng)鏈接被分組到列表中時(shí)，有認(rèn)知限制的人和使用屏幕閱讀器的人更容易操作。根據(jù)該標(biāo)準(zhǔn)，對(duì)各網(wǎng)站進(jìn)行以下改造：（一）改造標(biāo)準(zhǔn)iframe沒有title屬性均需加上。（二）改造內(nèi)容根據(jù)改造標(biāo)準(zhǔn)排查各自網(wǎng)頁，將全站網(wǎng)站iframe加上title屬性。標(biāo)簽相關(guān)改造某市政府網(wǎng)站適老化改造將對(duì)市政府門戶網(wǎng)站（含已集約的部門鎮(zhèn)街頻道內(nèi)容）和市直部門政府網(wǎng)站的標(biāo)簽做如下改造：描述性標(biāo)題對(duì)于閱讀速度緩慢的殘障用戶和短期記憶力有限的用戶特別有用。帶有標(biāo)簽的表單輸入控件清楚地描述了預(yù)期輸入的內(nèi)容，可幫助用戶了解如何成功完成表單。根據(jù)該標(biāo)準(zhǔn)，對(duì)各網(wǎng)站進(jìn)行以下改造：（一）改造標(biāo)準(zhǔn)<head>內(nèi)的標(biāo)簽無<title>屬性需要加上，<html>內(nèi)的標(biāo)簽無<lang>屬性需加上。（二）改造內(nèi)容排查全站網(wǎng)頁，在head加上title屬性，html加上lang屬性。兼容讀屏軟件改造某市政府網(wǎng)站適老化改造將對(duì)市政府門戶網(wǎng)站（含已集約的部門鎮(zhèn)街頻道內(nèi)容）和市直部門政府網(wǎng)站兼容讀屏軟件做如下改造：在頁面上添加智能盲道，配合插件，用于對(duì)讀屏軟件提供支持。（一）改造標(biāo)準(zhǔn)全站頁面兼容主流讀屏軟件。（二）改造內(nèi)容進(jìn)入網(wǎng)頁首個(gè)tab鍵讀取盲道操作指引。將模版劃分為導(dǎo)航區(qū)、視窗區(qū)、交互區(qū)、服務(wù)區(qū)，每個(gè)區(qū)域加上快捷鍵、altdes分區(qū)屬性描述、aria-label屬性描述。每個(gè)模塊分區(qū)若有特殊操作快捷鍵，在外層的aria-label屬性配置操作快捷鍵描述。支持全鍵盤操作改造某市政府網(wǎng)站適老化改造將對(duì)市政府門戶網(wǎng)站（含已集約的部門鎮(zhèn)街頻道內(nèi)容）和市直部門政府網(wǎng)站支持全鍵盤做如下改造：監(jiān)測所有頁面不支持鍵盤操作的區(qū)域和組件，進(jìn)行調(diào)整。（一）改造標(biāo)準(zhǔn)全站頁面均可支持鍵盤操作。（二）改造內(nèi)容主要對(duì)頁面兩種特殊組件進(jìn)行改造：改造Tabs標(biāo)簽切換組件，將Tab鍵聚焦至標(biāo)簽項(xiàng)，按↑↓→←方向鍵操作標(biāo)簽項(xiàng)，切換內(nèi)容項(xiàng)；切換至相應(yīng)內(nèi)容項(xiàng)后，按Tab鍵定位內(nèi)容項(xiàng)里的鏈接。改造Dropdown下拉組件，將Tab鍵聚焦至下拉項(xiàng)，按Space(空格)或Enter(回車)打開下拉內(nèi)容項(xiàng)；切換至相應(yīng)內(nèi)容項(xiàng)后，按Tab鍵定位內(nèi)容項(xiàng)里的鏈接；按ESC鍵關(guān)閉下拉內(nèi)容項(xiàng)，重新聚焦至下拉項(xiàng)。頁面兼容性調(diào)試對(duì)網(wǎng)頁兼容性以及代碼錯(cuò)誤進(jìn)行調(diào)試，優(yōu)化代碼，包括多余執(zhí)行的冗余和代碼數(shù)量的冗余等；對(duì)原網(wǎng)站的代碼的中的涉及路徑編寫的標(biāo)簽進(jìn)行檢查，整理相應(yīng)的路徑編寫以及樣式、腳本文件的存放路徑。對(duì)網(wǎng)頁兼容性以及代碼錯(cuò)誤進(jìn)行調(diào)試，優(yōu)化代碼，包括多余執(zhí)行的冗余和代碼數(shù)量的冗余等。獲取原網(wǎng)站的css、js的文件，提取文件內(nèi)容，并對(duì)第三方的js文件或者iconfont文件進(jìn)行統(tǒng)一管理，優(yōu)化原網(wǎng)站的文件調(diào)用。宣傳類浮窗的關(guān)閉操作某市政府網(wǎng)站適老化改造工作將針對(duì)宣傳類且無指向鏈接的漂浮窗做如下改造：網(wǎng)頁中如有漂浮窗體，盡可能在網(wǎng)頁加載時(shí)與網(wǎng)頁同步出現(xiàn)，并提供一個(gè)長期關(guān)閉的機(jī)制。如網(wǎng)頁需要臨時(shí)出現(xiàn)漂浮窗體，應(yīng)有一種告知方式，并提供一個(gè)長期關(guān)閉的機(jī)制。改造標(biāo)準(zhǔn)針對(duì)宣傳類且無指向鏈接的漂浮窗（非面向當(dāng)前用戶辦理業(yè)務(wù)的告知類窗體），利用如記錄操作到cookie的手段，使用戶重新打開頁面不再二次出現(xiàn)。當(dāng)?shù)谝淮渭虞d頁面時(shí)（這時(shí)還沒有設(shè)置cookie等），當(dāng)然要把網(wǎng)頁背景圖片加載，顯示完整的頁面效果。當(dāng)我們點(diǎn)擊“關(guān)閉”按鈕時(shí)，這個(gè)時(shí)候Javascript會(huì)把頁面已經(jīng)加載的背景圖片干掉，即不顯示出來，并且設(shè)置cookie，通過cookie的過期時(shí)間來控制大背景圖片是否顯示。當(dāng)我們?cè)俅未蜷_頁面時(shí)，Javascript先去檢測頁底橫幅廣告關(guān)聯(lián)的cookie信息，如果cookie表示的信息是關(guān)閉的，則不顯示頁底廣告，反之顯示頁底廣告。我們?cè)邳c(diǎn)擊關(guān)閉按鈕的時(shí)候會(huì)調(diào)用closeFootAd()函數(shù)，點(diǎn)擊關(guān)閉按鈕，則將廣告條隱藏，即關(guān)閉，并設(shè)置cookie相關(guān)值。

“長者瀏覽模式”頁面設(shè)計(jì)制作按照相關(guān)規(guī)范提出的“增加與網(wǎng)頁內(nèi)容同等的界面簡約化、服務(wù)差異化、信息扁平化、標(biāo)識(shí)統(tǒng)一化的適老化界面”的改造要求，對(duì)照某市政府網(wǎng)站，包括市政府門戶