一種網頁無障礙處理方法及相關設備的制造方法
【專利摘要】本發明提供了一種網頁無障礙處理方法及相關設備,其中方法包括:獲取目標網頁的網頁文件;檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素;若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本;向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化。采用本發明,可以使用戶無障礙的通過輔助應用程序獲取目標網頁的內容。
【專利說明】
一種網頁無障礙處理方法及相關設備
技術領域
[0001]本發明涉及電子技術領域,尤其涉及一種網頁無障礙處理方法及相關設備。
【背景技術】
[0002]隨著智能手機、個人電腦等計算機設備的快速普及,各種移動互聯網應用也層出不窮,越來越多的用戶能夠真實感受到移動互聯技術帶來的生活便利和無線樂趣;但是,社會中還有一部分特殊群體也需要使用智能手機等計算機設備,那就是有一定功能障礙的人群,例如視障人群,尤其是全盲的視障群體,完全是靠耳朵聽取聲音來操作計算機。
[0003]在用戶使用智能手機、平板電腦、個人電腦等終端設備的輔助操作功能(包括但不限于Voiceover、Talkback等讀屏軟件和其他類似功能的應用),可以將界面元素及其功能提取出來并通過TTS(Text to Speech,文字轉語音技術)把所選擇的文字用語音播放出來,以幫助用戶了解網頁所顯示的內容,給用戶帶來了更全面更豐富的使用體驗,尤其是使得存在一定功能障礙的人群(例如視覺障礙的殘障人員、老年人等特殊群體)能夠無障礙的使用智能手機等終端設備。
[0004]但是,現階段的網頁中通常都存在有一些不能夠被輔助操作功能或者應用所識別的網頁元素,例如缺少文字標簽的圖片或者圖標、缺少功能描述的按鈕等等。這些不能夠被輔助操作功能或應用識別的網頁元素,會造成用戶瀏覽和使用網頁的障礙,即不能通過輔助操作功能或應用來全面地了解網頁內容或者使用網頁功能,甚至可能會產生一些誤操作而造成一些損失。
【發明內容】
[0005]本發明實施例所要解決的技術問題在于,提供一種網頁無障礙處理方法及相關設備,以期解決基于輔助操作功能的網頁瀏覽障礙,提升用戶的操作體驗。
[0006]本發明實施例提供了一種網頁無障礙處理方法,該方法包括:
[0007]獲取目標網頁的網頁文件;
[0008]檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素;
[0009]若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本;
[0010]向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化。
[0011 ]可選的,所述針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本包括:
[0012]根據所述至少一個網頁元素的功能或屬性,確定所述至少一個網頁元素分別對應的文本描述;
[0013]生成攜帶所述至少一個網頁元素分別對應的文本描述的所述無障礙優化腳本。
[0014]本發明實施例還提供了一種網頁無障礙處理方法,該方法包括:
[0015]接收目標網頁的無障礙優化腳本;
[0016]在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息;
[0017]當接收到客戶端發送的針對所述目標網頁的訪問請求時,向所述客戶端發送包括所述腳本引用信息的目標網頁的網頁文件,以使所述客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述目標網頁進行優化。
[0018]可選的,所述目標網頁的無障礙優化腳本包括根據所述目標網頁中無法被輔助應用程序識別的至少一個網頁元素的功能或屬性確定的所述至少一個網頁元素分別對應的文本描述。
[0019]本發明實施例還提供了一種網頁無障礙處理方法,該方法包括:
[0020]向網頁服務器發送針對目標網頁的訪問請求;
[0021]接收所述網頁服務器發送的所述目標網頁的網頁文件,所述目標網頁的網頁文件中包括無障礙優化腳本對應的腳本引用信息;
[0022]讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化;
[0023]輸出優化后的無障礙的目標網頁。
[0024]本發明實施例提供了一種設備,該設備包括:
[0025]獲取模塊,用于獲取目標網頁的網頁文件;
[0026]檢測模塊,用于檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素;
[0027]腳本模塊,用于若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本;
[0028]發送模塊,用于向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化。
[0029]可選的,所述腳本模塊用于:
[0030]根據所述至少一個網頁元素的功能或屬性,確定所述至少一個網頁元素分別對應的文本描述;
[0031]生成攜帶所述至少一個網頁元素分別對應的文本描述的所述無障礙優化腳本。
[0032]本發明實施例還提供了一種網頁服務器,該網頁服務器包括:
[0033]接收模塊,用于接收目標網頁的無障礙優化腳本;
[0034]添加模塊,用于在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息;
[0035]發送模塊,用于當接收到客戶端發送的針對所述目標網頁的訪問請求時,向所述客戶端發送包括所述腳本引用信息的目標網頁的網頁文件,以使所述客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述目標網頁進行優化。
[0036]可選的,所述目標網頁的無障礙優化腳本包括根據所述目標網頁中無法被輔助應用程序識別的至少一個網頁元素的功能或屬性確定的所述至少一個網頁元素分別對應的文本描述。
[0037]本發明實施例還提供了一種客戶端,該客戶端包括:
[0038]請求模塊,用于向網頁服務器發送針對目標網頁的訪問請求;
[0039]接收模塊,用于接收所述網頁服務器發送的所述目標網頁的網頁文件,所述目標網頁的網頁文件中包括無障礙優化腳本對應的腳本引用信息;
[0040]優化模塊,用于讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化;
[0041]輸出模塊,用于輸出優化后的無障礙的目標網頁。
[0042]本發明實施例通過獲取目標網頁的網頁文件,檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素,若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本,向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化,可以通過無障礙優化腳本對目標網頁的網頁文件中無法被輔助應用程序識別的網頁元素進行優化,從而當用戶通過客戶端訪問目標網頁時,可以無障礙的通過輔助應用程序獲取目標網頁的內容。
【附圖說明】
[0043]為了更清楚地說明本發明實施例或現有技術中的技術方案,下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發明的一些實施例,對于本領域普通技術人員來講,在不付出創造性勞動的前提下,還可以根據這些附圖獲得其他的附圖。
[0044]圖1是本發明實施例中一種網頁無障礙處理方法的流程示意圖;
[0045]圖2是本發明實施例中另一種網頁無障礙處理方法的流程示意圖;
[0046]圖3是本發明實施例中一種第一設備的組成結構圖;
[0047]圖4是本發明實施例中另一種第一設備的組成結構圖;
[0048]圖5是本發明實施例中一種網頁服務器的組成結構圖;
[0049]圖6是本發明實施例中另一種網頁服務器的組成結構圖;
[0050]圖7是本發明實施例中一種客戶端的組成結構圖;
[0051]圖8是本發明實施例中另一種客戶端的組成結構圖。
【具體實施方式】
[0052]下面將結合本發明實施例中的附圖,對本發明實施例中的技術方案進行清楚、完整地描述,顯然,所描述的實施例僅僅是本發明一部分實施例,而不是全部的實施例。基于本發明中的實施例,本領域普通技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施例,都屬于本發明保護的范圍。
[0053]圖1是本發明實施例中一種網頁無障礙處理方法的流程示意圖,本方法流程可以由一種第一設備、網頁服務器以及客戶端共同實施,所述第一設備可以為電子終端或者服務器或運行在電子終端或服務器的軟件程序,所述客戶端可以為用戶終端,所述用戶終端可以包括手機、筆記本電腦、平板電腦、個人電腦等。本實施例適用于任何網頁的無障礙處理,其處理過程都是一致的,因此本實施例中僅用一個網頁,即目標網頁為代表,對處理過程進行描述。
[0054]如圖所示所述方法至少包括:
[0055]步驟SlOl,第一設備獲取目標網頁的網頁文件。
[0056]具體的,網頁文件可以是包含目標網頁的所有網頁元素的源代碼腳本文件,其中網頁元素可以包括網頁中的文字、控件、圖片、視頻等等,也即讀取該網頁文件就可以對目標網頁進行瀏覽和操作。具體實施中,該網頁文件可以是預先存儲在第一設備中的,第一設備通過存儲該網頁文件的存儲地址或者存儲空間就可以直接獲取目標網頁的網頁文件;該網頁文件也可以是網頁服務器接收到客戶端對目標網頁的訪問請求時,向第一設備實時發送的無障礙處理請求中攜帶的,第一設備接收之后來獲取目標網頁的網頁文件。
[0057]步驟S102,第一設備檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素。
[0058]具體的,輔助應用程序包括但不限于Voiceover、Talkback等讀屏軟件和其他類似功能的應用,一般來說,用戶在點擊或者對某一網頁元素進行操作后,讀屏類的輔助應用可以將該網頁元素對應的內容或者功能以語音的方式輸出給用戶,這樣用戶即使是視障人士,也可以了解當前正在操作的這以網頁元素的內容或功能。相反地,有一些網頁元素因為缺少了無障礙的描述信息,會造成無法被輔助應用程序識別。
[0059]在具體實施過程中,第一設備可以通過具備檢測功能的檢測工具或者直接利用讀屏類應用程序,檢測目標網頁的網頁文件中是否存在不能夠被輔助應用程序讀出的至少一個網頁元素。
[0060]步驟S103,若存在,則第一設備針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本。
[0061]具體的,無障礙優化腳本是針對網頁中不能被輔助應用程序識別的網頁元素進行優化、修改等操作后生成的一個腳本文件,也就是說,在原始網頁文件中添加對應該網頁文件的無障礙優化腳本后,就能夠使網頁文件中原本不能被輔助應用程序識別的網頁元素變成可以識別的網頁元素。
[0062]具體實施中,當第一設備檢測出存在不能夠被輔助應用程序識別的至少一個網頁元素時,則獲取目標網頁的網頁文件中的上述不被識別的網頁元素,針對這些網頁元素生成對應的無障礙優化腳本。
[0063]可選的,步驟S103可以具體包括以下兩個步驟:
[0064]步驟S1031,第一設備根據所述至少一個網頁元素的功能或屬性,確定所述至少一個網頁元素分別對應的文本描述。
[0065]具體的,每一個網頁元素都有對應的功能或者屬性,例如一個顯示為“確定”的圖標,其功能是用于觸發某一個操作,而其屬性可以是一個觸發按鈕。網頁元素對應的文本描述則是為該網頁元素增加或者修改的一段用于描述網頁元素的功能或者屬性的文本,該文本描述是輔助應用程序可以識別的,即可以通過該段文本描述向用戶輸出該網頁元素的功能或者屬性。
[0066]例如,網頁元素是一個沒有描述文本的圖片,讀屏類的輔助應用程序是不能夠將該圖片的內容讀出來輸出給用戶的,假設該圖片的功能就是信息無障礙網站的網站標識,第一設備可以確定該圖片對應的文本描述可以為“信息無障礙網站標識”;假設該圖片展示的是一個按鈕,功能是提交用戶輸入的信息,第一設備可以確定增加該圖片對應的文本描述為“提交”。
[0067]又例如,視障人士在使用個人電腦的輔助應用程序進行網頁瀏覽時,時常通過鍵盤的Tab鍵來切換當前被朗讀的網頁元素,但是有一個網頁元素是一個無法被Tab鍵定位到的可點擊按鈕,也就是說用戶通過Tab鍵切換是無法讀到該按鈕的,并且也無法通過Tab鍵的切換來選中該按鈕進行操作,則第一設備根據該按鈕的屬性,可以增加對該按鍵的標簽屬性,該標簽屬性可以使Tab鍵定位到該按鈕,例如,對該按鈕增加tabindex= “O”的標簽屬性,就可以把這個按鈕加入到TAB鍵的序列中。
[0068]再例如,有一種網頁元素是通過文字或圖片在網頁中展示的控件,鼠標點擊或者掃過該文字或圖片可以進一步展示該控件中的其他內容,也就是說,這里的文字或圖片的屬性是一種按鈕,可以增加一段對該文字或圖片的屬性為按鈕的文本描述。
[0069]步驟S1032,第一設備生成攜帶所述至少一個網頁元素分別對應的文本描述的所述無障礙優化腳本。
[0070]當確定了上述至少一個網頁元素分別對應的文本描述后,就可以生成攜帶該文本描述的無障礙優化腳本。
[0071]舉例來說,如果無障礙優化腳本為使用JS語言(JavaScript,直譯式腳本語言)編寫的腳本,那么可以有針對以下幾種網頁元素生成的無障礙優化腳本,需要說明的是,以下僅為部分的舉例表示,并非全部的網頁元素以及無障礙優化腳本。
[0072]—、如果網站上的圖片標識沒有描述文本,第一設備可以為此新增一個alt屬性,并將對應的文本描述設為“信息無障礙網站logo”,對應的無障礙優化腳本可以具體為:
[0073]〈script type = "text/ javascript"〉document.getElementById( "logo")? setAttribute(〃alt〃,"信息無障礙網站logo") ; </script〉;
[0074]二、如果網站上有一個可點擊的確定按鈕,但無法使用TAB鍵定位到,第一設備可以為此新增一個tabindex屬性,并將對應的標簽屬性設為“O”。對應的無障礙優化腳本可以具體為:
[0075]〈script type = ^text/javascript^>document.getElementById(^ok^).setAttribute(〃tabindex〃,〃0〃);</script);
[0076]三、如果網站上有一個沒有文本描述的且使用圖片展示的提交按鈕。第一設備可以為此新增一個aria-label屬性,并將對應的文本描述設為“提交”。對應的無障礙優化腳本可以具體為:
[0077]〈script type = "text/javascript^)document.getElementById("submit").setAttribute(〃aria_label〃, 〃提交〃);</script);
[0078]四、如果網站上有一個“點擊顯示更多”的按鈕可響應鼠標的點擊操作。第一設備可以為此新增一個role屬性,表示“點擊顯示更多”是一個控件類型為“按鈕”的控件。對應的無障礙優化腳本可以具體為:
[0079]〈script type="text/javascript">document.getElementById("clickMe").setAttribute(〃role〃,〃button〃);</script)
[0080]步驟S104,第一設備向網頁服務器發送所述目標網頁的無障礙優化腳本。
[0081 ] 步驟S105,網頁服務器接收目標網頁的無障礙優化腳本。
[0082]具體的,網頁服務器接收目標網頁的無障礙優化腳本,并且可以將該無障礙優化腳本存儲至本地服務器上也可以存儲至其他遠程服務器中。
[0083]可選的,目標網頁的無障礙優化腳本可以包括根據所述目標網頁中無法被輔助應用程序識別的至少一個網頁元素的功能或屬性確定的所述至少一個網頁元素分別對應的文本描述。
[0084]步驟S106,網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息。
[0085]具體的,無障礙優化腳本的腳本引用信息可以是無障礙優化腳本的存儲地址或者腳本名等,也就是說,通過腳本引用信息可以查找并獲取到無障礙優化腳本。具體實施中,網頁服務器可以先在預設的存儲空間中獲取目標網頁的網頁文件,然后將針對該目標網頁的無障礙優化腳本的腳本引用信息添加在網頁文件中。例如,在JS語言環境下,假設無障礙優化腳本的腳本引用信息為腳本名:abc.js,那么就可以通過〈script src = 〃abc.js〃>〈/script〉這條語句來將abc.js這個無障礙優化腳本的腳本引用信息添加在目標網頁的網頁文件中。
[0086]步驟S107,客戶端向網頁服務器發送針對目標網頁的訪問請求。
[0087]具體的,當客戶端接收到用戶針對目標網頁的訪問指令時,可以觸發向網頁服務器發送針對目標網頁的訪問請求。其中,訪問請求中可以攜帶客戶端的標識或者地址,以使網頁服務器在接收到目標網頁的訪問請求后,可以根據客戶端的標識或者地址向客戶端發送包括腳本引用信息的目標網頁的網頁文件。
[0088]步驟S108,網頁服務器接收客戶端發送的針對所述目標網頁的訪問請求。
[0089]步驟S109,網頁服務器向所述客戶端發送包括所述腳本引用信息的目標網頁的網頁文件。
[0090]步驟S110,客戶端接收所述網頁服務器發送的包括所述腳本引用信息的目標網頁的網頁文件。
[0091]步驟Slll,客戶端讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化。
[0092]具體的,客戶端接收到目標網頁的網頁文件后,就可以讀取該網頁文件,在讀取到添加在網頁文件中的腳本引用信息時,就調用腳本引用信息對應的無障礙優化腳本來對目標網頁進行優化。
[0093]步驟S112,客戶端輸出優化后的無障礙的目標網頁。
[0094]具體的,客戶端將經過優化后的無障礙的目標網頁輸出展示給用戶,使得讀屏類的輔助應用程序可以通過TTS技術將目標網頁中的內容完整地通過語音輸出給用戶。
[0095]本發明實施例通過獲取目標網頁的網頁文件,檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素,若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本,向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化,可以通過無障礙優化腳本對目標網頁的網頁文件中無法被輔助應用程序識別的網頁元素進行優化,從而當用戶通過客戶端訪問目標網頁時,可以無障礙的通過輔助應用程序獲取目標網頁的內容。
[0096]圖2是本發明實施例中另一種網頁無障礙處理方法的流程示意圖,在本實施例中,描述的是一種在客戶端發送訪問請求后實時的網頁無障礙處理過程,其中每個步驟具體的實現方法與圖1展示的實施例是基本一致的,因此這里僅描述處理步驟,不再做其他贅述,具體方法可以參考實施例一中的相應步驟。
[0097]如圖所示該方法包括:
[0098]步驟S201,客戶端向網頁服務器發送針對目標網頁的訪問請求。
[0099]步驟S202,網頁服務器接收客戶端發送的針對所述目標網頁的訪問請求。
[0100]步驟S203,網頁服務器向第一設備發送目標網頁的網頁文件。
[0101]步驟S204,第一設備接收目標網頁的網頁文件。
[0102]步驟S205,第一設備檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素。
[0103]步驟S206,若存在,則第一設備針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本。
[0104]步驟S207,第一設備向網頁服務器發送所述目標網頁的無障礙優化腳本。
[0105]步驟S208,網頁服務器接收目標網頁的無障礙優化腳本。
[0106]步驟S209,網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息。
[0107]步驟S210,網頁服務器向客戶端發送包括所述腳本引用信息的目標網頁的網頁文件。
[0108]步驟S211,客戶端接收所述網頁服務器發送的包括所述腳本引用信息的目標網頁的網頁文件。
[0109]步驟S212,客戶端讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化。
[0110]步驟S213,客戶端輸出優化后的無障礙的目標網頁。
[0111]本發明實施例通過獲取目標網頁的網頁文件,檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素,若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本,向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化,可以通過無障礙優化腳本對目標網頁的網頁文件中無法被輔助應用程序識別的網頁元素進行優化,從而當用戶通過客戶端訪問目標網頁時,可以無障礙的通過輔助應用程序獲取目標網頁的內容。
[0112]圖3是本發明實施例中一種第一設備的組成結構圖。如圖所示所述設備包括:
[0113]獲取模塊310,用于獲取目標網頁的網頁文件;
[0114]檢測模塊320,用于檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素;
[0115]腳本模塊330,用于若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本;
[0116]發送模塊340,用于向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化。
[0117]可選的,在本實施例中,所述腳本模塊330具體用于:
[0118]根據所述至少一個網頁元素的功能或屬性,確定所述至少一個網頁元素分別對應的文本描述;
[0119]生成攜帶所述至少一個網頁元素分別對應的文本描述的所述無障礙優化腳本。
[0120]本發明實施例通過獲取目標網頁的網頁文件,檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素,若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本,向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化,可以通過無障礙優化腳本對目標網頁的網頁文件中無法被輔助應用程序識別的網頁元素進行優化,從而當用戶通過客戶端訪問目標網頁時,可以無障礙的通過輔助應用程序獲取目標網頁的內容。
[0121]圖4是本發明實施例中另一種第一設備的組成結構圖。如圖4所示,該第一設備包括處理器41、存儲器42以及網絡接口 43。處理器41連接到存儲器42和網絡接口 43,例如處理器41可以通過總線連接到存儲器42和網絡接口 43。
[0122]處理器41被配置為支持第一設備執行上述方法中相應的功能。該處理器41可以是中央處理器(英文:central processing uni t,CPU),網絡處理器(英文:networkprocessor,NP),硬件芯片或者其任意組合。上述硬件芯片可以是專用集成電路(英文:applicat1n-specific integrated c ir cu i t,AS IC),可編程邏輯器件(英文:programmable logic device,PLD)或其組合。上述PLD可以是復雜可編程邏輯器件(英文:complex programmable logic device,CPLD),現場可編程邏輯門陣列(英文:field-programmable gate array,FPGA),通用陣列邏輯(英文:generic array logic,GAL)或其任意組合。
[0123]存儲器42存儲器用于存儲網頁文件、無障礙優化腳本等等。存儲器42可以包括易失性存儲器(英文:volatile memory),例如隨機存取存儲器(英文:random-accessmemory,縮寫:RAM);存儲器42也可以包括非易失性存儲器(英文:non_volatile memory),例如只讀存儲器(英文:read-only memory,縮寫:ROM),快閃存儲器(英文:flash memory),硬盤(英文:hard disk drive,縮寫:HDD)或固態硬盤(英文:solid-state drive,縮寫:SSD);存儲器42還可以包括上述種類的存儲器的組合。
[0124]網絡接口43用于與網頁服務器連接,與網頁服務器收發上述方法中所涉及的消息。
[0125]處理器41可以執行以下操作:
[0126]獲取目標網頁的網頁文件;
[0127]檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素;
[0128]若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本;
[0129]向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化。
[0130]可選的,處理器41針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本時,具體用于:
[0131]根據所述至少一個網頁元素的功能或屬性,確定所述至少一個網頁元素分別對應的文本描述;
[0132]生成攜帶所述至少一個網頁元素分別對應的文本描述的所述無障礙優化腳本。
[0133]圖5是本發明實施例中一種網頁服務器的組成結構圖。如圖所示所述服務器包括:
[0134]接收模塊510,用于接收目標網頁的無障礙優化腳本;
[0135]添加模塊520,用于在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息;
[0136]發送模塊530,用于當接收到客戶端發送的針對所述目標網頁的訪問請求時,向所述客戶端發送包括所述腳本引用信息的目標網頁的網頁文件,以使所述客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述目標網頁進行優化。
[0137]可選的,添加模塊520中所述目標網頁的無障礙優化腳本包括根據所述目標網頁中無法被輔助應用程序識別的至少一個網頁元素的功能或屬性確定的所述至少一個網頁元素分別對應的文本描述。
[0138]本發明實施例通過獲取目標網頁的網頁文件,檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素,若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本,向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化,可以通過無障礙優化腳本對目標網頁的網頁文件中無法被輔助應用程序識別的網頁元素進行優化,從而當用戶通過客戶端訪問目標網頁時,可以無障礙的通過輔助應用程序獲取目標網頁的內容。
[0139]圖6是本發明實施例中另一種網頁服務器的組成結構圖。如圖6所示,該服務器包括處理器61、存儲器62以及網絡接口 63。處理器61連接到存儲器62和網絡接口 63,例如處理器61可以通過總線連接到存儲器62和網絡接口 63。
[0140]處理器61被配置為支持網頁服務器執行上述方法中相應的功能。該處理器61可以是中央處理器(英文:central processing uni t,CPU),網絡處理器(英文:networkprocessor,NP),硬件芯片或者其任意組合。上述硬件芯片可以是專用集成電路(英文:applicat1n-specific integrated c ir cu i t,AS IC),可編程邏輯器件(英文:programmable logic device,PLD)或其組合。上述PLD可以是復雜可編程邏輯器件(英文:complex programmable logic device,CPLD),現場可編程邏輯門陣列(英文:field-programmable gate array,FPGA),通用陣列邏輯(英文:generic array logic,GAL)或其任意組合。
[0141]存儲器62存儲器用于存儲網頁文件、無障礙優化腳本等等。存儲器62可以包括易失性存儲器(英文:volatile memory),例如隨機存取存儲器(英文:random-accessmemory,縮寫:RAM);存儲器62也可以包括非易失性存儲器(英文:non_volatile memory),例如只讀存儲器(英文:read-only memory,縮寫:ROM),快閃存儲器(英文:flash memory),硬盤(英文:hard disk drive,縮寫:HDD)或固態硬盤(英文:solid-state drive,縮寫:SSD);存儲器62還可以包括上述種類的存儲器的組合。
[0142]網絡接口63用于與第一設備和客戶端連接,與第一設備和客戶端收發上述方法中所涉及的消息。
[0143]處理器61可以執行以下操作:
[0144]接收目標網頁的無障礙優化腳本;
[0145]在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息;
[0146]當接收到客戶端發送的針對所述目標網頁的訪問請求時,向所述客戶端發送包括所述腳本引用信息的目標網頁的網頁文件,以使所述客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述目標網頁進行優化。
[0147]圖7是本發明實施例中一種客戶端的組成結構圖。如圖所示所述客戶端包括:
[0148]請求模塊710,用于向網頁服務器發送針對目標網頁的訪問請求;
[0149]接收模塊720,用于接收所述網頁服務器發送的所述目標網頁的網頁文件,所述目標網頁的網頁文件中包括無障礙優化腳本對應的腳本引用信息;
[0150]優化模塊730,用于讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化;
[0151]輸出模塊740,用于輸出優化后的無障礙的目標網頁。
[0152]本發明實施例通過獲取目標網頁的網頁文件,檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素,若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本,向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化,可以通過無障礙優化腳本對目標網頁的網頁文件中無法被輔助應用程序識別的網頁元素進行優化,從而當用戶通過客戶端訪問目標網頁時,可以無障礙的通過輔助應用程序獲取目標網頁的內容。
[0153]圖8是本發明實施例中另一種客戶端的組成結構圖。本實施例中所描述的客戶端包括:至少一個輸入設備81;至少一個輸出設備82;至少一個處理器83,例如CPU;和存儲器84,上述輸入設備81、輸出設備82、處理器83和存儲器84通過總線85連接。
[0154]其中,上述輸入設備81具體可為終端的觸控面板、物理按鍵、鼠標、麥克風或者攝像頭等。
[0155]上述輸出設備82具體可為終端的顯示屏、揚聲器、有線或無線耳機,用于輸出、顯示圖像數據(包含目標網頁)和音頻數據。可選的,輸出設備中可以包括標準耳機接口或者無線接口,以使裝置的處理器83可以將語音數據通過標準耳機接口或者無線接口向耳機輸出。
[0156]上述存儲器84可以是高速RAM存儲器,也可為非不穩定的存儲器(non-volatilememory),例如磁盤存儲器。上述存儲器84用于存儲一組程序代碼,上述輸入設備81、輸出設備82和處理器83用于調用存儲器84中存儲的程序代碼,執行如下操作:
[0157]處理器83可以執行以下操作:
[0158]向網頁服務器發送針對目標網頁的訪問請求;
[0159]接收所述網頁服務器發送的所述目標網頁的網頁文件,所述目標網頁的網頁文件中包括無障礙優化腳本對應的腳本引用信息;
[0160]讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化;
[0161]輸出優化后的無障礙的目標網頁。
[0162]本領域普通技術人員可以理解實現上述實施例方法中的全部或部分流程,是可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于一計算機可讀取存儲介質中,該程序在執行時,可包括如上述各方法的實施例的流程。其中,所述的存儲介質可為磁碟、光盤、只讀存儲記憶體(Read-Only Memory,ROM)或隨機存儲記憶體(Random AccessMemory,RAM)等。
[0163]以上所揭露的僅為本發明較佳實施例而已,當然不能以此來限定本發明之權利范圍,因此依本發明權利要求所作的等同變化,仍屬本發明所涵蓋的范圍。
【主權項】
1.一種網頁無障礙處理方法,其特征在于,所述方法包括: 獲取目標網頁的網頁文件; 檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素; 若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本; 向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化。2.如權利要求1所述的方法,所述針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本包括: 根據所述至少一個網頁元素的功能或屬性,確定所述至少一個網頁元素分別對應的文本描述; 生成攜帶所述至少一個網頁元素分別對應的文本描述的所述無障礙優化腳本。3.—種網頁無障礙處理方法,其特征在于,所述方法包括: 接收目標網頁的無障礙優化腳本; 在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息; 當接收到客戶端發送的針對所述目標網頁的訪問請求時,向所述客戶端發送包括所述腳本引用信息的目標網頁的網頁文件,以使所述客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述目標網頁進行優化。4.如權利要求3所述的方法,其特征在于,所述目標網頁的無障礙優化腳本包括根據所述目標網頁中無法被輔助應用程序識別的至少一個網頁元素的功能或屬性確定的所述至少一個網頁元素分別對應的文本描述。5.—種網頁無障礙處理方法,其特征在于,所述方法包括: 向網頁服務器發送針對目標網頁的訪問請求; 接收所述網頁服務器發送的所述目標網頁的網頁文件,所述目標網頁的網頁文件中包括無障礙優化腳本對應的腳本引用信息; 讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化; 輸出優化后的無障礙的目標網頁。6.一種設備,其特征在于,所述設備包括: 獲取模塊,用于獲取目標網頁的網頁文件; 檢測模塊,用于檢測所述目標網頁的網頁文件中是否存在無法被輔助應用程序識別的至少一個網頁元素; 腳本模塊,用于若存在,則針對所述至少一個網頁元素生成所述目標網頁的無障礙優化腳本; 發送模塊,用于向網頁服務器發送所述目標網頁的無障礙優化腳本,以使所述網頁服務器在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息,使得客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述至少一個網頁元素進行優化。7.如權利要求6所述的設備,所述腳本模塊用于: 根據所述至少一個網頁元素的功能或屬性,確定所述至少一個網頁元素分別對應的文本描述; 生成攜帶所述至少一個網頁元素分別對應的文本描述的所述無障礙優化腳本。8.—種網頁服務器,其特征在于,所述網頁服務器包括: 接收模塊,用于接收目標網頁的無障礙優化腳本; 添加模塊,用于在所述目標網頁的網頁文件中添加所述無障礙優化腳本對應的腳本引用信息; 發送模塊,用于當接收到客戶端發送的針對所述目標網頁的訪問請求時,向所述客戶端發送包括所述腳本引用信息的目標網頁的網頁文件,以使所述客戶端讀取所述目標網頁的網頁文件時,通過所述腳本引用信息調用所述無障礙優化腳本對所述目標網頁進行優化。9.如權利要求8所述的網頁服務器,其特征在于,所述目標網頁的無障礙優化腳本包括根據所述目標網頁中無法被輔助應用程序識別的至少一個網頁元素的功能或屬性確定的所述至少一個網頁元素分別對應的文本描述。10.一種客戶端,其特征在于,所述客戶端包括: 請求模塊,用于向網頁服務器發送針對目標網頁的訪問請求; 接收模塊,用于接收所述網頁服務器發送的所述目標網頁的網頁文件,所述目標網頁的網頁文件中包括無障礙優化腳本對應的腳本引用信息; 優化模塊,用于讀取所述目標網頁的網頁文件,通過所述腳本引用信息,調用所述無障礙優化腳本對所述目標網頁進行優化; 輸出模塊,用于輸出優化后的無障礙的目標網頁。
【文檔編號】G06F17/30GK106055721SQ201610567067
【公開日】2016年10月26日
【申請日】2016年7月15日
【發明人】蔡勇斌, 劉彪, 張昆
【申請人】深圳市聯諦信息無障礙有限責任公司