国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
無(wú)障礙的 Web 環(huán)境應(yīng)該如何打造?

2020 年,讓我們都開(kāi)始重視無(wú)障礙的 Web 環(huán)境。

作者 | Andrew Koenig-Bautista
譯者 | 彎月,責(zé)編 | 屠敏
出品 | CSDN(ID:CSDNnews)

以下為譯文:

全球殘疾人數(shù)量超過(guò)十億

美國(guó)四分之一(26%)的人口都患有某種類型的殘疾。雖然并非每一種疾病都會(huì)直接影響用戶瀏覽網(wǎng)頁(yè),但很多疾病確實(shí)會(huì)帶來(lái)一定的困擾。

根據(jù)世界銀行:

“殘疾人比正常人更加容易遭受不利的社會(huì)經(jīng)濟(jì)后果,例如教育程度較低、健康狀況較差、就業(yè)水平較低、以及貧困率較高?!?/p>

殘疾人在爭(zhēng)取包容性上面臨著巨大的挑戰(zhàn)。而我們這些開(kāi)發(fā)者有機(jī)會(huì)以獨(dú)特的方式來(lái)打破其中的一些障礙,并阻止新的障礙。下面讓我們來(lái)看一看在新年伊始之際,為打造無(wú)障礙環(huán)境我們可以做出哪些簡(jiǎn)單的努力。

輔助技術(shù)簡(jiǎn)介

輔助技術(shù)是指能夠讓殘疾人按照個(gè)人的需求和喜好瀏覽網(wǎng)絡(luò)的功能。每天都有數(shù)以百萬(wàn)計(jì)的人使用這些技術(shù)瀏覽網(wǎng)絡(luò)。了解這些工具的使用可以提高構(gòu)建無(wú)障礙環(huán)境的能力。下面是一些輔助技術(shù)的簡(jiǎn)要概述。

屏幕閱讀器

這些軟件程序能夠讀取瀏覽器中呈現(xiàn)的文本,并通過(guò)合成器將其轉(zhuǎn)換為語(yǔ)音,或者通過(guò)盲文顯示器將其轉(zhuǎn)換為盲文。屏幕閱讀器還可以提供更高級(jí)的功能,例如定位頁(yè)面上的特定內(nèi)容,或充當(dāng)菜單導(dǎo)航工具。

語(yǔ)音識(shí)別軟件

這些軟件能夠幫助計(jì)算機(jī)處理人類的語(yǔ)音命令。蘋(píng)果的Siri 和 亞馬遜的 Alexa 都是這類的軟件。雖然有人認(rèn)為這項(xiàng)技術(shù)很多余,然而對(duì)于殘障人士來(lái)說(shuō),這些軟件是絕對(duì)必要的。

特殊鍵盤(pán)

對(duì)于無(wú)法使用標(biāo)準(zhǔn)鍵盤(pán)的用戶,可以將特殊鍵盤(pán)作為計(jì)算機(jī)輸入工具,這些鍵盤(pán)經(jīng)過(guò)了特殊定制,可以滿足運(yùn)動(dòng)障礙者(如腦癱或弱視者)的需求。

開(kāi)發(fā)人員可以做些什么?

這些輔助技術(shù)通過(guò)各自的方式為殘疾人提供了網(wǎng)絡(luò),而開(kāi)發(fā)人員也可以為打造無(wú)障礙的Web環(huán)境貢獻(xiàn)自己的力量。從今天開(kāi)始,你就可以邁出這一步:

提供圖像的替代本文

屏幕閱讀器可以通過(guò)訪問(wèn)圖像的 Alt 屬性讀取視覺(jué)內(nèi)容,而且還可以為啟用了瀏覽語(yǔ)音功能的網(wǎng)站或使用語(yǔ)音輸入軟件的殘疾人提供便利。如果圖像包含了對(duì)理解網(wǎng)頁(yè)必不可少的內(nèi)容,則更應(yīng)該提供替代文本。

此外,如果圖像包含按鈕或鏈接,也應(yīng)該提供替代文本。是否需要提供 Alt 屬性應(yīng)該視情況而定,但是在一般的測(cè)試中,你應(yīng)該想一想:如果沒(méi)有這個(gè)圖像,會(huì)影響用戶對(duì)網(wǎng)頁(yè)的理解嗎?如果圖像純粹是裝飾性的,則可以提供一個(gè)空文本替代:alt=””。

除了提高網(wǎng)絡(luò)的可訪問(wèn)性之外,提供替代文本還有助于網(wǎng)頁(yè)的搜索引擎優(yōu)化,因?yàn)槟憧梢栽谖谋局刑砑佑幸饬x的關(guān)鍵字。

編寫(xiě)有意義的HTML

編寫(xiě)語(yǔ)義正確的HTML可以提高Web應(yīng)用程序的可訪問(wèn)性。普通的HTML只包含一些常見(jiàn)的HTML元素。<h1>標(biāo)簽應(yīng)用于標(biāo)記最重要的本文標(biāo)題。<p>應(yīng)表示某個(gè)段落。 

