欢乐颂小说结局是什么,遮天辰东小说笔趣阁,管理书籍排行榜

隨著時代的發展，"無障礙體驗" 對開發者的意義也愈發重大。我們準備了無障礙設計文章，幫助您為更多用戶打造精彩應用。本文是第一篇內容，將為您介紹輔助技術，層次結構，顏色和對比度等內容。

了解無障礙

改進產品的無障礙設計可以面向所有用戶提高產品的通用性，包括有弱視、失明、聽力障礙、認知障礙、運動障礙或情境式障礙 (如手臂骨折) 的用戶。

您可以參考以下內容，了解更多相關信息:

確保人人都能使用網絡，并享受網絡帶來的便捷。

https://www.google.com/accessibility
在全球范圍實現無障礙
https://design.google/library/designing-global-accessibility-part-1

原則

清晰:通過設計清晰的布局，添加明確的號召性用語，幫助用戶導航。
健全:設計應用的宗旨是滿足不同用戶的需求。
專屬:適配平臺專屬的輔助技術，就像應用支持按觸、鍵盤和鼠標一樣。

移動界面設計指南

本部分主要適用于移動界面設計。如需詳細了解如何設計和開發更符合無障礙標準的產品，您可以訪問 Google 無障礙中心網站:

https://www.google.com/accessibility

免責聲明:這些資料僅供參考，并不構成法律建議。如果您有任何特定問題，請咨詢您的律師尋求建議。

輔助技術

輔助技術可以通過屏幕閱讀器、放大工具和助聽器等設備幫助提升、維持或改善殘障人士的各項能力。

屏幕閱讀器

屏幕閱讀器是一種使用盲文顯示屏或會大聲朗讀文本的軟件程序，例如 Google 的屏幕閱讀器 TalkBack。有視力障礙、閱讀困難或暫時不能閱讀的用戶可以使用屏幕閱讀器，它會將顯示的內容大聲朗讀出來。該程序可以識別出段落和按鈕文字，以及圖標和標題的可選文本等隱藏的內容。您可以為內容添加標簽，以優化使用屏幕閱讀器或使用純文字版界面用戶的使用體驗。

TalkBack

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

使用屏幕閱讀器進行導航屏幕閱讀器為用戶提供多種在屏幕中導航的方式，包括:

輕觸探索: 借助觸摸式屏幕閱讀器，用戶只需在屏幕上移動手指，即可聽取手指正下方的內容。這讓用戶能夠快速了解整個界面。或者，用戶可以通過肌肉記憶快速移動到某個界面元素。在 TalkBack 中，此功能稱為 "輕觸探索"。若要選擇一個項目，用戶可以點按兩次。
線性導航 (Linear navigation): 用戶還可以通過在屏幕上向后或向前滑動來移動焦點，以線性方式從上到下閱讀頁面內容。在 TalkBack 中，此功能稱為 "線性導航"，這讓用戶能夠鎖定特定元素。

輕觸探索

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

用戶可以在 "輕觸探索" 和 "線性導航" 兩種模式之間切換。

通過頁面標識導航

如果頁面標識 (例如標題) 使用適當的語義標記，一些輔助技術就可以讓用戶在這些頁面標識之間進行導航。 方向控制器 硬件或軟件方向控制器 (例如方向鍵、軌跡球或鍵盤) 可讓用戶以線性方式從一個選擇跳到另一個選擇。

層次結構

如果導航簡單易用，用戶便能輕松了解他們處在您應用中的什么界面位置，以及哪些內容比較重要。為了強調重要的信息，您可以提供多種視覺和文本提示，例如顏色、形狀、文字和運動，使之更為明確清晰。

反饋的類型 視覺反饋 (如標簽、顏色和圖標) 和觸摸反饋可向用戶顯示界面中有哪些內容。導航導航應該具有清晰的任務流程，精簡的步驟，易于找尋的控件，和清楚明確的標簽。對于常規任務，可以實現焦點控制或者控制鍵盤和閱讀焦點的功能。您可以查看我們之前的推文，了解 "支持焦點導航"。

層次結構 每增加一個按鈕、圖片和文本行都會增加界面的復雜性。您可以通過使用以下方法讓界面更簡潔易懂:

清晰可見的元素
足夠的對比度和大小
明確的重要性層次結構
一目了然的關鍵信息

若要表達界面中某一部分相對重要，您可以進行以下操作:

將重要操作放置在屏幕頂部或底部 (可通過快捷方式訪問)
并排放置具有相似層次結構的相關內容

正確做法通過將重要操作放置在屏幕頂部，可在層次結構中凸顯其重要性。

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

視覺層次結構

為了使屏幕閱讀器能夠按照既定的順序閱讀內容，設計人員與開發者需要緊密協作，既要按正確的順序編寫 HTML，又要了解屏幕閱讀器將如何解讀設計。

雖然 CSS 決定頁面的布局和外觀，但屏幕閱讀器在任何平臺 (移動應用或網站) 上都依賴于自上而下的 HTML 結構。在屏幕閱讀器閱讀內容時，該結構為其創建了一個可遵循的路徑。

正確做法

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

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

注意

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

class="container">

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

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

△顯示圖片的示例代碼，其中屏幕閱讀器會先閱讀左列中的項目，再閱讀右列中的項目。您可以訪問官方文檔，了解 DOM 更多相關內容:

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

焦點順序 輸入焦點時遵循視覺布局順序，通常是從屏幕的頂部瀏覽到底部。它可以從最重要的項目遍歷到最不重要的項目。

為了幫助您確定焦點及其移動軌跡，您可以考慮以下方面:

元素獲得焦點的順序
元素的分組方式
當獲得焦點的元素消失時焦點移動的位置

您可以通過圖標顯示和無障礙文本的組合來表示關注點。

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

分組

將項目分組陳列，并對每組提供說明其含義的標題，這會讓內容架構更加明顯。過渡焦點在屏幕和任務之間遍歷，如果這一過程是連續的，將會改善用戶體驗；如果過程中一項任務中斷又恢復，焦點將返回到之前獲得焦點的元素上。

顏色和對比度

您可以使用顏色和對比度幫助用戶查看和解讀應用的內容，與正確的元素互動，以及理解相關操作。

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

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

文本類型	色彩對比度
大號文字 (14pt 粗體/18pt 及以上的常規字體) 和圖形	和背景顏色的對比度為 3:1
小號文字	和背景顏色的對比度為 4.5:1