diff options
| author | Peter Ng <petergng@google.com> | 2012-07-31 16:08:32 -0700 |
|---|---|---|
| committer | Android (Google) Code Review <android-gerrit@google.com> | 2012-07-31 16:08:33 -0700 |
| commit | a86664223612ba8bfaded5a2ae2178b6482d9fd5 (patch) | |
| tree | a811f52dfb07e5fa2ebf38dc7a0a90b3c2cb719d /docs/html/design | |
| parent | c2eb7080481096777660aa726d46c2ccf21aca0d (diff) | |
| parent | 353474c0acdad9b8ffdb86d3d5f32137885dd720 (diff) | |
| download | frameworks_base-a86664223612ba8bfaded5a2ae2178b6482d9fd5.zip frameworks_base-a86664223612ba8bfaded5a2ae2178b6482d9fd5.tar.gz frameworks_base-a86664223612ba8bfaded5a2ae2178b6482d9fd5.tar.bz2 | |
Merge "moving accessibility image to callouts" into jb-dev
Diffstat (limited to 'docs/html/design')
| -rw-r--r-- | docs/html/design/media/accessibility_contentdesc.png | bin | 264644 -> 200466 bytes | |||
| -rw-r--r-- | docs/html/design/patterns/accessibility.jd | 21 |
2 files changed, 20 insertions, 1 deletions
diff --git a/docs/html/design/media/accessibility_contentdesc.png b/docs/html/design/media/accessibility_contentdesc.png Binary files differindex b4a5c2d..6515711 100644 --- a/docs/html/design/media/accessibility_contentdesc.png +++ b/docs/html/design/media/accessibility_contentdesc.png 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 <h4>Label visual UI elements meaningfully</h4> <p>In your wireframes, <a href="{@docRoot}guide/topics/ui/accessibility/apps.html#label-ui">label functional UI components</a> that have no visible text. Those components might be buttons, icons, tabs with icons, and icons with state (like stars). Developers can use the <code><a href="{@docRoot}guide/topics/ui/accessibility/apps.html#label-ui">contentDescription</a></code> attribute to set the label.</p> -<img src="{@docRoot}design/media/accessibility_contentdesc.png"> +<div class ="layout-content-row"> + <div class="layout-content-col span-8"> + <img src="{@docRoot}design/media/accessibility_contentdesc.png"> + </div> + <div class="layout-content-col span-5 with-callouts"> + <ol> + <li class="value-1">group</li> + <li class="value-2">all contacts</li> + <li class="value-3">favorites</li> + <li class="value-4">search</li> + <li class="value-5">action overflow button</li> + <li class="value-6"> + <em>when starred:</em> remove from favorites </br> + <em>when not starred:</em> add to favorties</li> + <li class="value-7">action overflow button</li> + <li class="value-8">text message</li> + <li class="value-9">video chat</li> + </ol> + </div> +</div> <h4>Provide alternatives to affordances that time out</h4> <p>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.</p> |
