OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 @license | 3 @license |
4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
5 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 5 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
7 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 7 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
8 Code distributed by Google as part of the polymer project is also | 8 Code distributed by Google as part of the polymer project is also |
9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
10 --> | 10 --> |
11 | |
12 <html> | 11 <html> |
13 <head> | 12 <head> |
14 | |
15 <meta charset="utf-8"> | 13 <meta charset="utf-8"> |
16 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 14 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
17 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1, user-scalable=yes"> | 15 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1, user-scalable=yes"> |
18 | 16 |
19 <title>iron-a11y-announcer demo</title> | 17 <title>iron-checked-element-behavior demo</title> |
20 | 18 |
21 <script src="../../webcomponentsjs/webcomponents-lite.js"></script> | 19 <script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
22 <link rel="import" href="../../paper-styles/paper-styles.html"> | |
23 <link rel="import" href="../../paper-styles/demo-pages.html"> | 20 <link rel="import" href="../../paper-styles/demo-pages.html"> |
24 <link rel="import" href="x-announces.html"> | 21 <link rel="import" href="simple-checkbox.html"> |
25 | |
26 | |
27 </head> | 22 </head> |
28 <body> | 23 <body unresolved> |
29 <div class="horizontal center-justified layout"> | 24 <div class="horizontal-section-container"> |
30 <div> | 25 <div> |
31 <div class="vertical-section"> | 26 <h4>Not required</h4> |
32 <span>Note: in order to hear the announcements, be sure to turn on your
favorite screen reader!</span> | 27 <div class="horizontal-section"> |
33 <x-announces>Hello, my name is Ava.</x-announces> | 28 <simple-checkbox></simple-checkbox> |
34 <x-announces>This true sentence is false.</x-announces> | 29 </div> |
35 <x-announces>Are you paying attention?</x-announces> | 30 </div> |
| 31 <div> |
| 32 <h4>Required</h4> |
| 33 <div class="horizontal-section"> |
| 34 <simple-checkbox required></simple-checkbox> |
36 </div> | 35 </div> |
37 </div> | 36 </div> |
38 </div> | 37 </div> |
39 </body> | 38 </body> |
40 </html> | 39 </html> |
OLD | NEW |