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

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

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