來源:派臣科技|時(shí)間:2019-10-19|瀏覽:次
如果你是一個(gè)網(wǎng)頁設(shè)計(jì)師,你可能會經(jīng)??吹?ldquo;可訪問性”這個(gè)術(shù)語。這是一件美妙的事情。業(yè)界已經(jīng)非常清楚地意識到,必須確保每個(gè)人都能訪問我們構(gòu)建的內(nèi)容。
雖然有些地區(qū)(美國是一個(gè)主要的例子)沒有與可訪問性相關(guān)的非常明確的法律,但是有很多實(shí)現(xiàn)它的指導(dǎo)方針。所以,即使沒有必要的法律強(qiáng)制,但肯定有道德強(qiáng)制。更好的是,我們有技術(shù)可以做到這一點(diǎn)。
但是,如果你用WordPress構(gòu)建網(wǎng)站,在可訪問性方面會遇到一些額外的挑戰(zhàn)。WordPress本身是可訪問的(盡管Gutenberg編輯器在這方面還有一些工作要做)。
然而,我們不僅僅使用WordPress。我們實(shí)現(xiàn)主題、插件和我們自己的定制。當(dāng)涉及到確保我們的網(wǎng)站遵循最佳實(shí)踐時(shí),這可能會把水?dāng)嚋啞?/p>
雖然我們無法通過打響指來立即讓所有東西變得觸手可及,但我們可以采取一些常識行動(dòng)。這里有一些技巧,可以讓你在WordPress網(wǎng)站中突出易訪問性。
使用或構(gòu)建一個(gè)可訪問的主題
選擇正確的主題不僅僅是外觀或花哨的功能。由于它為用戶與網(wǎng)站的交互提供了外觀,所以從一開始就要考慮可訪問性。如果在這里做了錯(cuò)誤的決定,這就好比擁有一座地基有缺陷的漂亮房子。
如果您正在構(gòu)建自己的主題,這個(gè)過程會簡單一些。由于您不依賴于第三方開發(fā)人員,因此您只能實(shí)現(xiàn)您需要的功能并在進(jìn)行測試時(shí)進(jìn)行測試。
但對于那些關(guān)注免費(fèi)或商業(yè)主題的人來說,可能需要做一些研究。您需要尋找聲稱可訪問的主題。問題是,許多主題要么沒有提到這一點(diǎn),要么在細(xì)節(jié)上非常模糊。
在這種情況下,嘗試聯(lián)系主題作者,看看他們做了什么(如果有的話)來確保主題不會妨礙屏幕閱讀器或其他輔助技術(shù)。您可能還希望通過某個(gè)驗(yàn)證或仿真工具運(yùn)行演示版本。然后,試著通過鍵盤來瀏覽網(wǎng)站。
因?yàn)樵S多主題允許你選擇顏色和排版,所以記住對比度和可讀性也很重要。文本太小了嗎?顏色是否提供了足夠的對比度,以允許文本閱讀?這對你來說應(yīng)該是比較容易控制的。
確定插件的效果
WordPress插件是另一個(gè)值得關(guān)注的領(lǐng)域。有些只是采用您的主題的CSS,有些則添加了自己的標(biāo)記。此代碼的可訪問性和質(zhì)量可能有所不同。
這意味著,即使你有一個(gè)遵循最佳實(shí)踐的主題,錯(cuò)誤的插件也可能導(dǎo)致意想不到的問題。而且,插件在你的網(wǎng)站上占用的前端空間越大,它對可訪問性的負(fù)面影響就越大。
例如,一個(gè)頁面生成器插件理論上可以在你的主題之外添加大量的HTML、CSS和JavaScript。如果在構(gòu)建時(shí)沒有考慮到可訪問性,那么就會出現(xiàn)問題。但是這適用于任何注入自己標(biāo)記的插件。
如果你不能避免使用這些類型的插件,那也沒關(guān)系。但是建議您在運(yùn)行測試時(shí)使用或不使用激活的插件來評估其影響。您還可以利用web瀏覽器的檢查工具來查明任何有問題的代碼。
現(xiàn)有站點(diǎn)?添加訪問功能
對于已經(jīng)在公共空間的網(wǎng)站,改造可能會很困難。諸如一個(gè)站點(diǎn)的年齡和它最初是如何建造的等因素會影響到所涉及的工作量。在某些情況下,全面改造可能不在合理的預(yù)算之內(nèi)。
當(dāng)然,如果你工作的網(wǎng)站有這么多的挑戰(zhàn),一個(gè)論點(diǎn)可以重新設(shè)計(jì)。這可能是最好的前進(jìn)道路,因?yàn)槟梢詫⒖稍L問性作為主要目標(biāo)。但這也不總是現(xiàn)實(shí)的,這是可以理解的。
在這些情況下,你仍然可以做一些事情:
做一些小的改進(jìn)
也許那些大的,無所不包的改變不會發(fā)生。相反,尋找那些你可以不費(fèi)力氣就能改變的小事情。例如,提高字體大小和增加行間距將提供一個(gè)更清晰的外觀,讓您的內(nèi)容更容易被消費(fèi)。顏色也是一樣。
其他可能性包括確保圖像具有描述性的ALT文本和超鏈接定義了:focus狀態(tài)。有許多小的改變可以累積成更好的用戶體驗(yàn)。
為用戶提供選項(xiàng)
另一種使現(xiàn)有站點(diǎn)更容易訪問的方法是授權(quán)用戶自己做出一些選擇。通過允許他們(在合理的范圍內(nèi))調(diào)整字體大小或顏色對比度等事情,你正在幫助滿足他們的需求。
一種簡單而經(jīng)濟(jì)的方法是安裝一個(gè)插件,如WP可訪問性。它在一個(gè)方便的前端工具欄中添加了字體和對比度功能。另外,它還可以添加:關(guān)注狀態(tài)到您的鏈接,添加一個(gè)跳轉(zhuǎn)鏈接到您的頁面,以及其他好東西。
意識是成功的一半
因?yàn)閃ordPress平臺提供了許多可能的外觀和功能,所以我們常常認(rèn)為這是理所當(dāng)然的。選擇一個(gè)主題或安裝一個(gè)插件是很容易的,而不用考慮它們?nèi)绾斡绊懣稍L問性。然而,每一個(gè)決定都會帶來改變。
意識到潛在的影響會讓我們成為更好的設(shè)計(jì)師。它鼓勵(lì)我們采取額外的測試步驟,并對我們使用的東西更有鑒別力。
結(jié)果是,我們開始把用戶放在第一位——在不可讀的配色方案和影響可用性的特殊效果之前。一旦我們這樣做了,可訪問性就成為我們默認(rèn)構(gòu)建的另一個(gè)特性。