From 353474c0acdad9b8ffdb86d3d5f32137885dd720 Mon Sep 17 00:00:00 2001 From: Peter Ng Date: Tue, 31 Jul 2012 14:58:51 -0700 Subject: moving accessibility image to callouts Change-Id: Ia67240a5eced57803d4593269a509b28fe2ecf9c --- .../design/media/accessibility_contentdesc.png | Bin 264644 -> 200466 bytes docs/html/design/patterns/accessibility.jd | 21 ++++++++++++++++++++- 2 files changed, 20 insertions(+), 1 deletion(-) (limited to 'docs/html/design') diff --git a/docs/html/design/media/accessibility_contentdesc.png b/docs/html/design/media/accessibility_contentdesc.png index b4a5c2d..6515711 100644 Binary files a/docs/html/design/media/accessibility_contentdesc.png and b/docs/html/design/media/accessibility_contentdesc.png differ diff --git a/docs/html/design/patterns/accessibility.jd b/docs/html/design/patterns/accessibility.jd index a41397f..b2fbda9 100644 --- a/docs/html/design/patterns/accessibility.jd +++ b/docs/html/design/patterns/accessibility.jd @@ -31,7 +31,26 @@ page.title=Accessibility

Label visual UI elements meaningfully

In your wireframes, label functional UI components that have no visible text. Those components might be buttons, icons, tabs with icons, and icons with state (like stars). Developers can use the contentDescription attribute to set the label.

- +
+
+ +
+
+
    +
  1. group
    2. +
  2. all contacts
    3. +
  3. favorites
    4. +
  4. search
    5. +
  5. action overflow button
    6. +
  6. + when starred: remove from favorites
    + when not starred: add to favorties
    7. +
  7. action overflow button
    8. +
  8. text message
    9. +
  9. video chat
    10. +
+
+

Provide alternatives to affordances that time out

Your app may have icons or controls that disappear after a certain amount of time. For example, five seconds after starting a video, playback controls may fade from the screen.

-- cgit v1.1