chrome/browser/resources/chromeos/login/oobe_screen_user_image.html - Issue 10376003: Improve accessibility of user image selection screen.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_screen_user_image.html

Issue 10376003: Improve accessibility of user image selection screen. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: Added child selector to css and updated image indices to match change from ivankr Created 8 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« chrome/browser/resources/chromeos/login/oobe.css ('K') | « chrome/browser/resources/chromeos/login/oobe.css ('k') | chrome/browser/resources/chromeos/login/oobe_screen_user_image.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <div class="step right hidden" id="user-image"	1 <div class="step right hidden" id="user-image">

2 aria-labelledby="user-image-screen-description">

3 <div class="step-logo">	2 <div class="step-logo">

4 <img src="chrome://theme/IDR_PRODUCT_LOGO">	3 <img src="chrome://theme/IDR_PRODUCT_LOGO">

5 </div>	4 </div>

6 <div class="step-contents">	5 <div class="step-contents">

7 <div id="user-image-screen-curtain">	6 <div id="user-image-screen-curtain">

8 <p id="user-image-screen-description"	7 <p id="user-image-screen-description"

9 i18n-content="userImageScreenDescription"></p>	8 i18n-content="userImageScreenDescription"></p>

10 </div>	9 </div>

11 <div id="user-image-screen-main">	10 <div id="user-image-screen-main">

12 <grid id="user-image-grid">	11 <grid id="user-image-grid"

	12 aria-labelledby="user-image-screen-description">

13 </grid>	13 </grid>

14 <div id="user-image-preview">	14 <div id="user-image-preview">

15 <img id="user-image-preview-img" alt=""	15 <img id="user-image-preview-img" alt=""

16 src="chrome://theme/IDR_LOGIN_DEFAULT_USER">	16 src="chrome://theme/IDR_LOGIN_DEFAULT_USER">

17 <div class="user-image-stream-area">	17 <div class="user-image-stream-area">

18 <div class="perspective-box">	18 <div class="perspective-box">

19 <div id="user-image-stream-crop">	19 <div id="user-image-stream-crop">

20 <video class="user-image-stream" autoplay></video>	20 <video class="user-image-stream" autoplay></video>

21 </div>	21 </div>

22 </div>	22 </div>

23 <div class="spinner"></div>	23 <div class="spinner"></div>

24 <button id="flip-photo" class="custom-appearance"></button>	24 <button id="flip-photo" class="custom-appearance"

	25 i18n-values="title:flipPhoto"></button>

25 </div>	26 </div>

26 <p id="user-image-preview-caption"></p>	27 <p id="user-image-preview-caption"></p>

27 <button id="discard-photo"></button>	28 <button id="discard-photo" i18n-values="title:discardPhoto"></button>

28 <button id="take-photo"></button>	29 <button id="take-photo" i18n-values="title:takePhoto"></button>

29 </div>	30 </div>

30 </div>	31 </div>

31 </div>	32 </div>

32 <div id="user-image-controls" class="step-controls"></div>	33 <div id="user-image-controls" class="step-controls"></div>

33 </div>	34 </div>

OLD	NEW