亚洲成年永久免费播放片网址,AV在线播放免费你懂的,又色又爽的成年美女毛片

隨著時(shí)代的發(fā)展，"無(wú)障礙體驗(yàn)" 對(duì)開(kāi)發(fā)者的意義也愈發(fā)重大。我們準(zhǔn)備了無(wú)障礙設(shè)計(jì)文章，幫助您為更多用戶(hù)打造精彩應(yīng)用。本文是第一篇內(nèi)容，將為您介紹輔助技術(shù)，層次結(jié)構(gòu)，顏色和對(duì)比度等內(nèi)容。

了解無(wú)障礙

改進(jìn)產(chǎn)品的無(wú)障礙設(shè)計(jì)可以面向所有用戶(hù)提高產(chǎn)品的通用性，包括有弱視、失明、聽(tīng)力障礙、認(rèn)知障礙、運(yùn)動(dòng)障礙或情境式障礙 (如手臂骨折) 的用戶(hù)。

您可以參考以下內(nèi)容，了解更多相關(guān)信息:

確保人人都能使用網(wǎng)絡(luò)，并享受網(wǎng)絡(luò)帶來(lái)的便捷。

https://www.google.com/accessibility
在全球范圍實(shí)現(xiàn)無(wú)障礙
https://design.google/library/designing-global-accessibility-part-1

原則

清晰:通過(guò)設(shè)計(jì)清晰的布局，添加明確的號(hào)召性用語(yǔ)，幫助用戶(hù)導(dǎo)航。
健全:設(shè)計(jì)應(yīng)用的宗旨是滿(mǎn)足不同用戶(hù)的需求。
專(zhuān)屬:適配平臺(tái)專(zhuān)屬的輔助技術(shù)，就像應(yīng)用支持按觸、鍵盤(pán)和鼠標(biāo)一樣。

移動(dòng)界面設(shè)計(jì)指南

本部分主要適用于移動(dòng)界面設(shè)計(jì)。如需詳細(xì)了解如何設(shè)計(jì)和開(kāi)發(fā)更符合無(wú)障礙標(biāo)準(zhǔn)的產(chǎn)品，您可以訪問(wèn) Google 無(wú)障礙中心網(wǎng)站:

https://www.google.com/accessibility

免責(zé)聲明:這些資料僅供參考，并不構(gòu)成法律建議。如果您有任何特定問(wèn)題，請(qǐng)咨詢(xún)您的律師尋求建議。

輔助技術(shù)

輔助技術(shù)可以通過(guò)屏幕閱讀器、放大工具和助聽(tīng)器等設(shè)備幫助提升、維持或改善殘障人士的各項(xiàng)能力。

屏幕閱讀器

屏幕閱讀器是一種使用盲文顯示屏或會(huì)大聲朗讀文本的軟件程序，例如 Google 的屏幕閱讀器 TalkBack。有視力障礙、閱讀困難或暫時(shí)不能閱讀的用戶(hù)可以使用屏幕閱讀器，它會(huì)將顯示的內(nèi)容大聲朗讀出來(lái)。該程序可以識(shí)別出段落和按鈕文字，以及圖標(biāo)和標(biāo)題的可選文本等隱藏的內(nèi)容。您可以為內(nèi)容添加標(biāo)簽，以?xún)?yōu)化使用屏幕閱讀器或使用純文字版界面用戶(hù)的使用體驗(yàn)。

TalkBack

https://support.google.com/accessibility/android/answer/6283677

使用屏幕閱讀器進(jìn)行導(dǎo)航屏幕閱讀器為用戶(hù)提供多種在屏幕中導(dǎo)航的方式，包括:

