diff --git a/docs/html/design/media/accessibility_contentdesc.png b/docs/html/design/media/accessibility_contentdesc.png index b4a5c2dbc8f1a..651571152ba84 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 a41397f05a8ce..b2fbda97c9d7a 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.