1<!-- 2Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE 4The complete set of authors may be found at http://polymer.github.io/AUTHORS 5The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS 6Code distributed by Google as part of the polymer project is also 7subject to an additional IP rights grant found at http://polymer.github.io/PATENTS 8--> 9 10<link rel="import" href="../../polymer/polymer.html"> 11<link rel="import" href="../../paper-button/paper-button.html"> 12<link rel="import" href="../iron-a11y-announcer.html"> 13 14<dom-module id="x-announces"> 15 <style> 16 :host { 17 display: block; 18 position: relative; 19 padding: 1em 0; 20 } 21 22 paper-button { 23 background: #4285f4; 24 color: #fff; 25 } 26 </style> 27 <template> 28 <paper-button on-tap="_onTapAnnounce" raised>Announce</paper-button> 29 <span id="content" aria-hidden="true"> 30 <content></content> 31 </span> 32 </template> 33 <script> 34 Polymer({ 35 is: 'x-announces', 36 37 attached: function() { 38 Polymer.IronA11yAnnouncer.requestAvailability(); 39 }, 40 41 _onTapAnnounce: function() { 42 this.fire('iron-announce', { 43 text: this.$.content.textContent.trim() 44 }, { 45 bubbles: true 46 }); 47 } 48 }); 49 </script> 50</dom-module> 51