<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 » 對于可訪問性設計師必知的事

        對于可訪問性設計師必知的事

        至成科技 2015-04-22 訪問量(1019) 評論(0)
        摘要:
        7-things-about-accessibility-1-1

            關于網站建設可訪問性(Accessibility)是用戶體驗設計中的重要一環,好的可訪問性設計可以讓各種用戶更容易瀏覽和使用(電腦、手機、網頁、UI等等),使得有障礙的用戶更便捷地感知、理解、互動。理想狀態下,西安網站設計師和程序開發者能充分設計,讓產品的可訪問性達到好的境界,但是實際狀況下,即使添加了如此多的可訪問性設計,殘疾人和行動障礙者依然用不好手機、電腦等產品,甚至有些“設計”還會人為制造障礙。

        今天,我們來探討一下可訪問性設計的一些基本原則吧。當我們在探討可訪問性設計之前,請你的產品至少是已經“被設計好了的”,也就是說它至少得符合《Web協會可訪問性指南設計規范2.0》和 《inSection 508》的基本要求,經過充分的開發和測試。

        OK,我們開始進入主題了~

        1、可訪問性設計并非創新的障礙(西安網站制作)

        要讓產品可訪問性更好,并不是讓你做一個丑陋、沉悶而雜亂無章的產品。當你在設計的時候,現有的可訪問性設計規范或者“推薦規范”的引入,確實會提供一定的約束,但是它們本身并不只是一種限制,它還是你設計和探索的新方向,畢竟,你設計的較終目標是為用戶提供更好的產品——好用好看。

        當我們在閱讀這些設計規范的時候,請務必記住,這些產品并不只是為我們的同行或者設計同好來設計的,它所涵蓋的用戶各不相同。

        0-bhC1d9AMLq7EA4bv

        作為西安網站設計師的你,你可以為你的同行和同好設計出極具共鳴的產品,但是從更廣泛意義上來說,他們在你產品用戶的總量中,占據的比例并不高吧?

        0-Y8EzNegFamAO5_zV

        為那些真正同你的產品進行互動的各色用戶來設計吧。為每一個人設計。你的用戶可能是盲人,可能是色盲,視力不佳者,可能是聽力障礙者,可能是有行動障礙的老人,可能是有認知障礙的用戶。你的用戶可能很年輕,也可能很老,他們可能是普通用戶,也可能是重度依賴者,也可能是對于用戶體驗有極高要求的挑剔用戶。

        擁抱可訪問性設計準則吧,如果你想創造一個令人驚艷的產品,那么這是你的必經之路。


        2、不要讓色彩成為你先進的視覺傳達手段(西安網站設計)

        視覺障礙者所存在的問題各不相同,色盲(男性1/12,女性1/200)、近視(1/30)以及失明(1/188)的用戶都會成為你的可訪問性設計所照顧的對象。

        借助色彩來呈現高亮和互補是顯而易見的設計方法。

        那么你看看下面灰階的界面中,有幾項填錯了?很多人都會人為只有驗證碼填錯了,因為只有驗證碼的字段有個小三角形,者表明它是有問題的。接下來整屏的灰色也沒法讓你判斷出其他的問題。

        0-d3Y0b1mb7p0P10iO

        但是當你看到彩色的界面的時候就知道,實際狀況并不是這樣。設計師使用紅色來標識錯誤的字段,四個字段其實都是錯的,對于色盲的用戶,這樣設計的可訪問性簡直是災難性的。實際上,你可以使用粗邊框、粗體文字提醒、下劃線、斜體來呈現錯誤狀態,而不止是色彩。

        0-gjAl4cxEGBazbYNY

        3、文字和背景有充分的對比(西安網站制作)

        根據WCAG的規定,文本和所處的背景的對比度至少為4.5:1。這套規范主要是要弱視者、色盲看清楚屏幕上顯示的文字內容。這也就意味著,如果你的文字大小為24px,19px粗體的時候,文字的灰度較少也得是#959595.

        1-rlBm6vidbbXu26efnYZWqA

        #959595 字體在白色背景上的效果。

        對于較小的字體,能用的灰色較0也得到#767676,如果你的背景本身就是灰色的,那么文字的用色還得更沉才行。

        1-rOaDGp5GtLG8Fn79pa34Gg

        #767676 字體在白色背景上的效果。

        有個名為Color Safe的工具,能夠你的設計用色安全。而WebAIM’s Color Contrast Checker也能幫你進行色彩對比度的檢查,你選對了色彩。

        LOGO和被禁用的元素則不受此標準約束。這里面包括了處于禁用狀態的按鈕或者菜單選項。不過占位符或者幽靈按鈕的內容則依然在規定約束范疇內。

        接下來的案例我們看的是著名博客平臺Medium,例子中僅有“M” 這個Logo的對比度符合了標準,其他部分的灰度則很難讓人看清,更何況是視覺障礙者。

        0-tvvQcCsqdHROnBzK

        下一個案例是BBC的網站,他們使用不同的色彩來強化對比,很明顯他們的網站在對比度上做過很深的功課,因為他們的灰色較淺的用的就是#767676。

        0-Y0AhWKKQ3mbgUzWs

        下面我還想說說Salesforce。很榮幸我能同Salesforce設計系統團隊一同工作,他們剛剛完成了Salesforce1移動客戶端的設計工作。

        1-o6kxU1Gm4SaOPpTmhPOg0A

        這個案例中很明顯,他們采用了高對比度的色彩組合。如果你沒有深入了解過他們,很難想象這些設計師對于高對比度的色彩組合有多么執著的追求。不過我想你應該也已經明白控制對比度的好處,你的界面會更加先進。

        以上內容由至成科技(西安網站設計,西安網站制作)為您提供,更多精彩內容:http://www.vxdmg.com/

        關注“至成科技”微信公眾號,快速獲取互聯網較新資訊

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划