Improving layout and a11y for HID detection OOBE screen.
[chromium-blink-merge.git] / chrome / browser / resources / chromeos / login / oobe_screen_hid_detection.html
blob84208d2337655c7cb79cc4d58b5b9fe747b30de4
1 <div class="step hidden" id="hid-detection" hidden role="group"
2 i18n-values="aria-label:hidDetectionInvitation">
3 <div class="step-contents">
4 <div id="hid-invitation-text" i18n-content="hidDetectionInvitation"></div>
5 <div id="hid-prerequisite-msg" i18n-content="hidDetectionPrerequisites">
6 </div>
7 <div id="hid-mouse-block">
8 <div id="hid-mouse-icon-block">
9 <img id="hid-mouse-icon" src="chrome://theme/IDR_BLUETOOTH_MOUSE"
10 alt="">
11 <img id="hid-mouse-tick" src="chrome://theme/IDR_BLUETOOTH_PAIRING_TICK"
12 alt="">
13 </div>
14 <div id="hid-mouse-label">
15 <span id="hid-mouse-label-searching" aria-live="polite"
16 i18n-content="hidDetectionMouseSearching" class="label">
17 </span>
18 <span id="hid-mouse-label-connected" aria-live="polite"
19 i18n-content="hidDetectionUSBMouseConnected" class="label">
20 </span>
21 <span id="hid-mouse-label-paired" aria-live="polite"
22 i18n-content="hidDetectionBTMousePaired" class="label">
23 </span>
24 </div>
25 </div>
26 <div id="hid-keyboard-block">
27 <div id="hid-keyboard-icon-block">
28 <img id="hid-keyboard-icon" src="chrome://theme/IDR_BLUETOOTH_KEYBOARD"
29 alt="">
30 <img id="hid-keyboard-tick"
31 src="chrome://theme/IDR_BLUETOOTH_PAIRING_TICK" alt="">
32 </div>
33 <div id="hid-keyboard-label">
34 <span id="hid-keyboard-label-searching" aria-live="polite"
35 i18n-content="hidDetectionKeyboardSearching" class="label">
36 </span>
37 <span id="hid-keyboard-label-connected" aria-live="polite"
38 i18n-content="hidDetectionUSBKeyboardConnected" class="label">
39 </span>
40 <span id="hid-keyboard-label-paired" class="label" aria-live="polite">
41 </span>
42 <span id="hid-keyboard-label-pairing" class="label"></span>
43 </div>
44 <div id="hid-keyboard-pincode">
45 <div id="hid-keyboard-pincode-sym-1" class="bluetooth-keyboard-button">
46 </div>
47 <div id="hid-keyboard-pincode-sym-2" class="bluetooth-keyboard-button">
48 </div>
49 <div id="hid-keyboard-pincode-sym-3" class="bluetooth-keyboard-button">
50 </div>
51 <div id="hid-keyboard-pincode-sym-4" class="bluetooth-keyboard-button">
52 </div>
53 <div id="hid-keyboard-pincode-sym-5" class="bluetooth-keyboard-button">
54 </div>
55 <div id="hid-keyboard-pincode-sym-6" class="bluetooth-keyboard-button">
56 </div>
57 <div id="hid-keyboard-pincode-sym-7"
58 i18n-content="hidDetectionBTEnterKey"
59 class="bluetooth-keyboard-button">
60 </div>
61 </div>
62 </div>
63 </div>
64 <div id="hid-detection-controls" class="step-controls"></div>
65 </div>