一些資料
TED Designing for Disability
這個合集用做學習以人為本、無障礙設計、包容性設計是很好的資料。
這個合集邀請了十一位泛設計行業(yè)的相關人士。有聽障設計師、有盲人建筑師、也有帕金森侏儒癥患者、更有為讓生活更美好不斷努力的普通人。
他們從各個不同的視角,展示了好的設計和智能技術是如何讓我們生活的世界更加包容。
ARIA(Accessible Rich Internet Application)網(wǎng)頁無障礙
ARIA 規(guī)定了能夠讓 Web 內(nèi)容和 Web 應用(特別是那些由 Ajax 和 JavaScript 開發(fā)的)對于殘障人士更易使用的各種機制。
ARIA是對HTML的補充。新的HTML5標準中增加aria-*的標簽屬性,與role標簽屬性配合使用。
<div id="percent-loaded" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" />
role="progressbar"這個屬性告訴瀏覽器,該元素其實是一個JavaScript實現(xiàn)的進度條組件。aria-valuemin和aria-valuemax屬性表明了進度條的最小值和最大值。aria-valuenow則描述了當前進度條的狀態(tài), 因此它得用JavaScript來更新。
無障礙環(huán)境調查
互聯(lián)網(wǎng)對殘障人士帶來了便利,消除了現(xiàn)實中他們面臨的障礙;但是當設計不當時,互聯(lián)網(wǎng)給人們帶來了新的障礙。
綠燈亮起時發(fā)出滴滴滴滴的聲音提示(視障、色盲)、電梯里樓層按鈕使用盲文(視障)、公交車上有文字提示到站(聽障)等的設計
無障礙設計的酒店:
其實房間的不同在于廁所和沒有梳妝臺。
洗漱用品放在容易拿到的地方!
樓層也較低
酒店無障礙適老化客房設計
??確??头績?nèi)設有無障礙入口、寬敞的通道、無障礙衛(wèi)生間及扶手等設施,方便行動不便的客人使用。
??安全性:使用防滑地面、安裝緊急呼叫按鈕、配置可調節(jié)的床和座椅,增強入住者的安全感。
??舒適性:提供人體工學設計的家具,確保床墊和椅子的舒適度,適合長時間使用。
??智能化:配置智能家居設備,如語音控制燈光、窗簾和空調,方便老年人操作,提高入住體驗。
“我是肢體殘疾,輪椅很多地方都上不去的,比如臺階,不管到哪肯定都有臺階。我還會騎三輪車,只是不會獨自走路,必須有人扶我或者有欄桿扶著才會走。最困難的是樓梯臺階“
無障礙不只是供輪椅使用,如果是拉行李箱,或著運貨,家長推嬰兒車
殘障人士的輔助設備
了解殘障人士的協(xié)助設備,有利于設計
盲人使用的工具有:盲文電子顯示器、電腦和手機的讀屏軟件等
一些交互細節(jié)
用戶通過鍵盤或盲文顯示器發(fā)送指令,告訴機器當頁面發(fā)生變化時如何反饋
指令可以讓機器讀、寫、全片顯示、搜索內(nèi)容、當前光標所在位置等
高級功能:定位某種顏色的文本、識別菜單上被激活的信息、拼寫檢查等
web accessibility/網(wǎng)頁的無障礙定義
網(wǎng)頁的無障礙設計,不只是給殘障人士使用,還包括
使用手機、智能手表等小屏設備、各種其他設備;
老年人、因骨折或眼鏡丟失等“暫時殘疾”的人;
強太陽光下、無法收聽音頻環(huán)境等“情境限制”;
網(wǎng)速慢、帶寬受限、上網(wǎng)流量費用昂貴的情況等。
網(wǎng)站內(nèi)容的設計
無論是誰,上網(wǎng)關注的就是信息。
網(wǎng)頁內(nèi)容讓盡可能多的人可用,包括使用舊瀏覽器和計算機、網(wǎng)速慢、安全限制嚴格(如禁用 JavaScript)的用戶
如復選框checkbox,默認勾選、有文案提示,對于弱視力的用戶會更友好
顏色不應是傳達信息、行為、區(qū)別的唯一視覺元素
代碼
HTML:有什么;
CSS:怎么顯示
<div>和<span>是布局元素,無法寫和瀏覽器的交互內(nèi)容,無法寫任何和第三方輔助API的交互
可以把網(wǎng)頁的內(nèi)容分為以下幾類:Headers、Titles、Paragraphs、Images、Forms、Links
每一個網(wǎng)頁,它的title是唯一的;網(wǎng)頁的信息結構應該是和內(nèi)容相關的
h1、h2、h3、h2、h3、h4、h2、h3、h4)
每頁使用一個 H1,并使其與頁標題匹配。
在增加時不要跳過標題級別,但在減少時可以跳過級別
網(wǎng)頁的圖片,使用 alt="photo of pepperoni pizza”,alt突然加載失敗時hover有提示
其他注意事項
清晰地顯示焦點,且焦點可控
用戶在使用鍵盤導航時,通過視覺讓用戶能跟蹤他們的視覺焦點。
簡單的、清晰的導航提示和標簽。