在已有網(wǎng)頁上運行js腳本(js腳本怎么在其他網(wǎng)站上運行)
深圳市信科網(wǎng)絡(luò)科技有限公司,成立于2013年,總部位于深圳,自成立以來一直致力于各類數(shù)字化系統(tǒng)應(yīng)用技術(shù)的服務(wù),專業(yè)從網(wǎng)站適老化與無障礙,更多詳細(xì)內(nèi)容請自行搜索“深圳市信科網(wǎng)絡(luò)科技有限公司”獲取方案及建議。
整體頁面模板的無障礙改造
從網(wǎng)站整體結(jié)構(gòu)來看,政府門戶網(wǎng)站結(jié)構(gòu)復(fù)雜,需要提供多種方式保證用戶以正常的順序瀏覽網(wǎng)頁欄目信息;
具體改造如下:
頁面采取統(tǒng)一的聲明標(biāo)準(zhǔn)。
對于頁面采取統(tǒng)一的聲明標(biāo)準(zhǔn),確保各種用戶代理均可以正常理解頁面的信息。
對頁面設(shè)置正確的頭部標(biāo)簽,并進(jìn)行seo優(yōu)化。
通過進(jìn)行seo優(yōu)化。確保搜索引擎可以有效地搜索頁面。同時輔助設(shè)備(讀屏軟件等)可以更好的理解當(dāng)前頁面的內(nèi)容。
修正錯誤的代碼,確保代碼元素符合語義化
根據(jù)W3C中(x)html代碼書寫規(guī)范,確保代碼元素語義化,使網(wǎng)站符合國際規(guī)范;
合理規(guī)劃網(wǎng)站元素
將行為元素和交互行為放到同一的腳本語言文
文本的無障礙改造
網(wǎng)站的文本內(nèi)容是用戶接受信息的渠道。文本內(nèi)容的可預(yù)測性和可讀性對于殘障人士來說是至關(guān)重要的。為了確保政府門戶網(wǎng)站文本內(nèi)容可以保證被屏幕讀取器正常閱讀和判斷。
具體改造如下:
明確語義化標(biāo)簽,以確保屏幕讀取器可以理解當(dāng)前的文本內(nèi)容,分清標(biāo)題、段落等。通常屏幕讀取器會針對標(biāo)題和段落采取不同的閱讀語速,為政府門戶網(wǎng)站增加文字轉(zhuǎn)換拼音和簡繁轉(zhuǎn)換插件。
圖片的無障礙改造
圖片已經(jīng)成為了現(xiàn)在網(wǎng)站頁面中的最重要的組成部分,包含大量的功能性、裝飾性、內(nèi)容性的圖片,大量裝飾性圖片對于殘障人士人士來說,對網(wǎng)站的閱讀理解以及網(wǎng)站操作容易帶來迷惑性與增加操作復(fù)雜度。
具體改造如下:
將政府門戶網(wǎng)站功能性、描述性圖片添加解釋性標(biāo)簽,通過前臺js插件自動復(fù)制上說明,將無意義和背景圖片通過研發(fā)的js插件隱藏掉,只要開啟無障礙,就自動隱藏?zé)o意義和背景的圖片。
展開全文
視頻音頻的無障礙改造
為原有視頻同步視窗增加時間同步滾動功能,保障視頻內(nèi)容和滾動字幕可以在所有時間點上同步。
具體改造如下:
針對視頻提供可視化滾動字幕,確保視頻播放到什么位置,聽力障礙人士都可以正常的瀏覽字幕。
為視頻提供一個標(biāo)題與內(nèi)容的文本形式的介紹,以確保視頻無法播放的時候,屏幕讀取器仍然可以告訴盲人當(dāng)前視頻的內(nèi)容是什么。
為音視頻增加快捷鍵,通過快捷鍵可以快速的播放、暫停、音量大小、快進(jìn)、快退的控制。
表單的無障礙改造
提供一個可以方便用戶方便的用鍵盤或其他非鼠標(biāo)設(shè)備進(jìn)行操作的表單,可確保肢體障礙的人士能夠使用任何設(shè)備方便簡單的操作表單。
具體改造如下:
針對所有只能通過鼠標(biāo)操作的交互行為,提供相應(yīng)鍵盤操作方式。
為每個表單控件,提供一個文本介紹,并確保這個文本介紹可以正確的指向這個表單。
為表單進(jìn)行分組和分組標(biāo)題,以確保屏幕讀取器可以理解表單的內(nèi)容。
為下拉框表單提供分組和分組標(biāo)題。以確保下拉框內(nèi)的內(nèi)容可以正確的被屏幕讀取器所理解。
為每個驗證碼提供,鍵盤或者鍵盤操作能獲取驗證碼,通過快捷鍵,可以語音播放驗證碼。
導(dǎo)航功能無障礙改造
本次項目將對政府門戶網(wǎng)站的導(dǎo)航無障礙功能進(jìn)行改造,改造后的導(dǎo)航不僅可以完全符合無障礙標(biāo)準(zhǔn),還要符合人性化的要求。比如:盲人在使用屏幕讀取器的時候,讀到一級導(dǎo)航的時候,會朗讀對應(yīng)的2級導(dǎo)航內(nèi)容。而不是朗讀另外的一級導(dǎo)航。
國際通用快捷鍵功能:我們采取國際化統(tǒng)一的快捷鍵方式,確保外籍用戶無需任何培訓(xùn),即可直接使用當(dāng)前頁面的快捷鍵。
快捷鍵主要包括直接跳轉(zhuǎn)到主要內(nèi)容,跳轉(zhuǎn)會導(dǎo)航鏈接,回到首頁鏈接等。
提供欄目跳轉(zhuǎn)快捷鍵,通過ALT + Z 鍵切換Tab鍵的狀態(tài)為欄目之間切換,使用戶可以通過Tab 在各欄目之間進(jìn)行切換,以便快速瀏覽用戶感興趣的欄目。再次使用ALT + Z 鍵可以講Tab鍵的狀態(tài)改變?yōu)樵绣^點切換狀態(tài)。
鍵盤操作無障礙改造
讀屏軟件是幫助盲人等視力障礙人士上網(wǎng)的工具,針對盲人等視力障礙人士上網(wǎng)不僅僅是支持了讀屏軟件就可以的,還需要對網(wǎng)站進(jìn)行全鍵盤操作的改造,讓盲人通過鍵盤的切換操作,就能夠?qū)W(wǎng)站進(jìn)行瀏覽、操作。為讀屏軟件用戶專門設(shè)計了一套統(tǒng)一的鍵盤快捷鍵操作方案,例如:
(1)支持全鍵盤操作,無需依賴于鼠標(biāo)。一般采用Tab鍵、光標(biāo)鍵切換、回車鍵確認(rèn)等,輔以讀屏軟件配置的朗讀功能鍵實現(xiàn)網(wǎng)頁的瀏覽和內(nèi)容頁的朗讀。
(2)欄目跳轉(zhuǎn),實現(xiàn)欄目分組間的跳轉(zhuǎn);一般采用Ctrl + Z鍵。
(3)區(qū)域跳轉(zhuǎn),實現(xiàn)頁面內(nèi)各區(qū)塊的跳轉(zhuǎn),主要包括:頂部導(dǎo)航區(qū)、左部導(dǎo)航區(qū)、中間內(nèi)容區(qū)、主要內(nèi)容區(qū)、底部內(nèi)容區(qū)等區(qū)塊;一般采用組合鍵:Alt + Shift + 數(shù)字鍵 1,2,3,…,等。
(4)熱點跳轉(zhuǎn)快捷鍵,可分別快速定位到:跳轉(zhuǎn)到無障礙操作說明頁面、跳轉(zhuǎn)到主菜單(網(wǎng)站導(dǎo)航)、跳轉(zhuǎn)到主要內(nèi)容區(qū)域、跳轉(zhuǎn)到網(wǎng)站地圖鏈接等。
一般采用Ctrl( 或 Alt) + 數(shù)字鍵 1,2,3,…,等。
無障礙使用指南及聲明
對于政府門戶網(wǎng)站的無障礙改造所遵循的標(biāo)準(zhǔn)說明、功能講解說明、以及其它相關(guān)信息說明等內(nèi)容給予詳細(xì)的介紹和講解。
將網(wǎng)站地圖鏈接和無障礙聲明鏈接嵌入網(wǎng)頁頭部(底部),使用戶能夠通過鏈接進(jìn)入對應(yīng)頁面,了解無障礙網(wǎng)站的整體結(jié)構(gòu)和相關(guān)功能的基本操作方法。
無障礙工具條部署
為了滿足色盲、弱視、老花眼、癲癇、光澤性過敏等人群對網(wǎng)站訪問的特殊性要求,提供無障礙輔助功能工具條。在保證現(xiàn)有網(wǎng)站基礎(chǔ)上進(jìn)行全網(wǎng)信息無障礙及適老化建設(shè),對所有頁面進(jìn)行優(yōu)化,使網(wǎng)站適應(yīng)不同人群的訪問需求。此工具條是基于服務(wù)端的應(yīng)用模式,不需要在計算機上安裝任何插件,并且兼容當(dāng)今主流瀏覽器,符合無障礙關(guān)于兼容性的要求。
無障礙工具條主要提供了多種視覺增強輔助效果(改變顏色,放大字體等),同時對于需要文化認(rèn)知輔助的用戶可在線聽讀、語音播報等功能,使用戶通過聽取語音從而快速方便地獲取網(wǎng)頁內(nèi)容。
無障礙瀏覽
老年人、殘障訪問者可以通過“無障礙瀏覽”下的輔助工具瀏覽政府網(wǎng)站。
專用讀屏
專用讀屏能夠自動開啟大字輔助屏顯示功能,并在頁面底部提供輔屏放大展示鼠標(biāo)指向文字自動朗讀頁面文字,同時支持繁簡轉(zhuǎn)換,拼音標(biāo)注;專用讀屏功能支持鼠標(biāo)或鍵盤快捷鍵切換導(dǎo)航區(qū)、瀏覽區(qū)、交互區(qū)、服務(wù)區(qū)。
聲音開關(guān)
語音播報是指對網(wǎng)站內(nèi)容進(jìn)行語音讀取,并可對讀取模式進(jìn)行切換設(shè)置功能。用戶利用此功能,可開啟/關(guān)閉語音播報,并且可以控制語音朗讀時的語速及音量。
用戶利用聲音控制功能,實現(xiàn)智能語音讀屏。支持頁面內(nèi)容聲音朗讀,可對聲音開關(guān)控制、聲音語速及音量調(diào)節(jié)及連讀模式和指讀模式。指讀模式是指只讀當(dāng)前所指標(biāo)簽內(nèi)的內(nèi)容,連讀模式是指從當(dāng)前所指內(nèi)容開始依次往下讀完該頁面所有可讀標(biāo)簽內(nèi)容。
閱讀方式
為用戶提供指讀模式和連讀兩種模式。閱讀方式的設(shè)置不僅可以采用鼠標(biāo)選擇點擊的方式,還支持鍵盤快捷方式進(jìn)行操作;同時支持全程操作與操作結(jié)果語音播報。
文字縮放
文字縮放是指設(shè)置文字大小的控制功能,以滿足用戶視覺感官需要。用戶可通過對鼠標(biāo)、鍵盤快捷鍵指向的文本內(nèi)容進(jìn)行縮放顯示。同時可切換簡體、繁體、拼音等不同字體。
頁面縮放
頁面縮放是指用戶對瀏覽器顯示比例進(jìn)行設(shè)置。用戶可以根據(jù)自身視力情況,對頁面進(jìn)行縮放顯示瀏覽,頁面大小可縮放至原始頁面的200%。
頁面配色
頁面配色是指用戶對頁面配色按照喜好進(jìn)行選擇設(shè)置。弱視用戶群體可通過此功能選擇頁面的配色模式,可根據(jù)自身需要切換網(wǎng)站配色,為弱視等用戶訪問網(wǎng)頁內(nèi)容提供幫助。
背景配色包括白底黑字、黑底黃字、黃底藍(lán)字、藍(lán)底黃字等符合弱視用戶群體瀏覽需求的配色。
鼠標(biāo)放大
鼠標(biāo)放大是為視覺障礙用戶定制的一鍵放大鼠標(biāo)的功能操作。用戶可通過此功能將鼠標(biāo)切換為大鼠標(biāo),通過放大鼠標(biāo)尺寸及樣式便于用戶進(jìn)行鼠標(biāo)操作與定位。
輔屏
輔屏是指用于對鼠標(biāo)所指的文本內(nèi)容進(jìn)行放大顯示。輔屏工具提供繁體、簡體、拼音等三種不同模式。
十字線
輔助線功能是以兩條紅線為基準(zhǔn)線,為視力障礙用戶校隊閱讀的位置提供幫助。
大字幕
提供一鍵放大字幕的功能。與文字隨訪功能不同,大字幕基于固定的放大比例和正常字幕,用戶點擊一次即可呈現(xiàn)固定放大比例的字幕,再點擊一次即可恢復(fù)至原有比例。
頁面后退/頁面前進(jìn)
頁面后退/頁面前進(jìn)功能是對頁面進(jìn)行前后頁面的跳轉(zhuǎn)。用戶利用此功能,可實現(xiàn)頁面的前后頁面的跳轉(zhuǎn),相當(dāng)于瀏覽器上方的前進(jìn)和后退鍵。
頁面重置
頁面重置功能是指將選擇的功能還原到初始狀態(tài)。用戶通過此功能可迅速恢復(fù)功能初始狀態(tài)。
說明
說明功能為用戶提供無障礙閱讀的文字使用說明。打開幫助頁面,用戶通過閱讀幫助文檔可快速掌握使用“無障礙瀏覽”下閱讀工具進(jìn)行操作瀏覽。
退出
支持關(guān)閉無障礙輔助工具界面,退出后頁面將回到正常瀏覽模式。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由河南新鄉(xiāng)捷東實業(yè)有限公司發(fā)布,如需轉(zhuǎn)載請注明出處。