輕觸探索: 借助觸摸式屏幕閱讀器，用戶(hù)只需在屏幕上移動(dòng)手指，即可聽(tīng)取手指正下方的內(nèi)容。這讓用戶(hù)能夠快速了解整個(gè)界面?；蛘?，用戶(hù)可以通過(guò)肌肉記憶快速移動(dòng)到某個(gè)界面元素。在 TalkBack 中，此功能稱(chēng)為 "輕觸探索"。若要選擇一個(gè)項(xiàng)目，用戶(hù)可以點(diǎn)按兩次。
線性導(dǎo)航 (Linear navigation): 用戶(hù)還可以通過(guò)在屏幕上向后或向前滑動(dòng)來(lái)移動(dòng)焦點(diǎn)，以線性方式從上到下閱讀頁(yè)面內(nèi)容。在 TalkBack 中，此功能稱(chēng)為 "線性導(dǎo)航"，這讓用戶(hù)能夠鎖定特定元素。

輕觸探索

https://support.google.com/accessibility/android/answer/6006598

用戶(hù)可以在 "輕觸探索" 和 "線性導(dǎo)航" 兩種模式之間切換。

通過(guò)頁(yè)面標(biāo)識(shí)導(dǎo)航

如果頁(yè)面標(biāo)識(shí) (例如標(biāo)題) 使用適當(dāng)?shù)恼Z(yǔ)義標(biāo)記，一些輔助技術(shù)就可以讓用戶(hù)在這些頁(yè)面標(biāo)識(shí)之間進(jìn)行導(dǎo)航。 方向控制器 硬件或軟件方向控制器 (例如方向鍵、軌跡球或鍵盤(pán)) 可讓用戶(hù)以線性方式從一個(gè)選擇跳到另一個(gè)選擇。

層次結(jié)構(gòu)

如果導(dǎo)航簡(jiǎn)單易用，用戶(hù)便能輕松了解他們處在您應(yīng)用中的什么界面位置，以及哪些內(nèi)容比較重要。為了強(qiáng)調(diào)重要的信息，您可以提供多種視覺(jué)和文本提示，例如顏色、形狀、文字和運(yùn)動(dòng)，使之更為明確清晰。

反饋的類(lèi)型 視覺(jué)反饋 (如標(biāo)簽、顏色和圖標(biāo)) 和觸摸反饋可向用戶(hù)顯示界面中有哪些內(nèi)容。 導(dǎo)航 導(dǎo)航應(yīng)該具有清晰的任務(wù)流程，精簡(jiǎn)的步驟，易于找尋的控件，和清楚明確的標(biāo)簽。對(duì)于常規(guī)任務(wù)，可以實(shí)現(xiàn)焦點(diǎn)控制或者控制鍵盤(pán)和閱讀焦點(diǎn)的功能。您可以查看我們之前的推文，了解 "支持焦點(diǎn)導(dǎo)航"。

層次結(jié)構(gòu) 每增加一個(gè)按鈕、圖片和文本行都會(huì)增加界面的復(fù)雜性。您可以通過(guò)使用以下方法讓界面更簡(jiǎn)潔易懂:

清晰可見(jiàn)的元素
足夠的對(duì)比度和大小
明確的重要性層次結(jié)構(gòu)
一目了然的關(guān)鍵信息

若要表達(dá)界面中某一部分相對(duì)重要，您可以進(jìn)行以下操作:

將重要操作放置在屏幕頂部或底部 (可通過(guò)快捷方式訪問(wèn))
并排放置具有相似層次結(jié)構(gòu)的相關(guān)內(nèi)容

正確做法通過(guò)將重要操作放置在屏幕頂部，可在層次結(jié)構(gòu)中凸顯其重要性。

注意如果將重要操作嵌入到其他內(nèi)容中，就無(wú)法清楚地看出頁(yè)面上什么元素最重要了。

視覺(jué)層次結(jié)構(gòu)

為了使屏幕閱讀器能夠按照既定的順序閱讀內(nèi)容，設(shè)計(jì)人員與開(kāi)發(fā)者需要緊密協(xié)作，既要按正確的順序編寫(xiě) HTML，又要了解屏幕閱讀器將如何解讀設(shè)計(jì)。

雖然 CSS 決定頁(yè)面的布局和外觀，但屏幕閱讀器在任何平臺(tái) (移動(dòng)應(yīng)用或網(wǎng)站) 上都依賴(lài)于自上而下的 HTML 結(jié)構(gòu)。在屏幕閱讀器閱讀內(nèi)容時(shí)，該結(jié)構(gòu)為其創(chuàng)建了一個(gè)可遵循的路徑。

