本專利屬于互聯(lián)網(wǎng)技術(shù)領(lǐng)域,具體而言涉及一種通過(guò)中介者實(shí)現(xiàn)網(wǎng)頁(yè)信息無(wú)障礙的方法。
背景技術(shù):
“信息無(wú)障礙”是指任何人在任何情況下都能平等、方便、無(wú)障礙地獲取信息并利用信息。在現(xiàn)有技術(shù)中,通常信息無(wú)障礙所指的是能夠?qū)崿F(xiàn)對(duì)于有視覺(jué)、聽覺(jué)等身體功能障礙的人提供無(wú)障礙信息的方法。
隨著計(jì)算機(jī)技術(shù)的普及,人們普遍對(duì)互聯(lián)網(wǎng)有很大需求,而對(duì)于有功能障礙的人士而言互聯(lián)網(wǎng)帶來(lái)了較大的挑戰(zhàn)。例如,很多互聯(lián)網(wǎng)上的信息通過(guò)網(wǎng)頁(yè)的形式呈現(xiàn)。但是對(duì)于視覺(jué)存在缺陷的人而言,瀏覽互聯(lián)網(wǎng)變得十分困難。
現(xiàn)有技術(shù)中已經(jīng)出現(xiàn)了讀屏軟件,以幫助視覺(jué)有障礙的人士瀏覽網(wǎng)頁(yè)。例如在ios上內(nèi)置的瀏覽器safari瀏覽網(wǎng)頁(yè)時(shí),可以使用ios內(nèi)置的讀屏軟件voiceover,通過(guò)閱讀網(wǎng)頁(yè)內(nèi)容的方式幫助有視覺(jué)障礙的人士來(lái)瀏覽網(wǎng)頁(yè)。
但是,現(xiàn)有技術(shù)中并非所有網(wǎng)頁(yè)或者是網(wǎng)頁(yè)上所有內(nèi)容都適合于通過(guò)讀屏軟件或者類似的其它功能的裝置實(shí)現(xiàn)無(wú)障礙化。因?yàn)榫W(wǎng)頁(yè)通常的設(shè)計(jì)并不能在受眾群體上考慮得較為周全,因此,有些內(nèi)容即便是通過(guò)相關(guān)軟件的輔助也并不方便瀏覽。因此,現(xiàn)有技術(shù)中需要一種實(shí)現(xiàn)網(wǎng)頁(yè)信息無(wú)障礙的方法。
技術(shù)實(shí)現(xiàn)要素:
本專利正是基于現(xiàn)有技術(shù)的上述需求而提出的,本專利要解決的技術(shù)問(wèn)題是提供一種一種通過(guò)中介者實(shí)現(xiàn)網(wǎng)頁(yè)信息無(wú)障礙的方法,以便于在用戶瀏覽網(wǎng)頁(yè)時(shí)提升網(wǎng)頁(yè)的無(wú)障礙性能。
為了解決上述問(wèn)題,本專利提供的技術(shù)方案包括:
一種通過(guò)中介者實(shí)現(xiàn)網(wǎng)頁(yè)信息無(wú)障礙的方法,所述方法包括:步驟一:獲取網(wǎng)絡(luò)上的網(wǎng)頁(yè)信息;其中,獲取網(wǎng)絡(luò)上的網(wǎng)頁(yè)信息包括從服務(wù)器上或者網(wǎng)絡(luò)鏈路上獲取網(wǎng)頁(yè)信息;所述網(wǎng)頁(yè)信息包括網(wǎng)頁(yè)數(shù)據(jù)或者與網(wǎng)頁(yè)數(shù)據(jù)相關(guān)的內(nèi)容;步驟二、分析所述網(wǎng)頁(yè)信息的內(nèi)容,找出無(wú)障礙問(wèn)題;其中,所述內(nèi)容包括網(wǎng)頁(yè)所呈現(xiàn)的一切內(nèi)容信息和網(wǎng)頁(yè)的源代碼中的內(nèi)容;所述無(wú)障礙問(wèn)題是指網(wǎng)頁(yè)信息中影響無(wú)障礙瀏覽、使用的問(wèn)題。步驟三、針對(duì)所述無(wú)障礙問(wèn)題修改原網(wǎng)頁(yè)中的信息,形成新的網(wǎng)頁(yè)內(nèi)容;其中,所述修改原網(wǎng)頁(yè)中的信息包括對(duì)該無(wú)障礙問(wèn)題進(jìn)行修改以得到無(wú)障礙的內(nèi)容;步驟四、將所述新的網(wǎng)頁(yè)內(nèi)容通過(guò)網(wǎng)絡(luò)傳送。
優(yōu)選地,所述無(wú)障礙問(wèn)題包括:在網(wǎng)頁(yè)呈現(xiàn)內(nèi)容方面,采用了圖片化的文字導(dǎo)致該文字無(wú)法使用屏幕閱讀器閱讀;在網(wǎng)頁(yè)的源代碼方面,輸入框缺少標(biāo)簽導(dǎo)致屏幕閱讀器無(wú)法獲取輸入框的目的描述,從而為使用屏幕閱讀器的用戶產(chǎn)生困擾;字實(shí)現(xiàn)按鈕缺少鍵盤焦點(diǎn),導(dǎo)致使用鍵盤的用戶,無(wú)法使用鍵盤tab鍵訪問(wèn)到此按鈕。
優(yōu)選地,修改原網(wǎng)頁(yè)中的信息包括:手動(dòng)修改原網(wǎng)頁(yè)的信息以及自動(dòng)修改源網(wǎng)頁(yè)的信息。
優(yōu)選地,所述自動(dòng)修改源網(wǎng)頁(yè)的信息包括:建立網(wǎng)頁(yè)url與修改內(nèi)容的映射表,當(dāng)檢測(cè)到所述網(wǎng)頁(yè)的url時(shí),在所述映射表上查找到相關(guān)的修改內(nèi)容,根據(jù)所述修改內(nèi)容完成網(wǎng)頁(yè)的自動(dòng)化無(wú)障礙修改;以及設(shè)立一個(gè)動(dòng)態(tài)發(fā)現(xiàn)網(wǎng)頁(yè)內(nèi)容存在信息無(wú)障礙問(wèn)題的集合,用來(lái)動(dòng)態(tài)的檢查網(wǎng)頁(yè)內(nèi)容是否存在信息無(wú)障礙問(wèn)題,根據(jù)所述信息無(wú)障礙問(wèn)題根據(jù)預(yù)先準(zhǔn)備的修改方式自動(dòng)完成網(wǎng)頁(yè)的自動(dòng)化無(wú)障礙修改。
通過(guò)上述技術(shù)方案,本專利在網(wǎng)絡(luò)上對(duì)于網(wǎng)頁(yè)上無(wú)障礙的問(wèn)題進(jìn)行修改,然后將修改后的信息通過(guò)網(wǎng)絡(luò)傳送出去,從而能夠在整個(gè)互聯(lián)網(wǎng)環(huán)境中提高信息無(wú)障礙的能力。
具體實(shí)施方式
下面對(duì)本專利的具體實(shí)施方式進(jìn)行詳細(xì)說(shuō)明,需要指出的是,該具體實(shí)施方式僅僅是對(duì)本專利優(yōu)選技術(shù)方案的舉例,并不能理解為對(duì)本專利的限制。
本具體實(shí)施方式提供了一種瀏覽器無(wú)障礙插件,所述插件包括如下模塊。
步驟一、獲取瀏覽器上準(zhǔn)備顯示的網(wǎng)頁(yè)信息。
在本步驟中,網(wǎng)頁(yè)通常通過(guò)瀏覽器來(lái)呈現(xiàn),瀏覽器呈現(xiàn)網(wǎng)頁(yè)數(shù)據(jù)時(shí),需要從服務(wù)器或者其他互聯(lián)網(wǎng)設(shè)備上獲取網(wǎng)頁(yè)信息,并將該網(wǎng)頁(yè)信息。
獲取網(wǎng)絡(luò)上的網(wǎng)頁(yè)信息包括從服務(wù)器上或者網(wǎng)絡(luò)鏈路上獲取網(wǎng)頁(yè)信息。由于網(wǎng)頁(yè)通常是從經(jīng)由網(wǎng)絡(luò)來(lái)傳送的,因此從服務(wù)器或者網(wǎng)絡(luò)鏈路上能夠較為集中地獲取網(wǎng)頁(yè)信息,從而為批量的網(wǎng)頁(yè)修改或者營(yíng)造一種無(wú)障礙的網(wǎng)絡(luò)環(huán)境有利。所述網(wǎng)頁(yè)信息包括網(wǎng)頁(yè)數(shù)據(jù)或者與網(wǎng)頁(yè)數(shù)據(jù)相關(guān)的內(nèi)容。
網(wǎng)頁(yè)信息分析模塊,分析所述網(wǎng)頁(yè)信息中不符合無(wú)障礙要求的內(nèi)容,找出無(wú)障礙問(wèn)題。
步驟二、分析所述網(wǎng)頁(yè)信息的內(nèi)容,找出無(wú)障礙問(wèn)題
獲取了網(wǎng)頁(yè)信息之后,即可以對(duì)所述網(wǎng)頁(yè)中的內(nèi)容進(jìn)行分析,所述內(nèi)容包括兩個(gè)方面,其一,指網(wǎng)頁(yè)所呈現(xiàn)的一切內(nèi)容信息,包括文字、表單、圖片、視頻、flash等一切可能被網(wǎng)頁(yè)承載的內(nèi)容。其二,指網(wǎng)頁(yè)的源代碼中的內(nèi)容。
所述無(wú)障礙問(wèn)題是指網(wǎng)頁(yè)信息中影響無(wú)障礙瀏覽、使用的問(wèn)題。
例如:在網(wǎng)頁(yè)呈現(xiàn)內(nèi)容方面,采用了圖片化的文字導(dǎo)致該文字無(wú)法使用屏幕閱讀器閱讀。在網(wǎng)頁(yè)的源代碼方面,輸入框缺少標(biāo)簽,導(dǎo)致屏幕閱讀器無(wú)法獲取輸入框的目的描述,從而為使用屏幕閱讀器的用戶產(chǎn)生困擾;字實(shí)現(xiàn)按鈕缺少鍵盤焦點(diǎn),導(dǎo)致使用鍵盤的用戶,無(wú)法使用鍵盤tab鍵訪問(wèn)到此按鈕;等等。
分析所述網(wǎng)頁(yè)的內(nèi)容,可以采用人工或自動(dòng)化的方式來(lái)完成?;蛘卟捎萌斯ず妥詣?dòng)化結(jié)合的方式來(lái)完成均可。
步驟三、針對(duì)所述無(wú)障礙問(wèn)題修改原網(wǎng)頁(yè)中的信息,形成新的網(wǎng)頁(yè)內(nèi)容;
發(fā)現(xiàn)網(wǎng)頁(yè)中的無(wú)障礙問(wèn)題后,即可以對(duì)該無(wú)障礙問(wèn)題進(jìn)行修改。在本具體實(shí)施方式中,可以手動(dòng)地修改上述問(wèn)題,例如:
對(duì)于存在缺少標(biāo)簽的輸入框代碼:
<span>用戶名:</span><inputtype="text"name="username"id="username"value=""/>
修改后具有標(biāo)簽的輸入框代碼:
<labelfor="username"><span>用戶名:</span></label><inputtype="text"name="username"id="username"value=""/>
對(duì)于無(wú)法被鍵盤tab鍵導(dǎo)航聚焦的登錄按鈕:
<divclass="btn"...>登錄</div>
修改后可以被鍵盤tab鍵導(dǎo)航聚焦的按鈕:
<divclass="btn"role="button"tabindex="0"...>登錄</div>
例如,存在信息無(wú)障礙問(wèn)題的網(wǎng)頁(yè)片段(此片段中的登錄按鈕缺少“登錄”文案,導(dǎo)致讀屏軟件無(wú)法讀出“登錄”,使得使用讀屏軟件的用戶無(wú)法得知此按鈕的作用):
<aclass="btn"id="btnlogin"href="javascript:void(0)"onclick="login()"><imgsrc="login.gif"/></a>
對(duì)應(yīng)上面的信息無(wú)障礙問(wèn)題,可編寫如下js腳本:
c.人工或自動(dòng)化,使傳給用戶的頁(yè)面內(nèi)容是包含此項(xiàng)js調(diào)用代碼的網(wǎng)頁(yè)內(nèi)容:
<scripttype="text/javascript"src="js腳本地址"></script>
然而,進(jìn)一步地,也可以采用自動(dòng)修改的方式來(lái)進(jìn)行上述修改。
所述自動(dòng)修改的方式可以采用兩個(gè)方式來(lái)完成:第一,建立網(wǎng)頁(yè)特征與修改內(nèi)容的映射表,所述修改內(nèi)容優(yōu)選包括js腳本。例如,可以建立一個(gè)網(wǎng)頁(yè)url與修改內(nèi)容的映射表,這樣當(dāng)檢測(cè)到所述網(wǎng)頁(yè)的url時(shí),在所述映射表上查找到相關(guān)的修改內(nèi)容,根據(jù)所述修改內(nèi)容完成網(wǎng)頁(yè)的自動(dòng)化無(wú)障礙修改。第二還可以設(shè)立一個(gè)動(dòng)態(tài)發(fā)現(xiàn)網(wǎng)頁(yè)內(nèi)容存在信息無(wú)障礙問(wèn)題的規(guī)律集合,用來(lái)動(dòng)態(tài)的檢查網(wǎng)頁(yè)內(nèi)容是否存在信息無(wú)障礙問(wèn)題,根據(jù)所述信息無(wú)障礙問(wèn)題根據(jù)預(yù)先準(zhǔn)備的修改方式自動(dòng)完成網(wǎng)頁(yè)的自動(dòng)化無(wú)障礙修改。
步驟四、將所述新的網(wǎng)頁(yè)內(nèi)容通過(guò)網(wǎng)絡(luò)傳送
經(jīng)過(guò)無(wú)障礙處理后的網(wǎng)頁(yè)內(nèi)容通過(guò)網(wǎng)絡(luò)再傳遞給用戶或者是其他相關(guān)方,這樣就可以實(shí)現(xiàn)網(wǎng)頁(yè)的無(wú)障礙瀏覽。
以上所述僅是本專利的較佳實(shí)施例而已,并非對(duì)本專利作任何形式上的限制,雖然本專利已以較佳實(shí)施例揭露如上,然而,上述描述并非用以限定本專利,任何熟悉本專業(yè)的技術(shù)人員在不脫離本專利的技術(shù)方案范圍內(nèi),當(dāng)可利用上述揭示的技術(shù)內(nèi)容做出些許更動(dòng)或修飾為等同變化的等效實(shí)施例,但是凡是未脫離本發(fā)明技術(shù)方案的內(nèi)容,依據(jù)本專利的技術(shù)實(shí)質(zhì)對(duì)以上實(shí)施例所作的任何簡(jiǎn)單修改、等同變化與修飾,均仍屬于本專利技術(shù)方案的范圍內(nèi)。