這些工作看似很明顯,但是有的時(shí)候我們不愿意花時(shí)間思考為什么我們的代碼不能按照預(yù)期的方式呈現(xiàn),這些因?yàn)閼卸杌蚺既欢a(chǎn)生的HTML會(huì)帶來(lái)意想不到的結(jié)果。有些開(kāi)發(fā)人員說(shuō),最好的代碼就是能夠正常工作的代碼,但是面條式代碼會(huì)帶來(lái)很多復(fù)雜性,其中之一就是降低網(wǎng)站的可訪問(wèn)性。

語(yǔ)義化的HTML在頁(yè)面的呈現(xiàn)之上提供了一層含義,屏幕閱讀器和特殊鍵盤(pán)能夠讀出這些含義。清晰的HTML可以方便輔助技術(shù)的使用。

表單

類似的原則同樣適用于表單。表單在Web交互中起著不可或缺的作用。除了在視覺(jué)上清晰地標(biāo)記外,還必須正確標(biāo)記表單的字段和控件,例如使用<label>元素等。

正確標(biāo)記的標(biāo)簽可以被鍵盤(pán)、屏幕閱讀器和語(yǔ)音輸入訪問(wèn)。此外,表單還應(yīng)向用戶說(shuō)明如何使用和填寫(xiě)表單。

正確地組織網(wǎng)頁(yè)的內(nèi)容

良好的內(nèi)容結(jié)構(gòu)與語(yǔ)義化的HTML密不可分。那些依靠屏幕閱讀器的用戶通常需要通過(guò)軟件閱讀標(biāo)題,從而了解網(wǎng)頁(yè)的輪廓。如果沒(méi)有標(biāo)題或沒(méi)有正確的標(biāo)題,那么網(wǎng)站的導(dǎo)航就會(huì)難上加難。

當(dāng)用戶瀏覽網(wǎng)頁(yè)內(nèi)容、指定的標(biāo)題、段落、有序/無(wú)序列表等時(shí),屏幕閱讀器還會(huì)讀出HTML元素。如下是一個(gè)結(jié)構(gòu)良好的網(wǎng)頁(yè)示例(來(lái)自MDN):

<h1>My heading</h1>

<p>This is the first section of my document.</p>

<ol>
  <li>Here is</li>
  <li>a list for</li>
  <li>you to read</li>
</ol>

<h2>My subheading</h2>

<p>This is the first subsection of my document. I'd love people to be able to find this content!</p>

<h2>My 2nd subheading</h2>

<p>This is the second subsection of my content. I think is more interesting than the last one.</p>

提供音頻字幕

視力有障礙的人會(huì)因圖像感到頭疼,同樣,聽(tīng)力有障礙的人無(wú)法獲取音頻或視頻的內(nèi)容。為了提高多媒體網(wǎng)站的可訪問(wèn)性,我們必須提供文字記錄和字幕。

字幕應(yīng)該:

  • 同步:文字應(yīng)與音頻同步顯示

  • 等效:字幕和文本應(yīng)該與音頻內(nèi)容等效

  • 可訪問(wèn)性:字幕應(yīng)具可訪問(wèn)性,供需要的人使用

為什么我們要在意網(wǎng)站的可訪問(wèn)性? 

無(wú)障礙的Web應(yīng)用程序是經(jīng)過(guò)精心設(shè)計(jì)的應(yīng)用程序,盡可能地讓更多的用戶訪問(wèn)。根據(jù)W3,可訪問(wèn)性可以推動(dòng)創(chuàng)新、增強(qiáng)品牌的力量、擴(kuò)展市場(chǎng)范圍,并最大程度地降低法律風(fēng)險(xiǎn)。無(wú)障礙網(wǎng)站在搜索結(jié)果中的排名更靠前,而且還可以降低維護(hù)成本并增加受眾范圍。

更重要的是,可訪問(wèn)性可賦予網(wǎng)站很大的力量。因?yàn)闊o(wú)障礙網(wǎng)站具有包容性,不排除任何人,這些網(wǎng)站歡迎所有人通過(guò)各自的方式訪問(wèn)網(wǎng)站。

希望你能與我一起在新的一年中為打造無(wú)障礙環(huán)境而努力。瀏覽網(wǎng)絡(luò)應(yīng)該是所有人的權(quán)利,而不是某些人的特權(quán)。我們所有人都可以為打造無(wú)障礙環(huán)境貢獻(xiàn)自己的力量,哪怕是一行代碼。

原文:https://medium.com/better-programming/a-new-years-resolution-for-web-developers-prioritize-web-accessibility-in-2020-e02ab51b0292

本文為 CSDN 翻譯,轉(zhuǎn)載請(qǐng)注明來(lái)源出處。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)
打開(kāi)APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
Html基礎(chǔ)標(biāo)簽大全
HTML標(biāo)簽及標(biāo)簽屬性大全(網(wǎng)頁(yè)制作必備知識(shí))
我是如何初識(shí)HTML,入前端的
「學(xué)習(xí)筆記」HTML基礎(chǔ)
前端(web)知識(shí)-html
HTML基礎(chǔ)-01
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服