diff --git a/README.md b/README.md
index d1e6b2b..ad66982 100644
--- a/README.md
+++ b/README.md
@@ -30,7 +30,7 @@ buttons. Focus will be given to the `dialog-confirm` button when the dialog is o
 ### Changes in 2.0
 - `paper-dialog-behavior 2.0` styles only direct `h2` and `.buttons` children of the dialog because of how [`::slotted` works](https://developers.google.com/web/fundamentals/primers/shadowdom/?hl=en#stylinglightdom) 
 (compound selector will select only top level nodes)
-- `neon-animation 2.0` doesn't import the Web Animations polyfill, so you'll have to import it ([see Animations section](#Animations))
+- `<paper-dialog>` uses CSS animation keyframes instead of `neon-animation`, ([see Animations section](#Animations))
 
 ### Styling
 
@@ -40,17 +40,36 @@ this element.
 ### Animations
 
 Set the `entry-animation` and/or `exit-animation` attributes to add an animation when the dialog
-is opened or closed. See the documentation in
-[PolymerElements/neon-animation](https://github.com/PolymerElements/neon-animation) for more info.
+is opened or closed. Included in the component are:
+- fade-in-animation
+- fade-out-animation
+- scale-up-animation
+- scale-down-animation
 
-For example:
+These animations are not based on the deprecated `neon-animation` component, and use CSS keyframe animations.
+This change reduces code size, and uses the platform. You can implement custom entry/exit animations using
+CSS keyframe animations; define the animation keyframes, a CSS class for the animation, and assign the class to the `entry/exit-animation`, e.g.
 
 ```html
-<link rel="import" href="../neon-animation/web-animations.html">
-<link rel="import" href="../neon-animation/animations/scale-up-animation.html">
-<link rel="import" href="../neon-animation/animations/fade-out-animation.html">
-
-<paper-dialog entry-animation="scale-up-animation"
+<style>
+  @keyframes appear-from-top {
+    0% {
+      transform: translateY(-2000px);
+      opacity: 0;
+    }
+    10% {
+      opacity: 0.2;
+    }
+  }
+
+  .appear-from-top {
+    animation-name: appear-from-top;
+    animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
+    animation-duration: 800ms;
+  }
+</style>
+
+<paper-dialog entry-animation="appear-from-top"
               exit-animation="fade-out-animation">
   <h2>Header</h2>
   <div>Dialog body</div>
@@ -62,4 +81,3 @@ For example:
 See the docs for `Polymer.PaperDialogBehavior` for accessibility features implemented by this
 element.
 
-
diff --git a/bower.json b/bower.json
index bca919a..7edaf86 100644
--- a/bower.json
+++ b/bower.json
@@ -19,7 +19,6 @@
   "homepage": "https://github.com/PolymerElements/paper-dialog",
   "ignore": [],
   "dependencies": {
-    "neon-animation": "PolymerElements/neon-animation#1 - 2",
     "paper-dialog-behavior": "PolymerElements/paper-dialog-behavior#1 - 2",
     "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#1 - 2",
     "polymer": "Polymer/polymer#1.9 - 2"
@@ -33,14 +32,12 @@
     "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#1 - 2",
     "paper-item": "PolymerElements/paper-item#1 - 2",
     "paper-listbox": "PolymerElements/paper-listbox#1 - 2",
-    "web-animations-js": "web-animations/web-animations-js#^2.2.0",
     "web-component-tester": "^6.0.0",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
   },
   "variants": {
     "1.x": {
       "dependencies": {
-        "neon-animation": "PolymerElements/neon-animation#^1.0.0",
         "paper-dialog-behavior": "PolymerElements/paper-dialog-behavior#^1.0.0",
         "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^1.7.0",
         "polymer": "Polymer/polymer#^1.9"
@@ -54,7 +51,6 @@
         "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^1.0.0",
         "paper-item": "PolymerElements/paper-item#^1.0.0",
         "paper-listbox": "PolymerElements/paper-listbox#^1.0.0",
-        "web-animations-js": "web-animations/web-animations-js#^2.2.0",
         "web-component-tester": "^4.0.0",
         "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
       },
diff --git a/demo/index.html b/demo/index.html
index d332d91..624ee6c 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -23,8 +23,6 @@
   <link rel="import" href="../paper-dialog.html">
   <link rel="import" href="../../paper-button/paper-button.html">
   <link rel="import" href="../../paper-dialog-scrollable/paper-dialog-scrollable.html">
-  <link rel="import" href="../../neon-animation/web-animations.html">
-  <link rel="import" href="../../neon-animation/neon-animations.html">
   <link rel="import" href="../../paper-dropdown-menu/paper-dropdown-menu-light.html">
   <link rel="import" href="../../paper-listbox/paper-listbox.html">
   <link rel="import" href="../../paper-item/paper-item.html">
@@ -33,17 +31,19 @@
   <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
   <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
 
-  <custom-style><style is="custom-style" include="demo-pages-shared-styles">
-    .centered {
-      min-width: 500px;
-    }
+  <custom-style>
+    <style is="custom-style" include="demo-pages-shared-styles">
+      .centered {
+        min-width: 500px;
+      }
 
-    demo-snippet {
-      --demo-snippet-code: {
-        max-height: 250px;
+      demo-snippet {
+        --demo-snippet-code: {
+          max-height: 250px;
+        }
       }
-    }
-  </style></custom-style>
+    </style>
+  </custom-style>
 
 </head>
 
@@ -60,29 +60,47 @@ <h3>Dialog layouts</h3>
 
       <paper-dialog id="dialog">
         <h2>Dialog Title</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-          irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+          sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </paper-dialog>
 
       <paper-dialog id="scrolling">
         <h2>Scrolling</h2>
         <paper-dialog-scrollable>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </paper-dialog-scrollable>
         <div class="buttons">
           <paper-button dialog-dismiss>Cancel</paper-button>
@@ -92,8 +110,10 @@ <h2>Scrolling</h2>
 
       <paper-dialog id="actions">
         <h2>Dialog Title</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-          irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+          sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         <div class="buttons">
           <paper-button>More Info...</paper-button>
           <paper-button dialog-dismiss>Decline</paper-button>
@@ -102,7 +122,8 @@ <h2>Dialog Title</h2>
       </paper-dialog>
 
       <paper-dialog id="modal" modal>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
         <div class="buttons">
           <paper-button dialog-confirm autofocus>Tap me to close</paper-button>
         </div>
@@ -133,8 +154,10 @@ <h2>Dialog Title</h2>
 
       <paper-dialog id="nested">
         <h2>Dialog Title</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-          irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+          sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         <div class="buttons">
           <paper-button onclick="innerDialog.open()">Open nested dialog</paper-button>
         </div>
@@ -142,7 +165,8 @@ <h2>Dialog Title</h2>
 
       <paper-dialog id="innerDialog">
         <h2>Dialog Title</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua.</p>
       </paper-dialog>
     </template>
   </demo-snippet>
@@ -172,19 +196,25 @@ <h3>Styling and positioning</h3>
 
       <paper-dialog id="colors" class="colored">
         <h2>Custom Colors</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
-          dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+          sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </paper-dialog>
 
       <paper-dialog id="position" class="size-position">
         <h2>Custom Size &amp; Position</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
-          dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+          sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </paper-dialog>
     </template>
   </demo-snippet>
 
-  <h3>Position with <code>positionTarget</code></h3>
+  <h3>Position with
+    <code>positionTarget</code>
+  </h3>
   <demo-snippet>
     <template>
       <style is="custom-style">
@@ -199,8 +229,10 @@ <h3>Position with <code>positionTarget</code></h3>
       <paper-dialog id="alignedDialog" no-overlap horizontal-align="left" vertical-align="top">
         <h2>Aligned dialog</h2>
         <paper-dialog-scrollable>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
-          dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+          aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+          occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </paper-dialog-scrollable>
       </paper-dialog>
 
@@ -213,18 +245,51 @@ <h2>Aligned dialog</h2>
     </template>
   </demo-snippet>
 
-  <h3>Transitions with neon-animation</h3>
+  <h3>Transitions with CSS animation keyframes</h3>
   <demo-snippet>
     <template>
       <paper-button raised onclick="animated.open()">open</paper-button>
       <paper-dialog id="animated" entry-animation="scale-up-animation" exit-animation="fade-out-animation" with-backdrop>
         <h2>Dialog Title</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
-          irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+          sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+      </paper-dialog>
+
+      <style>
+        @keyframes appear-from-top-animation {
+          0% {
+            transform: translateY(-50vh);
+            opacity: 0;
+          }
+          10% {
+            opacity: 0.2;
+          }
+        }
+
+        .appear-from-top-animation,
+        .exit-from-top-animation {
+          animation-name: appear-from-top-animation;
+          animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
+          animation-duration: 800ms;
+        }
+
+        .exit-from-top-animation {
+          animation-direction: reverse;
+        }
+      </style>
+      <paper-button raised onclick="customAnimated.open()">open (custom animation)</paper-button>
+      <paper-dialog id="customAnimated" entry-animation="appear-from-top-animation" exit-animation="exit-from-top-animation">
+        <h2>Dialog Title</h2>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+          sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </paper-dialog>
     </template>
   </demo-snippet>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/paper-dialog.d.ts b/paper-dialog.d.ts
index 0be1811..42126b4 100644
--- a/paper-dialog.d.ts
+++ b/paper-dialog.d.ts
@@ -9,7 +9,6 @@
  */
 
 /// <reference path="../polymer/types/polymer.d.ts" />
-/// <reference path="../neon-animation/neon-animation-runner-behavior.d.ts" />
 /// <reference path="../paper-dialog-behavior/paper-dialog-behavior.d.ts" />
 /// <reference path="../paper-dialog-behavior/paper-dialog-shared-styles.d.ts" />
 
@@ -36,6 +35,11 @@
  *       </div>
  *     </paper-dialog>
  *
+ * ### Changes in 2.0
+ * - `paper-dialog-behavior 2.0` styles only direct `h2` and `.buttons` children of the dialog because of how [`::slotted` works](https://developers.google.com/web/fundamentals/primers/shadowdom/?hl=en#stylinglightdom)
+ * (compound selector will select only top level nodes)
+ * - `<paper-dialog>` uses CSS animation keyframes instead of `neon-animation`, ([see Animations section](#Animations))
+ *
  * ### Styling
  *
  * See the docs for `Polymer.PaperDialogBehavior` for the custom properties available for styling
@@ -44,15 +48,35 @@
  * ### Animations
  *
  * Set the `entry-animation` and/or `exit-animation` attributes to add an animation when the dialog
- * is opened or closed. See the documentation in
- * [PolymerElements/neon-animation](https://github.com/PolymerElements/neon-animation) for more info.
+ * is opened or closed. Included in the component are:
+ * - fade-in-animation
+ * - fade-out-animation
+ * - scale-up-animation
+ * - scale-down-animation
+ *
+ * These animations are not based on the deprecated `neon-animation` component, and use CSS keyframe animations.
+ * This change reduces code size, and uses the platform. You can implement custom entry/exit animations using
+ * CSS keyframe animations; define the animation keyframes, a CSS class for the animation, and assign the class to the `entry/exit-animation`, e.g.
  *
- * For example:
+ *     <style>
+ *       \@keyframes appear-from-top {
+ *         0% {
+ *           transform: translateY(-2000px);
+ *           opacity: 0;
+ *         }
+ *         10% {
+ *           opacity: 0.2;
+ *         }
+ *       }
  *
- *     <link rel="import" href="components/neon-animation/animations/scale-up-animation.html">
- *     <link rel="import" href="components/neon-animation/animations/fade-out-animation.html">
+ *       .appear-from-top {
+ *         animation-name: appear-from-top;
+ *         animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
+ *         animation-duration: 500ms;
+ *       }
+ *     </style>
  *
- *     <paper-dialog entry-animation="scale-up-animation"
+ *     <paper-dialog entry-animation="appear-from-top"
  *                   exit-animation="fade-out-animation">
  *       <h2>Header</h2>
  *       <div>Dialog body</div>
@@ -63,10 +87,50 @@
  * See the docs for `Polymer.PaperDialogBehavior` for accessibility features implemented by this
  * element.
  */
-interface PaperDialogElement extends Polymer.Element, Polymer.PaperDialogBehavior, Polymer.NeonAnimationRunnerBehavior {
-  _renderOpened(): void;
-  _renderClosed(): void;
-  _onNeonAnimationFinish(): void;
+interface PaperDialogElement extends Polymer.Element, Polymer.PaperDialogBehavior {
+
+  /**
+   * Deprecated, use `entryAnimation` and `exitAnimation` instead.
+   * `paper-dialog` doesn't depend anymore on `neon-animation`, and this property is kept
+   * here to not break bindings. Setting it won't have effects on the animation.
+   */
+  animationConfig: object|null|undefined;
+
+  /**
+   * The class defining the entry animation. `<paper-dialog>` ships
+   * `fade-in-animation, fade-out-animation, scale-up-animation, scale-down-animation`,
+   * but you can use custom animations too. See the Animations section in the README.md.
+   */
+  entryAnimation: string|null|undefined;
+
+  /**
+   * The class defining the exit animation. `<paper-dialog>` ships
+   * `fade-in-animation, fade-out-animation, scale-up-animation, scale-down-animation`,
+   * but you can use custom animations too. See the Animations section in the README.md.
+   */
+  exitAnimation: string|null|undefined;
+  ready(): void;
+
+  /**
+   * `paper-dialog` doesn't depend anymore on `neon-animation`.
+   * This method was previously inherited from `Polymer.NeonAnimatableBehavior`,
+   * now is a no-op.
+   */
+  cancelAnimation(): void;
+
+  /**
+   * `paper-dialog` doesn't depend anymore on `neon-animation`.
+   * This method was previously inherited from `Polymer.NeonAnimatableBehavior`,
+   * now is a no-op.
+   */
+  playAnimation(type?: string, cookie?: object): void;
+
+  /**
+   * `paper-dialog` doesn't depend anymore on `neon-animation`.
+   * This method was previously inherited from `Polymer.NeonAnimatableBehavior`,
+   * now is a no-op.
+   */
+  getAnimationConfig(type: any): any;
 }
 
 interface HTMLElementTagNameMap {
diff --git a/paper-dialog.html b/paper-dialog.html
index 8287467..7f41df3 100644
--- a/paper-dialog.html
+++ b/paper-dialog.html
@@ -9,7 +9,6 @@
 -->
 
 <link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../neon-animation/neon-animation-runner-behavior.html">
 <link rel="import" href="../paper-dialog-behavior/paper-dialog-behavior.html">
 <link rel="import" href="../paper-dialog-behavior/paper-dialog-shared-styles.html">
 <!--
@@ -35,6 +34,11 @@ <h2>Header</h2>
       </div>
     </paper-dialog>
 
+### Changes in 2.0
+- `paper-dialog-behavior 2.0` styles only direct `h2` and `.buttons` children of the dialog because of how [`::slotted` works](https://developers.google.com/web/fundamentals/primers/shadowdom/?hl=en#stylinglightdom)
+(compound selector will select only top level nodes)
+- `<paper-dialog>` uses CSS animation keyframes instead of `neon-animation`, ([see Animations section](#Animations))
+
 ### Styling
 
 See the docs for `Polymer.PaperDialogBehavior` for the custom properties available for styling
@@ -43,15 +47,35 @@ <h2>Header</h2>
 ### Animations
 
 Set the `entry-animation` and/or `exit-animation` attributes to add an animation when the dialog
-is opened or closed. See the documentation in
-[PolymerElements/neon-animation](https://github.com/PolymerElements/neon-animation) for more info.
+is opened or closed. Included in the component are:
+- fade-in-animation
+- fade-out-animation
+- scale-up-animation
+- scale-down-animation
+
+These animations are not based on the deprecated `neon-animation` component, and use CSS keyframe animations.
+This change reduces code size, and uses the platform. You can implement custom entry/exit animations using
+CSS keyframe animations; define the animation keyframes, a CSS class for the animation, and assign the class to the `entry/exit-animation`, e.g.
 
-For example:
+    <style>
+      \@keyframes appear-from-top {
+        0% {
+          transform: translateY(-2000px);
+          opacity: 0;
+        }
+        10% {
+          opacity: 0.2;
+        }
+      }
 
-    <link rel="import" href="components/neon-animation/animations/scale-up-animation.html">
-    <link rel="import" href="components/neon-animation/animations/fade-out-animation.html">
+      .appear-from-top {
+        animation-name: appear-from-top;
+        animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
+        animation-duration: 500ms;
+      }
+    </style>
 
-    <paper-dialog entry-animation="scale-up-animation"
+    <paper-dialog entry-animation="appear-from-top"
                   exit-animation="fade-out-animation">
       <h2>Header</h2>
       <div>Dialog body</div>
@@ -70,40 +94,209 @@ <h2>Header</h2>
 
 <dom-module id="paper-dialog">
   <template>
-    <style include="paper-dialog-shared-styles"></style>
+    <style include="paper-dialog-shared-styles">
+      :host {
+        animation-duration: 500ms;
+        animation-fill-mode: both;
+        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+      }
+
+      :host(.fade-in-animation) {
+        animation-name: fade-in-animation;
+      }
+
+      @keyframes fade-in-animation {
+        from {
+          opacity: 0;
+        }
+      }
+
+      :host(.fade-out-animation) {
+        animation-name: fade-out-animation;
+      }
+
+      @keyframes fade-out-animation {
+        to {
+          opacity: 0;
+        }
+      }
+
+      :host(.scale-up-animation) {
+        animation-name: scale-up-animation;
+      }
+
+      @keyframes scale-up-animation {
+        from {
+          transform: scale(0.0);
+        }
+      }
+
+      :host(.scale-down-animation) {
+        animation-name: scale-down-animation;
+      }
+
+      @keyframes scale-down-animation {
+        to {
+          transform: scale(0.0);
+        }
+      }
+    </style>
     <slot></slot>
   </template>
 </dom-module>
 
 <script>
-Polymer({
-  is: 'paper-dialog',
-
-  behaviors: [
-    Polymer.PaperDialogBehavior,
-    Polymer.NeonAnimationRunnerBehavior
-  ],
-
-  listeners: {
-    'neon-animation-finish': '_onNeonAnimationFinish'
-  },
-
-  _renderOpened: function() {
-    this.cancelAnimation();
-    this.playAnimation('entry');
-  },
-
-  _renderClosed: function() {
-    this.cancelAnimation();
-    this.playAnimation('exit');
-  },
-
-  _onNeonAnimationFinish: function() {
-    if (this.opened) {
-      this._finishRenderOpened();
-    } else {
-      this._finishRenderClosed();
+  Polymer({
+    is: 'paper-dialog',
+
+    behaviors: [
+      Polymer.PaperDialogBehavior
+    ],
+
+    listeners: {
+      'animationend': '_onAnimationEnd',
+    },
+
+    properties: {
+      /**
+       * Deprecated, use `entryAnimation` and `exitAnimation` instead.
+       * `paper-dialog` doesn't depend anymore on `neon-animation`, and this property is kept
+       * here to not break bindings. Setting it won't have effects on the animation.
+       * @deprecated
+       */
+      animationConfig: {
+        type: Object
+      },
+
+      /**
+       * The class defining the entry animation. `<paper-dialog>` ships
+       * `fade-in-animation, fade-out-animation, scale-up-animation, scale-down-animation`,
+       * but you can use custom animations too. See the Animations section in the README.md.
+       */
+      entryAnimation: {
+        type: String
+      },
+      /**
+       * The class defining the exit animation. `<paper-dialog>` ships
+       * `fade-in-animation, fade-out-animation, scale-up-animation, scale-down-animation`,
+       * but you can use custom animations too. See the Animations section in the README.md.
+       */
+      exitAnimation: {
+        type: String
+      }
+    },
+
+    ready: function() {
+      if (this.animationConfig) {
+        console.warn('Configuring animations through animationConfig is no longer supported.' +
+          'Use entryAnimation and exitAnimation instead.');
+      } else if (this.entryAnimation || this.exitAnimation) {
+        // Keep this for backwards-compat.
+        this.animationConfig = {
+          entry: {
+            name: this.entryAnimation
+          },
+          exit: {
+            name: this.exitAnimation
+          },
+        };
+      }
+    },
+
+    /**
+      * `paper-dialog` doesn't depend anymore on `neon-animation`.
+      * This method was previously inherited from `Polymer.NeonAnimatableBehavior`,
+      * now is a no-op.
+      * @deprecated
+      */
+    cancelAnimation: function() {},
+
+    /**
+      * `paper-dialog` doesn't depend anymore on `neon-animation`.
+      * This method was previously inherited from `Polymer.NeonAnimatableBehavior`,
+      * now is a no-op.
+      * @param {string=} type
+      * @param {!Object=} cookie
+      * @deprecated
+      */
+    playAnimation: function(type, cookie) {},
+
+    /**
+      * `paper-dialog` doesn't depend anymore on `neon-animation`.
+      * This method was previously inherited from `Polymer.NeonAnimatableBehavior`,
+      * now is a no-op.
+      * @deprecated
+      */
+    getAnimationConfig: function(type) { return []; },
+
+    /**
+     * @private
+     */
+    _renderOpened: function() {
+      this._cancelAnimation();
+      this._playAnimation(this.entryAnimation);
+    },
+
+    /**
+     * @private
+     */
+    _renderClosed: function() {
+      this._cancelAnimation();
+      this._playAnimation(this.exitAnimation);
+    },
+
+    /**
+     * @private
+     */
+    _cancelAnimation: function() {
+      if (this._pendingAnimation) {
+        this.classList.remove(this._pendingAnimation);
+        this._pendingAnimation = null;
+      }
+    },
+
+    /**
+     * @param {string=} animation
+     * @private
+     */
+    _playAnimation: function(animation) {
+      if (animation) {
+        this._pendingAnimation = animation;
+        this.classList.add(animation);
+        if (this._willAnimate() === false) {
+          console.info(animation + ' animation was not played');
+          this._onAnimationEnd();
+        }
+      } else {
+        this._onAnimationEnd();
+      }
+    },
+
+    /**
+     * @param {Event=} event
+     * @private
+     */
+    _onAnimationEnd: function(event) {
+      if (event && event.target !== this) {
+        return;
+      }
+      this._cancelAnimation();
+      if (this.opened) {
+        this._finishRenderOpened();
+      } else {
+        this._finishRenderClosed();
+      }
+    },
+
+    /**
+     * @private
+     */
+    _willAnimate: function() {
+      // If CSS Class does not have animation-name considered not be an animation
+      var style = window.getComputedStyle(this);
+      return (style.getPropertyValue('animation-name') !== 'none' &&
+        style.getPropertyValue('animation-duration') !== '0ms');
     }
-  }
-});
-</script>
+
+  });
+</script>
\ No newline at end of file
diff --git a/test/paper-dialog.html b/test/paper-dialog.html
index 02ed509..6c50227 100644
--- a/test/paper-dialog.html
+++ b/test/paper-dialog.html
@@ -1,92 +1,197 @@
-<!doctype html>
-<!--
-@license
-Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<html>
-
-<head>
-
-  <title>paper-dialog tests</title>
-
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
-
-  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-  <script src="../../web-component-tester/browser.js"></script>
-  <link rel="import" href="../paper-dialog.html">
-</head>
-
-<body>
-
-  <test-fixture id="basic">
-    <template>
-      <paper-dialog>
-        <p>Dialog</p>
-      </paper-dialog>
-    </template>
-  </test-fixture>
-
-  <test-fixture id="modal">
-    <template>
-      <paper-dialog modal>
-        <p>Dialog</p>
-      </paper-dialog>
-    </template>
-  </test-fixture>
-
-  <test-fixture id="opened-modals">
-    <template>
-      <paper-dialog modal opened>
-        <p>Dialog 1</p>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
-      </paper-dialog>
-      <paper-dialog modal opened>
-        <p>Dialog 2</p>
-      </paper-dialog>
-    </template>
-  </test-fixture>
-
-  <script>
-    suite('modal', function() {
-
-      test('backdrop element remains opened when closing top modal, closes when all modals are closed', function(done) {
-        var modals = fixture('opened-modals');
-        modals[1].addEventListener('iron-overlay-opened', function() {
-          assert.isTrue(modals[1].backdropElement.opened, 'backdrop is open');
-          modals[1].close();
-        });
-        modals[1].addEventListener('iron-overlay-closed', function() {
-          assert.isTrue(modals[1].backdropElement.opened, 'backdrop is still open');
-          modals[0].close();
-        });
-        modals[0].addEventListener('iron-overlay-closed', function() {
-          assert.isFalse(modals[0].backdropElement.opened, 'backdrop is closed');
-          done();
-        });
-      });
-
-    });
-
-    suite('a11y', function() {
-      a11ySuite('basic', []);
-
-      a11ySuite('modal', []);
-
-      test('dialog has role="dialog"', function() {
-        var dialog = fixture('basic');
-        assert.equal(dialog.getAttribute('role'), 'dialog', 'has role="dialog"');
-      });
-
-    });
-  </script>
-
-</body>
-
-</html>
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+
+<head>
+
+  <title>paper-dialog tests</title>
+
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+  <link rel="import" href="../paper-dialog.html">
+</head>
+
+<body>
+
+  <test-fixture id="basic">
+    <template>
+      <paper-dialog>
+        <p>Dialog</p>
+      </paper-dialog>
+    </template>
+  </test-fixture>
+
+  <test-fixture id="modal">
+    <template>
+      <paper-dialog modal>
+        <p>Dialog</p>
+      </paper-dialog>
+    </template>
+  </test-fixture>
+
+  <test-fixture id="opened-modals">
+    <template>
+      <paper-dialog modal opened>
+        <p>Dialog 1</p>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+      </paper-dialog>
+      <paper-dialog modal opened>
+        <p>Dialog 2</p>
+      </paper-dialog>
+    </template>
+  </test-fixture>
+
+  <test-fixture id="animations">
+    <template>
+      <paper-dialog entry-animation="fade-in-animation" exit-animation="fade-out-animation">
+        <p>Dialog</p>
+        <paper-dialog entry-animation="fade-in-animation">
+          <p>Dialog</p>
+        </paper-dialog>
+      </paper-dialog>
+    </template>
+  </test-fixture>
+
+  <script>
+    suite('modal', function() {
+
+      test('backdrop element remains opened when closing top modal, closes when all modals are closed', function(
+        done) {
+        var modals = fixture('opened-modals');
+        modals[1].addEventListener('iron-overlay-opened', function() {
+          assert.isTrue(modals[1].backdropElement.opened, 'backdrop is open');
+          modals[1].close();
+        });
+        modals[1].addEventListener('iron-overlay-closed', function() {
+          assert.isTrue(modals[1].backdropElement.opened, 'backdrop is still open');
+          modals[0].close();
+        });
+        modals[0].addEventListener('iron-overlay-closed', function() {
+          assert.isFalse(modals[0].backdropElement.opened, 'backdrop is closed');
+          done();
+        });
+      });
+
+    });
+
+    suite('animations', function() {
+
+      var dialog, innerDialog;
+      setup(function() {
+        dialog = fixture('animations');
+        innerDialog = dialog.querySelector('paper-dialog');
+        // Make it quick.
+        dialog.style.animationDuration =
+          innerDialog.style.animationDuration = '50ms';
+      });
+
+      test('should not animate by default', function(done) {
+        var dialog = fixture('basic');
+        var spy = sinon.stub();
+        dialog.addEventListener('animationend', spy);
+        dialog.open();
+        dialog.addEventListener('iron-overlay-opened', function() {
+          // Wait for `animationend` to propagate up.
+          requestAnimationFrame(function() {
+            assert.equal(spy.callCount, 0, 'no open animation');
+            dialog.close();
+          });
+        });
+        dialog.addEventListener('iron-overlay-closed', function() {
+          // Wait for `animationend` to propagate up.
+          requestAnimationFrame(function() {
+            assert.equal(spy.callCount, 0, 'no close animation');
+            done();
+          });
+        });
+      });
+
+      test('should animate on opened and closed', function(done) {
+        var spy = sinon.stub();
+        dialog.addEventListener('animationend', spy);
+        dialog.open();
+        dialog.addEventListener('iron-overlay-opened', function() {
+          // Wait for `animationend` to propagate up.
+          requestAnimationFrame(function() {
+            assert.equal(spy.callCount, 1, 'open animation ok');
+            dialog.close();
+          });
+        });
+        dialog.addEventListener('iron-overlay-closed', function() {
+          // Wait for `animationend` to propagate up.
+          requestAnimationFrame(function() {
+            assert.equal(spy.callCount, 2, 'close animation ok');
+            done();
+          });
+        });
+      });
+
+      test('should recognize undefined animations', function(done) {
+        dialog.entryAnimation = 'undefined-animation'
+        var spy = sinon.stub();
+        dialog.addEventListener('animationend', spy);
+        dialog.open();
+        dialog.addEventListener('iron-overlay-opened', function() {
+          // Wait for `animationend` to propagate up.
+          requestAnimationFrame(function() {
+            assert.equal(spy.callCount, 0, 'open animation ok');
+            done();
+          });
+        });
+      });
+
+      test('should remove animation classes when done animating', function(done) {
+        dialog.open();
+        dialog.addEventListener('iron-overlay-opened', function() {
+          assert.isFalse(dialog.classList.contains(dialog.entryAnimation), 'no entry animation class');
+          dialog.close();
+        });
+        dialog.addEventListener('iron-overlay-closed', function() {
+          assert.isFalse(dialog.classList.contains(dialog.exitAnimation), 'no exit animation class');
+          done();
+        });
+      });
+
+      test('should handle only its own animations', function(done) {
+        dialog.open();
+        innerDialog.open();
+        dialog.addEventListener('iron-overlay-opened', function(event) {
+          // `iron-overlay-opened` is composed and bubbles, so check who triggered
+          // it. If it got triggered multiple times, the test will fail as we'd be
+          // calling `done` twice.
+          if (event.target === dialog) {
+            done();
+          }
+        });
+      });
+
+    });
+
+    suite('a11y', function() {
+      a11ySuite('basic', []);
+
+      a11ySuite('modal', []);
+
+      test('dialog has role="dialog"', function() {
+        var dialog = fixture('basic');
+        assert.equal(dialog.getAttribute('role'), 'dialog', 'has role="dialog"');
+      });
+
+    });
+  </script>
+
+</body>
+
+</html>
\ No newline at end of file