正確做法

該 HTML 從左上 (第 1 步) 到右上 (第 2 步)、左下 (第 3 步) 再到右下 (第 4 步) 的順序閱讀內(nèi)容，反映了視覺(jué)層次結(jié)構(gòu)。

class="container"> class="step-1" /> class="step-2" /> class="step-3" /> class="step-4" /> △示例代碼: 在支持屏幕閱讀器的層次結(jié)構(gòu)中顯示圖片

注意

雖然一些用戶(hù)可能會(huì)按照屏幕的視覺(jué)順序查看圖片，即從左上 (第 1 步) 到右上 (第 2 步)、左下 (第 3 步) 再到右下 (第 4 步) 的順序，但默認(rèn)情況下，屏幕閱讀器會(huì)按照 HTML 的自上而下順序 (即第 1 步、第 3 步、第 2 步和第 4 步) 讀出內(nèi)容。

class="container">

class="col-left"> class="step-1" /> class="step-3" />

class="col-right"> class="step-2" /> class="step-4" />

△顯示圖片的示例代碼，其中屏幕閱讀器會(huì)先閱讀左列中的項(xiàng)目，再閱讀右列中的項(xiàng)目。您可以訪問(wèn)官方文檔，了解 DOM 更多相關(guān)內(nèi)容:

https://web.dev/dom-order-matte rs/

焦點(diǎn)順序 輸入焦點(diǎn)時(shí)遵循視覺(jué)布局順序，通常是從屏幕的頂部瀏覽到底部。它可以從最重要的項(xiàng)目遍歷到最不重要的項(xiàng)目。

為了幫助您確定焦點(diǎn)及其移動(dòng)軌跡，您可以考慮以下方面:

元素獲得焦點(diǎn)的順序
元素的分組方式
當(dāng)獲得焦點(diǎn)的元素消失時(shí)焦點(diǎn)移動(dòng)的位置

您可以通過(guò)圖標(biāo)顯示和無(wú)障礙文本的組合來(lái)表示關(guān)注點(diǎn)。

△黑色圓圈表示屏幕上的元素可以獲得焦點(diǎn)的順序

分組

將項(xiàng)目分組陳列，并對(duì)每組提供說(shuō)明其含義的標(biāo)題，這會(huì)讓內(nèi)容架構(gòu)更加明顯。 過(guò)渡 焦點(diǎn)在屏幕和任務(wù)之間遍歷，如果這一過(guò)程是連續(xù)的，將會(huì)改善用戶(hù)體驗(yàn)；如果過(guò)程中一項(xiàng)任務(wù)中斷又恢復(fù)，焦點(diǎn)將返回到之前獲得焦點(diǎn)的元素上。

顏色和對(duì)比度

您可以使用顏色和對(duì)比度幫助用戶(hù)查看和解讀應(yīng)用的內(nèi)容，與正確的元素互動(dòng)，以及理解相關(guān)操作。

更符合無(wú)障礙設(shè)計(jì)標(biāo)準(zhǔn)的顏色 顏色可以幫助傳達(dá)心情、語(yǔ)氣和關(guān)鍵信息。您可以選擇主要顏色、次要顏色和強(qiáng)調(diào)色來(lái)提高易用性。元素之間的顏色對(duì)比足夠明顯，可以幫助弱視用戶(hù)更好地查看和使用您的應(yīng)用。您可以訪問(wèn)官方文檔，了解如何選擇能夠使元素之間呈現(xiàn)足夠高的對(duì)比度的顏色:https://material.io/tools/color/#!/?view.left=1&view.right=0 對(duì)比度 色彩對(duì)比度對(duì)于用戶(hù)區(qū)分各種文字和非文字元素非常重要。對(duì)比度較高的圖片更容易被看到。如果圖片的對(duì)比度較低，在明亮或昏暗的光線條件下 (例如，在陽(yáng)光充足的白天或在夜晚)，某些用戶(hù)可能很難看清。對(duì)比度表示一種顏色與另一種顏色不同的程度，通常寫(xiě)為 1:1 或 21:1。比值中這兩個(gè)數(shù)字的差越大，顏色之間的相對(duì)亮度差越大。根據(jù)萬(wàn)維網(wǎng)聯(lián)盟 (W3C) 制定的標(biāo)準(zhǔn)，顏色及其背景之間的對(duì)比度從其亮度 (發(fā)出的光的強(qiáng)度) 方面來(lái)說(shuō)應(yīng)介于 1-21 之間。

