此文是寧波標(biāo)志設(shè)計(jì)公司關(guān)于設(shè)計(jì)公司如果推廣和營(yíng)銷(xiāo)企業(yè)的分享,寧波標(biāo)志設(shè)計(jì)公司旨在想讓更多的設(shè)計(jì)公司提高設(shè)計(jì)業(yè)務(wù)能力!
注:配圖為UCI設(shè)計(jì)公司作品
寧波標(biāo)志設(shè)計(jì)公司轉(zhuǎn)發(fā)原文直譯:
萬(wàn)維網(wǎng)的發(fā)明者蒂姆伯納斯李說(shuō),網(wǎng)絡(luò)是為每個(gè)人服務(wù)的。不幸的是,情況并非總是如此。
糟糕的設(shè)計(jì)決策會(huì)給許多不同的人群帶來(lái)障礙。事實(shí)上,WebAIM的研究發(fā)現(xiàn),在100萬(wàn)個(gè)主頁(yè)中,有超過(guò)50,000,000個(gè)"明顯的可訪問(wèn)性錯(cuò)誤",平均每頁(yè)超過(guò)50個(gè)。
這些錯(cuò)誤不僅僅讓人感覺(jué)被邊緣化;他們阻止成千上萬(wàn)的人與你的品牌互動(dòng)或購(gòu)買(mǎi)你的產(chǎn)品。
很少有網(wǎng)站管理員想有目的地邊緣化人們或限制對(duì)他們網(wǎng)站的訪問(wèn)。這就是為什么理解最常見(jiàn)的網(wǎng)頁(yè)可訪問(wèn)性問(wèn)題并學(xué)習(xí)如何用簡(jiǎn)潔的設(shè)計(jì)解決它們是如此重要。
讓我們開(kāi)始吧。
為什么UX可達(dá)性很重要?
因?yàn)榛ヂ?lián)網(wǎng)已經(jīng)成為十多億人日常生活中必不可少的一部分,網(wǎng)站所有者必須采取措施確保每個(gè)人都能平等地訪問(wèn)互聯(lián)網(wǎng)。然而,這不僅僅是人權(quán)問(wèn)題。讓你的網(wǎng)站具有可訪問(wèn)性有一個(gè)明顯的經(jīng)濟(jì)理由。鑒于美國(guó)有6100萬(wàn)人有某種形式的殘疾,一個(gè)無(wú)法訪問(wèn)的網(wǎng)站可能會(huì)損害你的底線。讓你的網(wǎng)站具有可訪問(wèn)性,你就有可能為成千上萬(wàn)的客戶打開(kāi)大門(mén)。
遵從UX無(wú)障礙設(shè)計(jì)趨勢(shì)可以提升你公司的聲譽(yù)。努力迎合弱勢(shì)用戶群體證明你的公司關(guān)心所有的客戶。這一額外的步驟可能會(huì)鼓勵(lì)潛在客戶與您的品牌開(kāi)展更多業(yè)務(wù)。
還有一個(gè)法律合規(guī)性的小問(wèn)題。雖然1990年美國(guó)殘疾人法案是否包括網(wǎng)站和實(shí)體店仍有爭(zhēng)議,但這并沒(méi)有阻止每年向聯(lián)邦法院提起數(shù)千起訴訟。你可能不會(huì)因?yàn)闆](méi)有遵守自動(dòng)數(shù)據(jù)采集(Automaticdataacquisitions)網(wǎng)站的規(guī)定而受到懲罰,但是法律訴訟的威脅是顯而易見(jiàn)的。
最終,使用UX可訪問(wèn)性進(jìn)行設(shè)計(jì)不僅僅改善了殘疾用戶的瀏覽體驗(yàn);它改善了每個(gè)人的用戶體驗(yàn)。即使擁有完美視覺(jué)的用戶也會(huì)受益于更好的顏色對(duì)比和更多的標(biāo)簽——你的搜索引擎優(yōu)化肯定會(huì)受益于添加替代文本和更好的鏈接描述。
七個(gè)最常見(jiàn)的網(wǎng)頁(yè)易訪問(wèn)性錯(cuò)誤
讓你的網(wǎng)站更容易訪問(wèn),不僅是為了集成新技術(shù),也是為了避免常見(jiàn)問(wèn)題。避免以下七個(gè)錯(cuò)誤,你將會(huì)比你的競(jìng)爭(zhēng)對(duì)手更容易訪問(wèn)你的網(wǎng)站。
1:圖像上缺少可選文字
替代文本是一個(gè)超文本標(biāo)記語(yǔ)言屬性,它描述了圖像所代表的內(nèi)容。從可訪問(wèn)性的角度來(lái)看,替代文本為屏幕閱讀器提供信息,以便向有視覺(jué)障礙的用戶準(zhǔn)確描述圖像。如果你不提供替代文本或者替代文本不是很有描述性,那么你就不能讓每個(gè)人都可以看到你網(wǎng)站的圖片。
空的替代文本和缺失的替代文本是有區(qū)別的。有時(shí),圖像可以純粹用于裝飾目的。在這種情況下,可以使用空的中高音標(biāo)記,顯示為alt=" .屏幕閱讀器會(huì)忽略這一點(diǎn),并且不會(huì)影響可用性。
通常,替代文本不是空的,而是完全缺失的。當(dāng)一個(gè)屏幕閱讀器遇到一個(gè)丟失的中高音屬性時(shí),它會(huì)認(rèn)為圖像是重要的并注入文件名。對(duì)于像圖表和信息圖這樣對(duì)用戶理解網(wǎng)頁(yè)至關(guān)重要的圖像,文件名是不夠的。這就是為什么為你所有的圖片創(chuàng)建替代文本是很重要的。
2:色彩對(duì)比弱
你試過(guò)在黃色背景上閱讀白色字體嗎?
不容易,是嗎?
但這可能是多少用戶每次訪問(wèn)你的網(wǎng)站時(shí)的感受。事實(shí)是,有些人很難讀懂文字,除非字體和背景之間的顏色對(duì)比非常鮮明。這就是為什么白底黑字如此受歡迎的原因。
提高顏色對(duì)比度最簡(jiǎn)單的方法是避免使用相似的顏色作為背景和文本。這意味著紅色背景上沒(méi)有橙色字體?;蛘咚{(lán)色背景上的綠色文本。也要特別注意網(wǎng)站的標(biāo)題或表單上的提交按鈕等設(shè)計(jì)特征。這些特征傾向于結(jié)合品牌顏色,更有可能導(dǎo)致對(duì)比度問(wèn)題。
或者,您可以使用WebAIM的對(duì)比度檢查工具來(lái)量化您的對(duì)比度。你的比率越高,對(duì)比度就越好,你的網(wǎng)站可讀性就越高。這個(gè)工具會(huì)告訴你你的顏色是通過(guò)還是失敗。作為一項(xiàng)規(guī)則,對(duì)于大文本,文本和背景顏色的對(duì)比度至少應(yīng)為3:1,對(duì)于正常大小的文本,對(duì)比度至少應(yīng)為4:1。
正如你從下面的圖片中看到的,白色背景上深藍(lán)色的文字有很大的對(duì)比度。但是白色背景上的黃色文字對(duì)比度很差。3:鏈接碲差
注:配圖為UCI設(shè)計(jì)公司作品
寧波標(biāo)志設(shè)計(jì)公司
通過(guò)寧波標(biāo)志設(shè)計(jì)公司的精彩分享,設(shè)計(jì)師更輕松快捷地掌握寧波標(biāo)志設(shè)計(jì)公司分享的營(yíng)銷(xiāo)與設(shè)計(jì)知識(shí),幫助北京vi設(shè)計(jì)公司更好地服務(wù)好客戶 。
聲明:本文“ 網(wǎng)站上常見(jiàn)的UX輔助功能錯(cuò)誤_寧波標(biāo)志設(shè)計(jì)公司 ”信息內(nèi)容來(lái)源于網(wǎng)絡(luò),文章版權(quán)和文責(zé)屬于原作者,不代表本站立場(chǎng)。如圖文有侵權(quán)、虛假或錯(cuò)誤信息,請(qǐng)您聯(lián)系我們,我們將立即刪除或更正。