對(duì)于正文文本和圖片文本，W3C 建議采用以下對(duì)比度:

文本類(lèi)型	色彩對(duì)比度
大號(hào)文字 (14pt 粗體/18pt 及以上的常規(guī)字體) 和圖形	和背景顏色的對(duì)比度為 3:1
小號(hào)文字	和背景顏色的對(duì)比度為 4.5:1

W3C

https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html

正確做法以上各行文字采用了建議的色彩對(duì)比度，在背景顏色的映襯下清晰易辯。

注意以上各行文字未采用建議的色彩對(duì)比度，在其背景顏色下難以看清。對(duì)于圖標(biāo)或其他關(guān)鍵元素，也應(yīng)考慮使用上述建議的對(duì)比度。

正確做法以上圖標(biāo)采用了建議的色彩對(duì)比度，在背景中清晰易辯。

注意以上圖標(biāo)未采用建議的色彩對(duì)比度，在背景中可能難以看清。

徽標(biāo)和裝飾性元素

裝飾性元素 (如徽標(biāo)或插圖) 可以不符合對(duì)比度要求，但如果它們具有重要功能 (如鏈接到網(wǎng)站)，增加對(duì)比度會(huì)比較易于辨別。

正確做法

裝飾性徽標(biāo)易于辨別，可以不符合對(duì)比度要求。

錯(cuò)誤做法

不要為了符合對(duì)比度要求而使徽標(biāo)失真。

其他視覺(jué)提示 對(duì)于色盲用戶(hù)或看不出顏色差異的用戶(hù)，其他設(shè)計(jì)元素同樣可以傳達(dá)信息量。由于色盲有不同的表現(xiàn)形式 (包括紅綠色盲、藍(lán)黃色盲和全色盲)，使用多種視覺(jué)提示有助于傳達(dá)重要的信息。描邊、指示器、圖案、紋理或文字等元素可以描述動(dòng)作和內(nèi)容。

正確做法文本字段錯(cuò)誤狀態(tài)通過(guò)多項(xiàng)提示進(jìn)行傳達(dá):標(biāo)題顏色、文本字段描邊和字段下方的錯(cuò)誤提示。

注意文本字段錯(cuò)誤狀態(tài)僅通過(guò)彩色描邊傳達(dá)，無(wú)法感知顏色的用戶(hù)可能錯(cuò)過(guò)這些信息。

以上就是無(wú)障礙設(shè)計(jì)的第一篇內(nèi)容，敬請(qǐng)持續(xù)關(guān)注下一篇文章，屆時(shí)我們會(huì)為您帶來(lái)無(wú)障礙布局和排版、文案等相關(guān)的內(nèi)容。也歡迎您持續(xù)關(guān)注我們，及時(shí)了解更多開(kāi)發(fā)技術(shù)和產(chǎn)品更新等資訊動(dòng)態(tài)。

?點(diǎn)擊屏末|閱讀原文|即刻了解無(wú)障礙功能更多相關(guān)內(nèi)容

原文標(biāo)題：借助 Material Design，幫助您打造更好的無(wú)障礙應(yīng)用 (上篇)

文章出處：【微信公眾號(hào)：谷歌開(kāi)發(fā)者】歡迎添加關(guān)注！文章轉(zhuǎn)載請(qǐng)注明出處。

聲明：本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題，請(qǐng)聯(lián)系本站處理。舉報(bào)投訴