diff --git a/.travis.yml b/.travis.yml
index d393da161b887..1a145253a3c6d 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,6 +2,7 @@ language: node_js
 node_js:
   - '8'
 script:
+  - node common/scripts/install-run-rush.js install --bypass-policy
   - if [ $TRAVIS_BRANCH == "master" ] && [ $TRAVIS_PULL_REQUEST != "false" ];
     then npm run checkchange;
     fi
diff --git a/apps/fabric-website/src/pages/GetStarted/GetStartedPage.tsx b/apps/fabric-website/src/pages/GetStarted/GetStartedPage.tsx
index 962643e1ee961..e57581504bd41 100644
--- a/apps/fabric-website/src/pages/GetStarted/GetStartedPage.tsx
+++ b/apps/fabric-website/src/pages/GetStarted/GetStartedPage.tsx
@@ -49,9 +49,7 @@ export class GetStartedPage extends React.Component<any, any> {
               <div className={css('ms-Grid-col ms-lg4', styles.feature)}>
                 <div className={styles.featureImage}>
                   <img
-                    src={
-                      'https://static2.sharepointonline.com/files/fabric/fabric-website/images/get-started-styles.svg'
-                    }
+                    src={'https://static2.sharepointonline.com/files/fabric/fabric-website/images/get-started-styles.svg'}
                     alt="Illustration of Typography and color swatches."
                   />
                 </div>
@@ -59,16 +57,14 @@ export class GetStartedPage extends React.Component<any, any> {
                   Styles
                 </a>
                 <div className={styles.description}>
-                  Fabric gives you access to Segoe, Microsoft&rsquo;s official typeface, along with the color palette,
-                  type ramp, icons, and responsive grid for Office 365.
+                  Fabric gives you access to Segoe, Microsoft&rsquo;s official typeface, along with the color palette, type ramp, icons, and
+                  responsive grid for Office 365.
                 </div>
               </div>
               <div className={css('ms-Grid-col ms-lg4', styles.feature)}>
                 <div className={styles.featureImage}>
                   <img
-                    src={
-                      'https://static2.sharepointonline.com/files/fabric/fabric-website/images/get-started-icons.svg'
-                    }
+                    src={'https://static2.sharepointonline.com/files/fabric/fabric-website/images/get-started-icons.svg'}
                     alt="Illustration of Icons"
                   />
                 </div>
@@ -76,16 +72,14 @@ export class GetStartedPage extends React.Component<any, any> {
                   Icons
                 </a>
                 <div className={styles.description}>
-                  Fabric includes Office&rsquo;s official product icons. Fabric also provides a suite of product and
-                  document symbols, so you can use the same metaphors we use.
+                  Fabric includes Office&rsquo;s official product icons. Fabric also provides a suite of product and document symbols, so
+                  you can use the same metaphors we use.
                 </div>
               </div>
               <div className={css('ms-Grid-col ms-lg4', styles.feature)}>
                 <div className={styles.featureImage}>
                   <img
-                    src={
-                      'https://static2.sharepointonline.com/files/fabric/fabric-website/images/get-started-components.svg'
-                    }
+                    src={'https://static2.sharepointonline.com/files/fabric/fabric-website/images/get-started-components.svg'}
                     alt="Illustration of Components"
                   />
                 </div>
@@ -93,8 +87,8 @@ export class GetStartedPage extends React.Component<any, any> {
                   Components
                 </a>
                 <div className={styles.description}>
-                  Components are the building blocks of your UI. Fabric has a variety of components, including
-                  navigation, commands, containers, and content.
+                  Components are the building blocks of your UI. Fabric has a variety of components, including navigation, commands,
+                  containers, and content.
                 </div>
               </div>
             </div>
@@ -104,8 +98,8 @@ export class GetStartedPage extends React.Component<any, any> {
               Design Toolkit
             </a>
             <span className={styles.descriptionLarge}>
-              The Fabric design toolkit is built with Adobe XD and provides controls and layout templates that enable
-              you to create seamless, beautiful Office experiences.
+              The Fabric design toolkit is built with Adobe XD and provides controls and layout templates that enable you to create
+              seamless, beautiful Office experiences.
             </span>
           </div>
         </div>
@@ -131,9 +125,7 @@ export class GetStartedPage extends React.Component<any, any> {
                 <div className={diagramStyles.graphics}>
                   <img
                     className={diagramStyles.componentImage}
-                    src={
-                      'https://static2.sharepointonline.com/files/fabric/fabric-website/images/diagram-components-many.svg'
-                    }
+                    src={'https://static2.sharepointonline.com/files/fabric/fabric-website/images/diagram-components-many.svg'}
                     width="175"
                     height="90"
                     alt="Illustrated Diagram of many components"
@@ -146,9 +138,7 @@ export class GetStartedPage extends React.Component<any, any> {
                 </div>
                 <div className={diagramStyles.content}>
                   <span className={diagramStyles.headline}>Fabric React</span>
-                  <span className={diagramStyles.description}>
-                    Robust, up-to-date components built with the React framework
-                  </span>
+                  <span className={diagramStyles.description}>Robust, up-to-date components built with the React framework</span>
                   <a className={styles.getStartedLink} href="#/components">
                     See components
                   </a>
@@ -158,9 +148,7 @@ export class GetStartedPage extends React.Component<any, any> {
                 <div className={diagramStyles.graphics}>
                   <img
                     className={diagramStyles.componentImage}
-                    src={
-                      'https://static2.sharepointonline.com/files/fabric/fabric-website/images/diagram-components-few.svg'
-                    }
+                    src={'https://static2.sharepointonline.com/files/fabric/fabric-website/images/diagram-components-few.svg'}
                     width="175"
                     height="90"
                     alt="Illustrated Diagram of few components"
@@ -173,9 +161,7 @@ export class GetStartedPage extends React.Component<any, any> {
                 </div>
                 <div className={diagramStyles.content}>
                   <span className={diagramStyles.headline}>AngularJS</span>
-                  <span className={diagramStyles.description}>
-                    Community-driven project to build components for Angular-based apps
-                  </span>
+                  <span className={diagramStyles.description}>Community-driven project to build components for Angular-based apps</span>
                   <a className={styles.getStartedLink} href="#/angular-js">
                     Learn more
                   </a>
@@ -195,7 +181,8 @@ export class GetStartedPage extends React.Component<any, any> {
             and{' '}
             <a className={styles.getStartedLink} href="http://gulpjs.com/">
               gulp
-            </a>.
+            </a>
+            .
           </p>
 
           <ol className={styles.steps}>
@@ -207,9 +194,9 @@ export class GetStartedPage extends React.Component<any, any> {
             </li>
             <li>
               <p>
-                The library includes commonjs entry points under the lib folder. To use a control (like DefaultButton),
-                import it along with React and use it in your render method. Note that wrapping your application in the
-                Fabric component is required to support RTL, keyboard focus, and other features.
+                The library includes commonjs entry points under the lib folder. To use a control (like DefaultButton), import it along with
+                React and use it in your render method. Note that wrapping your application in the Fabric component is required to support
+                RTL, keyboard focus, and other features.
               </p>
               <CodeBlock language="javascript" isLightTheme={true}>
                 {`import * as React from 'react';
@@ -242,13 +229,14 @@ ReactDOM.render(<MyPage />, document.body.firstChild);`}
                 For more information about using components, check out the{' '}
                 <a className={styles.getStartedLink} href="#/components">
                   components page
-                </a>.
+                </a>
+                .
               </p>
             </li>
             <li>
               <p>
-                If you are using Fabric React components that have icons, you can make all icons available by calling
-                the <code>initializeIcons</code> function from the <code>@uifabric/icons</code> package.
+                If you are using Fabric React components that have icons, you can make all icons available by calling the{' '}
+                <code>initializeIcons</code> function from the <code>@uifabric/icons</code> package.
               </p>
               <CodeBlock language="javascript" isLightTheme={true}>
                 {`import { initializeIcons } from '@uifabric/icons';
@@ -260,11 +248,11 @@ initializeIcons();
 initializeIcons('https://my.cdn.com/path/to/icons/');`}
               </CodeBlock>
               <p>
-                This will make ALL icons in the collection available, but will download them on demand when referenced
-                using the{' '}
+                This will make ALL icons in the collection available, but will download them on demand when referenced using the{' '}
                 <a className={styles.getStartedLink} href="#/components/Icon">
                   Icon component
-                </a>.
+                </a>
+                .
               </p>
             </li>
           </ol>
@@ -272,38 +260,32 @@ initializeIcons('https://my.cdn.com/path/to/icons/');`}
           <h3>Other ways to get Fabric React</h3>
           <p>
             For advanced scenarios or alternatives to NPM see the{' '}
-            <a
-              className={styles.getStartedLink}
-              href="https://github.com/OfficeDev/office-ui-fabric-react/wiki/Advanced-Usage"
-            >
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/wiki/Advanced-Usage">
               advanced documentation in the Fabric React repository
-            </a>.
+            </a>
+            .
           </p>
 
           <h3>Need a component Fabric React doesn&rsquo;t have?</h3>
           <p>
-            First, check the <a
-              className={styles.getStartedLink}
-              href="https://github.com/OfficeDev/office-ui-fabric-react/issues"
-            >
+            First, check the
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/issues">
               Fabric React issue queue
             </a>{' '}
-            or <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/projects">
+            or
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/projects">
               projects
-            </a> to see if your component has already been requested or is being worked on. If you don't see an existing
-            issue or project for the component you're looking for, please <a
-              className={styles.getStartedLink}
-              href="https://github.com/OfficeDev/office-ui-fabric-react/issues"
-            >
+            </a>
+             to see if your component has already been requested or is being worked on. If you don't see an existing issue or project for
+            the component you're looking for, please
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/issues">
               file an issue in the repo
-            </a>, and we'll respond if it's being built or on our radar.
+            </a>
+            , and we'll respond if it's being built or on our radar.
           </p>
 
           <h2 id="core">Get started with Fabric Core</h2>
-          <p>
-            With one reference to our CDN, you can access Fabric&rsquo;s fonts, icons, type styles, colors, grid, and
-            more.
-          </p>
+          <p>With one reference to our CDN, you can access Fabric&rsquo;s fonts, icons, type styles, colors, grid, and more.</p>
 
           <ol className={styles.steps}>
             <li>
@@ -317,8 +299,7 @@ initializeIcons('https://my.cdn.com/path/to/icons/');`}
             <li>
               <p>
                 Reference core Fabric styles. Add the <code>ms-Fabric</code> class to a containing element, such as{' '}
-                <code>&lt;body&gt;</code>, to set the font-family for all Fabric typography classes used within that
-                element.
+                <code>&lt;body&gt;</code>, to set the font-family for all Fabric typography classes used within that element.
               </p>
               <CodeBlock language="html" isLightTheme={true}>
                 {`<body class="ms-Fabric">
@@ -329,14 +310,16 @@ initializeIcons('https://my.cdn.com/path/to/icons/');`}
                 To reference all the assets available in Fabric Core, see the{' '}
                 <a className={styles.getStartedLink} href="#/styles">
                   styles page
-                </a>. To use components, see{' '}
+                </a>
+                . To use components, see{' '}
                 <a className={styles.getStartedLink} href="#/get-started#react">
                   Fabric React
                 </a>{' '}
                 or{' '}
                 <a className={styles.getStartedLink} href="#/angular-js">
                   ngOfficeUIFabric
-                </a>.
+                </a>
+                .
               </p>
             </li>
           </ol>
@@ -348,37 +331,32 @@ initializeIcons('https://my.cdn.com/path/to/icons/');`}
               download a copy of Fabric for your project
             </a>{' '}
             or{' '}
-            <a
-              className={styles.getStartedLink}
-              href="https://github.com/OfficeDev/office-ui-fabric-react/wiki#using-fabric-react"
-            >
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/wiki#using-fabric-react">
               add it through a package manager
-            </a>. You can also{' '}
-            <a
-              className={styles.getStartedLink}
-              href="https://github.com/OfficeDev/office-ui-fabric-react/wiki#building-the-repo"
-            >
+            </a>
+            . You can also{' '}
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/wiki#building-the-repo">
               build your own copy from the source code
-            </a>.
+            </a>
+            .
           </p>
 
           <h3>Need an icon or feature Fabric Core doesn&rsquo;t have?</h3>
           <p>
-            First, check the <a
-              className={styles.getStartedLink}
-              href="https://github.com/OfficeDev/office-ui-fabric-react/issues"
-            >
+            First, check the
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/issues">
               Fabric React issue queue
             </a>{' '}
-            or <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/projects">
+            or
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/projects">
               projects
-            </a> to see if your component has already been requested or is being worked on. If you don't see an existing
-            issue or project for the component you're looking for, please <a
-              className={styles.getStartedLink}
-              href="https://github.com/OfficeDev/office-ui-fabric-react/issues"
-            >
+            </a>
+             to see if your component has already been requested or is being worked on. If you don't see an existing issue or project for
+            the component you're looking for, please
+            <a className={styles.getStartedLink} href="https://github.com/OfficeDev/office-ui-fabric-react/issues">
               file an issue in the repo
-            </a>, and we'll respond if it's being built or on our radar.
+            </a>
+            , and we'll respond if it's being built or on our radar.
           </p>
 
           <p className={styles.trademark}>
@@ -388,7 +366,8 @@ initializeIcons('https://my.cdn.com/path/to/icons/');`}
               href="https://static2.sharepointonline.com/files/fabric/assets/microsoft_fabric_assets_license_agreement_10262017.pdf"
             >
               assets license agreement
-            </a>.
+            </a>
+            .
           </p>
         </div>
       </div>
diff --git a/common/changes/@uifabric/dashboard/pgonzal-upgrade-to-rush-5_2018-09-07-22-32.json b/common/changes/@uifabric/dashboard/pgonzal-upgrade-to-rush-5_2018-09-07-22-32.json
new file mode 100644
index 0000000000000..c17bec7d7f911
--- /dev/null
+++ b/common/changes/@uifabric/dashboard/pgonzal-upgrade-to-rush-5_2018-09-07-22-32.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/dashboard",
+      "comment": "add tslib as a dependency in dashboard",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@uifabric/dashboard",
+  "email": "natalie.ethell@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/@uifabric/experiments/pgonzal-upgrade-to-rush-5_2018-09-06-21-14.json b/common/changes/@uifabric/experiments/pgonzal-upgrade-to-rush-5_2018-09-06-21-14.json
new file mode 100644
index 0000000000000..7b459ec08d2d3
--- /dev/null
+++ b/common/changes/@uifabric/experiments/pgonzal-upgrade-to-rush-5_2018-09-06-21-14.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/experiments",
+      "comment": "react-test-renderer version updated 16.4.2 -> 16.5.0",
+      "type": "none"
+    }
+  ],
+  "packageName": "@uifabric/experiments",
+  "email": "natalie.ethell@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/@uifabric/fabric-website/pgonzal-upgrade-to-rush-5_2018-09-12-18-10.json b/common/changes/@uifabric/fabric-website/pgonzal-upgrade-to-rush-5_2018-09-12-18-10.json
new file mode 100644
index 0000000000000..69c7f7bbfd4a4
--- /dev/null
+++ b/common/changes/@uifabric/fabric-website/pgonzal-upgrade-to-rush-5_2018-09-12-18-10.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/fabric-website",
+      "comment": "prettier fixes",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@uifabric/fabric-website",
+  "email": "naethell@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/changes/office-ui-fabric-react/pgonzal-upgrade-to-rush-5_2018-09-06-21-14.json b/common/changes/office-ui-fabric-react/pgonzal-upgrade-to-rush-5_2018-09-06-21-14.json
new file mode 100644
index 0000000000000..19cc0f0c5b0e4
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/pgonzal-upgrade-to-rush-5_2018-09-06-21-14.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "react-test-renderer version updated 16.4.2 -> 16.5.0",
+      "type": "none"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "natalie.ethell@microsoft.com"
+}
\ No newline at end of file
diff --git a/common/config/rush/command-line.json b/common/config/rush/command-line.json
index 9f260656ac689..242c342271e05 100644
--- a/common/config/rush/command-line.json
+++ b/common/config/rush/command-line.json
@@ -1,27 +1,41 @@
 {
-  "customCommands": [
+  "$schema": "https://developer.microsoft.com/json-schemas/rush/v5/command-line.schema.json",
+  "commands": [
     {
       "name": "code-style",
       "summary": "Runs prettier and tslint.",
-      "documentation": "Runs prettier and tslint for each of the packages that have a code-style task.",
-      "parallelized": true
+      "commandKind": "bulk",
+      "description": "Runs prettier and tslint for each of the packages that have a code-style task.",
+      "enableParallelism": true
     }
   ],
-  "customOptions": {
-    "--production": {
-      "optionType": "flag",
+  "parameters": [
+    {
+      "longName": "--production",
+      "parameterKind": "flag",
       "description": "Builds production bits.",
-      "associatedCommands": ["build", "rebuild"]
+      "associatedCommands": [
+        "build",
+        "rebuild"
+      ]
     },
-    "--lint": {
-      "optionType": "flag",
+    {
+      "longName": "--lint",
+      "parameterKind": "flag",
       "description": "Builds with linting.",
-      "associatedCommands": ["build", "rebuild"]
+      "associatedCommands": [
+        "build",
+        "rebuild"
+      ]
     },
-    "--npm-install-mode": {
-      "optionType": "flag",
+    {
+      "longName": "--npm-install-mode",
+      "parameterKind": "flag",
       "description": "Skips tasks that are irrelevant during npm install",
-      "associatedCommands": ["build", "rebuild"]
+      "associatedCommands": [
+        "build",
+        "rebuild"
+      ]
     }
-  }
-}
+  ]
+}
\ No newline at end of file
diff --git a/common/config/rush/common-versions.json b/common/config/rush/common-versions.json
new file mode 100644
index 0000000000000..f008651979250
--- /dev/null
+++ b/common/config/rush/common-versions.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/rush/v5/common-versions.schema.json",
+  "preferredVersions": {
+    "webpack": "3.11.0",
+    "webpack-dev-server": "2.11.2",
+    "webpack-cli": "2.0.15"
+  }
+}
\ No newline at end of file
diff --git a/common/config/rush/npm-shrinkwrap.json b/common/config/rush/npm-shrinkwrap.json
index 555d9a6d6c37b..b142ebabb1e37 100644
--- a/common/config/rush/npm-shrinkwrap.json
+++ b/common/config/rush/npm-shrinkwrap.json
@@ -132,7 +132,7 @@
     },
     "@rush-temp/build": {
       "version": "file:projects/build.tgz",
-      "integrity": "sha1-0ASQgsFoHCOwu7iHfWgWNjonEbc=",
+      "integrity": "sha1-VTnJavaVivWm+GiW8HKc3YbPkAg=",
       "requires": {
         "@microsoft/api-extractor": "4.3.7",
         "@microsoft/load-themed-styles": "1.8.8",
@@ -148,9 +148,11 @@
         "github": "7.3.2",
         "glob": "7.1.3",
         "gzip-size": "3.0.0",
+        "husky": "0.14.3",
         "jest": "23.6.0",
         "jscodeshift": "0.5.1",
         "json-loader": "0.5.7",
+        "lint-staged": "7.2.2",
         "mustache": "2.3.2",
         "ngrok": "3.0.1",
         "node-sass": "4.9.3",
@@ -199,6 +201,11 @@
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
         },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
         "anymatch": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
@@ -445,6 +452,14 @@
             }
           }
         },
+        "indent-string": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+          "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+          "requires": {
+            "repeating": "2.0.1"
+          }
+        },
         "inquirer": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-5.2.0.tgz",
@@ -522,6 +537,21 @@
             }
           }
         },
+        "is-observable": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/is-observable/-/is-observable-0.2.0.tgz",
+          "integrity": "sha1-s2ExHYPG5dcmyr9eJQsCNxBvWuI=",
+          "requires": {
+            "symbol-observable": "0.2.4"
+          },
+          "dependencies": {
+            "symbol-observable": {
+              "version": "0.2.4",
+              "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-0.2.4.tgz",
+              "integrity": "sha1-lag9smGG1q9+ehjb2XYKL4bQj0A="
+            }
+          }
+        },
         "isobject": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
@@ -537,6 +567,79 @@
           "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
           "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
         },
+        "listr": {
+          "version": "0.13.0",
+          "resolved": "https://registry.npmjs.org/listr/-/listr-0.13.0.tgz",
+          "integrity": "sha1-ILsLowuuZg7oTMBQPfS+PVYjiH0=",
+          "requires": {
+            "chalk": "1.1.3",
+            "cli-truncate": "0.2.1",
+            "figures": "1.7.0",
+            "indent-string": "2.1.0",
+            "is-observable": "0.2.0",
+            "is-promise": "2.1.0",
+            "is-stream": "1.1.0",
+            "listr-silent-renderer": "1.1.1",
+            "listr-update-renderer": "0.4.0",
+            "listr-verbose-renderer": "0.4.1",
+            "log-symbols": "1.0.2",
+            "log-update": "1.0.2",
+            "ora": "0.2.3",
+            "p-map": "1.2.0",
+            "rxjs": "5.5.12",
+            "stream-to-observable": "0.2.0",
+            "strip-ansi": "3.0.1"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+              "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
+            },
+            "chalk": {
+              "version": "1.1.3",
+              "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+              "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+              "requires": {
+                "ansi-styles": "2.2.1",
+                "escape-string-regexp": "1.0.5",
+                "has-ansi": "2.0.0",
+                "strip-ansi": "3.0.1",
+                "supports-color": "2.0.0"
+              }
+            },
+            "figures": {
+              "version": "1.7.0",
+              "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
+              "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
+              "requires": {
+                "escape-string-regexp": "1.0.5",
+                "object-assign": "4.1.1"
+              }
+            },
+            "log-symbols": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-1.0.2.tgz",
+              "integrity": "sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=",
+              "requires": {
+                "chalk": "1.1.3"
+              }
+            },
+            "strip-ansi": {
+              "version": "3.0.1",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+              "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+              "requires": {
+                "ansi-regex": "2.1.1"
+              }
+            },
+            "supports-color": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+              "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+            }
+          }
+        },
         "lodash": {
           "version": "4.17.10",
           "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
@@ -570,6 +673,14 @@
             "is-wsl": "1.1.0"
           }
         },
+        "rxjs": {
+          "version": "5.5.12",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz",
+          "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==",
+          "requires": {
+            "symbol-observable": "1.0.1"
+          }
+        },
         "strip-ansi": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
@@ -578,6 +689,11 @@
             "ansi-regex": "3.0.0"
           }
         },
+        "symbol-observable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
+          "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ="
+        },
         "webpack": {
           "version": "4.7.0",
           "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.7.0.tgz",
@@ -598,7 +714,7 @@
             "neo-async": "2.5.2",
             "node-libs-browser": "2.1.0",
             "schema-utils": "0.4.7",
-            "tapable": "1.0.0",
+            "tapable": "1.1.0",
             "uglifyjs-webpack-plugin": "1.3.0",
             "watchpack": "1.6.0",
             "webpack-sources": "1.2.0"
@@ -744,7 +860,7 @@
     },
     "@rush-temp/charting": {
       "version": "file:projects/charting.tgz",
-      "integrity": "sha1-LBnZmw6ly0ZQll13NRDeVs3/Fys=",
+      "integrity": "sha1-S5odI1iSCGs6+KVO+uGxaO0ucSQ=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/d3-array": "1.2.1",
@@ -783,7 +899,7 @@
     },
     "@rush-temp/dashboard": {
       "version": "file:projects/dashboard.tgz",
-      "integrity": "sha1-an1pImwbxs10SA9EQlHL83fnr/s=",
+      "integrity": "sha1-r/ENVAZGM6axgf42/Nl1SWygSSU=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/enzyme": "3.1.13",
@@ -801,7 +917,8 @@
         "react-dom": "16.5.0",
         "react-grid-layout": "github:samiyaakhtar/react-grid-layout#4d8bd197745558643951073149227449675f12ca",
         "react-test-renderer": "16.5.0",
-        "style-loader": "0.21.0"
+        "style-loader": "0.21.0",
+        "tslib": "1.9.3"
       },
       "dependencies": {
         "balanced-match": {
@@ -1165,7 +1282,7 @@
     },
     "@rush-temp/example-app-base": {
       "version": "file:projects/example-app-base.tgz",
-      "integrity": "sha1-MvQoX3KXwmvI83nlCNG+PWo/u+g=",
+      "integrity": "sha1-akNa5j9nXK3ku8ZwaGLw1CRgeVE=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/es6-promise": "0.0.32",
@@ -1188,7 +1305,7 @@
     },
     "@rush-temp/experiments": {
       "version": "file:projects/experiments.tgz",
-      "integrity": "sha1-SgrZVPw/P1PGlpnos2KOFrU7lzA=",
+      "integrity": "sha1-vI77fL2hIqV1rokQcS+mwtm/U1o=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/deep-assign": "0.1.1",
@@ -1217,7 +1334,7 @@
     },
     "@rush-temp/fabric-website": {
       "version": "file:projects/fabric-website.tgz",
-      "integrity": "sha1-Dyu1NeeK8PUcNO6gsBhDmTphraQ=",
+      "integrity": "sha1-Uwz70jTPXHcpO10idRqYGQ7eo0U=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/es6-promise": "0.0.32",
@@ -1241,7 +1358,7 @@
     },
     "@rush-temp/fabric-website-resources": {
       "version": "file:projects/fabric-website-resources.tgz",
-      "integrity": "sha1-miDHDS4mTQumuwTK3cluSu3m8Z0=",
+      "integrity": "sha1-HW4gjDDSvdpO9UFCBRknR3MtNyc=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/enzyme": "3.1.13",
@@ -1275,7 +1392,7 @@
     },
     "@rush-temp/file-type-icons": {
       "version": "file:projects/file-type-icons.tgz",
-      "integrity": "sha1-c9tCKWJlUFI2L5NGsQF5qxnwMV0=",
+      "integrity": "sha1-lfxeBl8PYHoO1pe1RWPcywP9Cso=",
       "requires": {
         "@types/react": "16.3.16",
         "@types/react-dom": "16.0.5",
@@ -1286,7 +1403,7 @@
     },
     "@rush-temp/foundation": {
       "version": "file:projects/foundation.tgz",
-      "integrity": "sha1-sTxMWuGZcLOg6xFrals7mBPhfFs=",
+      "integrity": "sha1-hlpH5jmotyBQ+J47W3yHQJ05+/4=",
       "requires": {
         "@types/enzyme": "3.1.13",
         "@types/enzyme-adapter-react-16": "1.0.3",
@@ -1306,21 +1423,21 @@
     },
     "@rush-temp/icons": {
       "version": "file:projects/icons.tgz",
-      "integrity": "sha1-8ZYp7+6S1ryszOK47yZWBCA/N+s=",
+      "integrity": "sha1-TlbAqOmgZ5nSM2H1a9bqo3AniZI=",
       "requires": {
         "tslib": "1.9.3"
       }
     },
     "@rush-temp/jest-serializer-merge-styles": {
       "version": "file:projects/jest-serializer-merge-styles.tgz",
-      "integrity": "sha1-mb8GZhde7c3aTMcFP/yWZe3qDCI=",
+      "integrity": "sha1-7EHxFz/EqBeBfr8WrD0PszvaloI=",
       "requires": {
         "@types/jest": "23.0.0"
       }
     },
     "@rush-temp/merge-styles": {
       "version": "file:projects/merge-styles.tgz",
-      "integrity": "sha1-p7kM/0tkISR+4NUZSqi4n2w7siA=",
+      "integrity": "sha1-ygox+Te5GFIiQwn6h5MCAMOMO2o=",
       "requires": {
         "@types/jest": "23.0.0",
         "tslib": "1.9.3"
@@ -1328,7 +1445,7 @@
     },
     "@rush-temp/office-ui-fabric-react": {
       "version": "file:projects/office-ui-fabric-react.tgz",
-      "integrity": "sha1-PkpWHuG0NxrQYTn9oLiQzw4enlQ=",
+      "integrity": "sha1-WMWX5uHJVMEwqL9t4/bbQ3O83QA=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/enzyme": "3.1.13",
@@ -1362,14 +1479,14 @@
     },
     "@rush-temp/office-ui-fabric-react-tslint": {
       "version": "file:projects/office-ui-fabric-react-tslint.tgz",
-      "integrity": "sha1-6pcGMsuWzOeM/YR4CFQTK/+HTLA=",
+      "integrity": "sha1-wbQYu7z5VkE6PP5VP4bDlw+rXYo=",
       "requires": {
         "tslint-react": "3.6.0"
       }
     },
     "@rush-temp/server-rendered-app": {
       "version": "file:projects/server-rendered-app.tgz",
-      "integrity": "sha1-qN78c983OB7aItdm3stibad7S48=",
+      "integrity": "sha1-p7n0FxUje92XkeWcLcGr/JY6yYA=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/es6-promise": "0.0.32",
@@ -1387,7 +1504,7 @@
     },
     "@rush-temp/ssr-tests": {
       "version": "file:projects/ssr-tests.tgz",
-      "integrity": "sha1-rwfXFX77W2Xvf4vpK4iATqDsWJY=",
+      "integrity": "sha1-VYMDYgSnrIvAVHZ/ZZW6U0xvhQo=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/es6-promise": "0.0.32",
@@ -1721,7 +1838,7 @@
             "neo-async": "2.5.2",
             "node-libs-browser": "2.1.0",
             "schema-utils": "0.4.7",
-            "tapable": "1.0.0",
+            "tapable": "1.1.0",
             "uglifyjs-webpack-plugin": "1.3.0",
             "watchpack": "1.6.0",
             "webpack-sources": "1.2.0"
@@ -1731,7 +1848,7 @@
     },
     "@rush-temp/styling": {
       "version": "file:projects/styling.tgz",
-      "integrity": "sha1-ZbE9EabO68bDmDL70j9a4xHD9/8=",
+      "integrity": "sha1-UAh4O7LFp6/FK0QHYhFnCpKLv5w=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/jest": "23.0.0",
@@ -1746,7 +1863,7 @@
     },
     "@rush-temp/test-bundle-button": {
       "version": "file:projects/test-bundle-button.tgz",
-      "integrity": "sha1-xv3c1YDVtL5agMwXfSaIKoSpiAE=",
+      "integrity": "sha1-9QD38xxxc/hsZwdXl/fo4CF5oTQ=",
       "requires": {
         "@types/react": "16.3.16",
         "@types/react-dom": "16.0.5",
@@ -1758,7 +1875,7 @@
     },
     "@rush-temp/todo-app": {
       "version": "file:projects/todo-app.tgz",
-      "integrity": "sha1-QFu7vozGBCMUJgCNeZzztVCjwGs=",
+      "integrity": "sha1-8FOF23oo4KAksLx0z4xn7UA+TmY=",
       "requires": {
         "@microsoft/load-themed-styles": "1.8.8",
         "@types/es6-promise": "0.0.32",
@@ -1775,7 +1892,7 @@
     },
     "@rush-temp/utilities": {
       "version": "file:projects/utilities.tgz",
-      "integrity": "sha1-SVGXtV9P38bVRPZ37GByNcQdrSk=",
+      "integrity": "sha1-N9R7qTvlj7D7k2hatpF+/ICTTFg=",
       "requires": {
         "@types/enzyme": "3.1.13",
         "@types/enzyme-adapter-react-16": "1.0.3",
@@ -1797,7 +1914,7 @@
     },
     "@rush-temp/variants": {
       "version": "file:projects/variants.tgz",
-      "integrity": "sha1-8z34d5U2bTBaF7Hbv2NTyc+zY0k=",
+      "integrity": "sha1-GG0NUAQ1F8Lc4mU0OaoR2kwXkCA=",
       "requires": {
         "@types/jest": "23.0.0",
         "tslib": "1.9.3"
@@ -1805,7 +1922,7 @@
     },
     "@rush-temp/vr-tests": {
       "version": "file:projects/vr-tests.tgz",
-      "integrity": "sha1-LhMTlgdAlOAUOxcf/HOp3Owzvuo=",
+      "integrity": "sha1-98D1RTBCuQlGSTzflvU6hMI5P/8=",
       "requires": {
         "@storybook/addon-options": "3.2.3",
         "@storybook/react": "3.4.10",
@@ -1829,7 +1946,7 @@
     },
     "@rush-temp/webpack-utils": {
       "version": "file:projects/webpack-utils.tgz",
-      "integrity": "sha1-fjFrXUcT3zKispzTKW0rVgk1iOY=",
+      "integrity": "sha1-6u3PeN691q2FqSWD76sROPC5rus=",
       "requires": {
         "@types/jest": "23.0.0",
         "@types/loader-utils": "1.1.3",
@@ -2158,7 +2275,7 @@
             "neo-async": "2.5.2",
             "node-libs-browser": "2.1.0",
             "schema-utils": "0.4.7",
-            "tapable": "1.0.0",
+            "tapable": "1.1.0",
             "uglifyjs-webpack-plugin": "1.3.0",
             "watchpack": "1.6.0",
             "webpack-sources": "1.2.0"
@@ -2166,6 +2283,14 @@
         }
       }
     },
+    "@samverschueren/stream-to-observable": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.0.tgz",
+      "integrity": "sha512-MI4Xx6LHs4Webyvi6EbspgyAb4D2Q2VtnCQ1blOJcoLS6mVa8lNN2rkIy1CVxfTUpoyIbCTkXES1rLXztFD1lg==",
+      "requires": {
+        "any-observable": "0.3.0"
+      }
+    },
     "@sindresorhus/is": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz",
@@ -2982,9 +3107,9 @@
       }
     },
     "any-observable": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/any-observable/-/any-observable-0.2.0.tgz",
-      "integrity": "sha1-xnhwBYADV5AJCD9UrAq6+1wz0kI="
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/any-observable/-/any-observable-0.3.0.tgz",
+      "integrity": "sha512-/FQM1EDkTsf63Ub2C6O7GuYFDsSXUwsaZDurV0np41ocwq0jthUAYCmhBX9f+KwlaCgIuWyr/4WlUQUBfKfZog=="
     },
     "anymatch": {
       "version": "1.3.2",
@@ -4035,41 +4160,6 @@
       "integrity": "sha512-flIBfrqAdHWn+4l2cS/4jZEyl+m5EaBHVzTb0aOF+eu/zR7E41/MoCFHPhDNL8Wzq1nyelnXeT+vcL2byFLSZw==",
       "requires": {
         "cosmiconfig": "5.0.6"
-      },
-      "dependencies": {
-        "cosmiconfig": {
-          "version": "5.0.6",
-          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.0.6.tgz",
-          "integrity": "sha512-6DWfizHriCrFWURP1/qyhsiFvYdlJzbCzmtFWh744+KyWsJo5+kPzUZZaMRSSItoYc0pxFX7gEO7ZC1/gN/7AQ==",
-          "requires": {
-            "is-directory": "0.3.1",
-            "js-yaml": "3.12.0",
-            "parse-json": "4.0.0"
-          }
-        },
-        "esprima": {
-          "version": "4.0.1",
-          "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-          "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
-        },
-        "js-yaml": {
-          "version": "3.12.0",
-          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.0.tgz",
-          "integrity": "sha512-PIt2cnwmPfL4hKNwqeiuz4bKfnzHTBv6HyVgjahA6mPLwPDzjDWrplJBMjHUFxku/N3FlmrbyPclad+I+4mJ3A==",
-          "requires": {
-            "argparse": "1.0.10",
-            "esprima": "4.0.1"
-          }
-        },
-        "parse-json": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-          "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
-          "requires": {
-            "error-ex": "1.3.2",
-            "json-parse-better-errors": "1.0.2"
-          }
-        }
       }
     },
     "babel-plugin-minify-builtins": {
@@ -4757,7 +4847,7 @@
           "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==",
           "requires": {
             "caniuse-lite": "1.0.30000885",
-            "electron-to-chromium": "1.3.65"
+            "electron-to-chromium": "1.3.66"
           }
         }
       }
@@ -5350,7 +5440,7 @@
       "integrity": "sha512-yWu5cXT7Av6mVwzWc8lMsJMHWn4xyjSuGYi4IozbVTLUOEYPSagUB8kiMDUHA1fS3zjr8nkxkn9jdvug4BBRmA==",
       "requires": {
         "caniuse-lite": "1.0.30000885",
-        "electron-to-chromium": "1.3.65"
+        "electron-to-chromium": "1.3.66"
       }
     },
     "bser": {
@@ -5614,7 +5704,7 @@
           "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
           "requires": {
             "caniuse-db": "1.0.30000885",
-            "electron-to-chromium": "1.3.65"
+            "electron-to-chromium": "1.3.66"
           }
         }
       }
@@ -6302,14 +6392,13 @@
       "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
     },
     "cosmiconfig": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-4.0.0.tgz",
-      "integrity": "sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.0.6.tgz",
+      "integrity": "sha512-6DWfizHriCrFWURP1/qyhsiFvYdlJzbCzmtFWh744+KyWsJo5+kPzUZZaMRSSItoYc0pxFX7gEO7ZC1/gN/7AQ==",
       "requires": {
         "is-directory": "0.3.1",
         "js-yaml": "3.12.0",
-        "parse-json": "4.0.0",
-        "require-from-string": "2.0.2"
+        "parse-json": "4.0.0"
       },
       "dependencies": {
         "esprima": {
@@ -6706,7 +6795,7 @@
           "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
           "requires": {
             "caniuse-db": "1.0.30000885",
-            "electron-to-chromium": "1.3.65"
+            "electron-to-chromium": "1.3.66"
           }
         },
         "chalk": {
@@ -7004,6 +7093,11 @@
         }
       }
     },
+    "dedent": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
+      "integrity": "sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw="
+    },
     "deep-assign": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/deep-assign/-/deep-assign-2.0.0.tgz",
@@ -7405,9 +7499,9 @@
       "integrity": "sha512-0xy4A/twfrRCnkhfk8ErDi5DqdAsAqeGxht4xkCUrsvhhbQNs7E+4jV0CN7+NKIY0aHE72+XvqtBIXzD31ZbXQ=="
     },
     "electron-to-chromium": {
-      "version": "1.3.65",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.65.tgz",
-      "integrity": "sha512-tyGr+wh2c/JYBVMeflKpZ3ricwtBPyVBMtRNxYGObl7TP5bAeupgz4VZnBzQSFleZViXYTws1yZtKKFQYZyiYw=="
+      "version": "1.3.66",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.66.tgz",
+      "integrity": "sha512-EXfLtc9JxX2AZxISZ10o6hXEXTtnLtj7il5eye5YMgmDf4HbBbg+QDXpUEspsFrUcUugJZd5QJ4iIkRrmQQqIg=="
     },
     "elegant-spinner": {
       "version": "1.0.1",
@@ -7461,7 +7555,7 @@
       "requires": {
         "graceful-fs": "4.1.11",
         "memory-fs": "0.4.1",
-        "tapable": "1.0.0"
+        "tapable": "1.1.0"
       }
     },
     "entities": {
@@ -8453,6 +8547,11 @@
       "resolved": "https://registry.npmjs.org/find-index/-/find-index-0.1.1.tgz",
       "integrity": "sha1-Z101iyyjiS15Whq0cjL4tuLg3eQ="
     },
+    "find-parent-dir": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/find-parent-dir/-/find-parent-dir-0.3.0.tgz",
+      "integrity": "sha1-M8RLQpqysvBkYpnF+fcY83b/jVQ="
+    },
     "find-replace": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-1.0.3.tgz",
@@ -8547,7 +8646,7 @@
         "lodash.startswith": "4.2.1",
         "minimatch": "3.0.4",
         "resolve": "1.8.1",
-        "tapable": "1.0.0"
+        "tapable": "1.1.0"
       },
       "dependencies": {
         "anymatch": {
@@ -9059,6 +9158,11 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
       "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
     },
+    "get-own-enumerable-property-symbols": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-2.0.1.tgz",
+      "integrity": "sha512-TtY/sbOemiMKPRUDDanGCSgBYe7Mf0vbRsWnBZ+9yghpZ1MvcpSpuZFjHdEeY/LZjZy0vdLjS77L6HosisFiug=="
+    },
     "get-port": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
@@ -10166,6 +10270,23 @@
         }
       }
     },
+    "husky": {
+      "version": "0.14.3",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-0.14.3.tgz",
+      "integrity": "sha512-e21wivqHpstpoiWA/Yi8eFti8E+sQDSS53cpJsPptPs295QTOQR0ZwnHo2TXy1XOpZFD9rPOd3NpmqTK6uMLJA==",
+      "requires": {
+        "is-ci": "1.2.1",
+        "normalize-path": "1.0.0",
+        "strip-indent": "2.0.0"
+      },
+      "dependencies": {
+        "normalize-path": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-1.0.0.tgz",
+          "integrity": "sha1-MtDkcvkf80VwHBWoMRAY07CpA3k="
+        }
+      }
+    },
     "hyphenate-style-name": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.2.tgz",
@@ -10256,12 +10377,9 @@
       "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E="
     },
     "indent-string": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
-      "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
-      "requires": {
-        "repeating": "2.0.1"
-      }
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-3.2.0.tgz",
+      "integrity": "sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok="
     },
     "indexes-of": {
       "version": "1.0.1",
@@ -10597,7 +10715,7 @@
     },
     "is-obj": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
       "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8="
     },
     "is-object": {
@@ -10606,18 +10724,11 @@
       "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA="
     },
     "is-observable": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/is-observable/-/is-observable-0.2.0.tgz",
-      "integrity": "sha1-s2ExHYPG5dcmyr9eJQsCNxBvWuI=",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-observable/-/is-observable-1.1.0.tgz",
+      "integrity": "sha512-NqCa4Sa2d+u7BWc6CukaObG3Fh+CU9bvixbpcXYhy2VvYS7vVGIdAgnIS5Ks3A/cqk4rebLJ9s8zBstT2aKnIA==",
       "requires": {
-        "symbol-observable": "0.2.4"
-      },
-      "dependencies": {
-        "symbol-observable": {
-          "version": "0.2.4",
-          "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-0.2.4.tgz",
-          "integrity": "sha1-lag9smGG1q9+ehjb2XYKL4bQj0A="
-        }
+        "symbol-observable": "1.2.0"
       }
     },
     "is-path-cwd": {
@@ -10689,6 +10800,11 @@
         "has": "1.0.3"
       }
     },
+    "is-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz",
+      "integrity": "sha1-/S2INUXEa6xaYz57mgnof6LLUGk="
+    },
     "is-retry-allowed": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz",
@@ -11621,102 +11737,372 @@
         "computed-style": "0.1.4"
       }
     },
-    "listr": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/listr/-/listr-0.13.0.tgz",
-      "integrity": "sha1-ILsLowuuZg7oTMBQPfS+PVYjiH0=",
+    "lint-staged": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-7.2.2.tgz",
+      "integrity": "sha512-BWT3kx242hq5oaKJ8QiazPeHwJnEXImvjmgZfjljMI5HX6RrTxI3cTJXywre6GNafMONCD/suFnEiFmC69Gscg==",
       "requires": {
-        "chalk": "1.1.3",
-        "cli-truncate": "0.2.1",
-        "figures": "1.7.0",
-        "indent-string": "2.1.0",
-        "is-observable": "0.2.0",
-        "is-promise": "2.1.0",
-        "is-stream": "1.1.0",
-        "listr-silent-renderer": "1.1.1",
-        "listr-update-renderer": "0.4.0",
-        "listr-verbose-renderer": "0.4.1",
-        "log-symbols": "1.0.2",
-        "log-update": "1.0.2",
-        "ora": "0.2.3",
+        "chalk": "2.4.1",
+        "commander": "2.18.0",
+        "cosmiconfig": "5.0.6",
+        "debug": "3.1.0",
+        "dedent": "0.7.0",
+        "execa": "0.9.0",
+        "find-parent-dir": "0.3.0",
+        "is-glob": "4.0.0",
+        "is-windows": "1.0.2",
+        "jest-validate": "23.6.0",
+        "listr": "0.14.2",
+        "lodash": "4.17.10",
+        "log-symbols": "2.2.0",
+        "micromatch": "3.1.10",
+        "npm-which": "3.0.1",
         "p-map": "1.2.0",
-        "rxjs": "5.5.12",
-        "stream-to-observable": "0.2.0",
-        "strip-ansi": "3.0.1"
+        "path-is-inside": "1.0.2",
+        "pify": "3.0.0",
+        "please-upgrade-node": "3.1.1",
+        "staged-git-files": "1.1.1",
+        "string-argv": "0.0.2",
+        "stringify-object": "3.2.2"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
-          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA="
         },
-        "chalk": {
-          "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
-          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
-          "requires": {
-            "ansi-styles": "2.2.1",
-            "escape-string-regexp": "1.0.5",
-            "has-ansi": "2.0.0",
-            "strip-ansi": "3.0.1",
-            "supports-color": "2.0.0"
-          }
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg="
         },
-        "figures": {
-          "version": "1.7.0",
-          "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
-          "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
           "requires": {
-            "escape-string-regexp": "1.0.5",
-            "object-assign": "4.1.1"
+            "arr-flatten": "1.1.0",
+            "array-unique": "0.3.2",
+            "extend-shallow": "2.0.1",
+            "fill-range": "4.0.0",
+            "isobject": "3.0.1",
+            "repeat-element": "1.1.3",
+            "snapdragon": "0.8.2",
+            "snapdragon-node": "2.1.1",
+            "split-string": "3.1.0",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
           }
         },
-        "log-symbols": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-1.0.2.tgz",
-          "integrity": "sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=",
+        "execa": {
+          "version": "0.9.0",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-0.9.0.tgz",
+          "integrity": "sha512-BbUMBiX4hqiHZUA5+JujIjNb6TyAlp2D5KLheMjMluwOuzcnylDL4AxZYLLn1n2AGB49eSWwyKvvEQoRpnAtmA==",
           "requires": {
-            "chalk": "1.1.3"
+            "cross-spawn": "5.1.0",
+            "get-stream": "3.0.0",
+            "is-stream": "1.1.0",
+            "npm-run-path": "2.0.2",
+            "p-finally": "1.0.0",
+            "signal-exit": "3.0.2",
+            "strip-eof": "1.0.0"
           }
         },
-        "supports-color": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
-          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
-        }
-      }
-    },
-    "listr-silent-renderer": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/listr-silent-renderer/-/listr-silent-renderer-1.1.1.tgz",
-      "integrity": "sha1-kktaN1cVN3C/Go4/v3S4u/P5JC4="
-    },
-    "listr-update-renderer": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/listr-update-renderer/-/listr-update-renderer-0.4.0.tgz",
-      "integrity": "sha1-NE2YDaLKLosUW6MFkI8yrj9MyKc=",
-      "requires": {
-        "chalk": "1.1.3",
-        "cli-truncate": "0.2.1",
-        "elegant-spinner": "1.0.1",
-        "figures": "1.7.0",
-        "indent-string": "3.2.0",
-        "log-symbols": "1.0.2",
-        "log-update": "1.0.2",
-        "strip-ansi": "3.0.1"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
-          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
-        },
-        "chalk": {
-          "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
-          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+        "expand-brackets": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
           "requires": {
-            "ansi-styles": "2.2.1",
+            "debug": "2.6.9",
+            "define-property": "0.2.5",
+            "extend-shallow": "2.0.1",
+            "posix-character-classes": "0.1.1",
+            "regex-not": "1.0.2",
+            "snapdragon": "0.8.2",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "debug": {
+              "version": "2.6.9",
+              "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+              "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+              "requires": {
+                "ms": "2.0.0"
+              }
+            },
+            "define-property": {
+              "version": "0.2.5",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+              "requires": {
+                "is-descriptor": "0.1.6"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            },
+            "is-accessor-descriptor": {
+              "version": "0.1.6",
+              "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+              "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+              "requires": {
+                "kind-of": "3.2.2"
+              },
+              "dependencies": {
+                "kind-of": {
+                  "version": "3.2.2",
+                  "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                  "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+                  "requires": {
+                    "is-buffer": "1.1.6"
+                  }
+                }
+              }
+            },
+            "is-data-descriptor": {
+              "version": "0.1.4",
+              "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+              "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+              "requires": {
+                "kind-of": "3.2.2"
+              },
+              "dependencies": {
+                "kind-of": {
+                  "version": "3.2.2",
+                  "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                  "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+                  "requires": {
+                    "is-buffer": "1.1.6"
+                  }
+                }
+              }
+            },
+            "is-descriptor": {
+              "version": "0.1.6",
+              "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+              "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+              "requires": {
+                "is-accessor-descriptor": "0.1.6",
+                "is-data-descriptor": "0.1.4",
+                "kind-of": "5.1.0"
+              }
+            },
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+            }
+          }
+        },
+        "extglob": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+          "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+          "requires": {
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "expand-brackets": "2.1.4",
+            "extend-shallow": "2.0.1",
+            "fragment-cache": "0.2.1",
+            "regex-not": "1.0.2",
+            "snapdragon": "0.8.2",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "1.0.0",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+              "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+              "requires": {
+                "is-descriptor": "1.0.2"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-number": "3.0.0",
+            "repeat-string": "1.6.1",
+            "to-regex-range": "2.1.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "requires": {
+            "kind-of": "6.0.2"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "requires": {
+            "kind-of": "6.0.2"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "requires": {
+            "is-accessor-descriptor": "1.0.0",
+            "is-data-descriptor": "1.0.0",
+            "kind-of": "6.0.2"
+          }
+        },
+        "is-extglob": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+          "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
+        },
+        "is-glob": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz",
+          "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=",
+          "requires": {
+            "is-extglob": "2.1.1"
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "isobject": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+          "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
+        },
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
+        },
+        "lodash": {
+          "version": "4.17.10",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
+          "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg=="
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+          "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "braces": "2.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "extglob": "2.0.4",
+            "fragment-cache": "0.2.1",
+            "kind-of": "6.0.2",
+            "nanomatch": "1.2.13",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.2",
+            "snapdragon": "0.8.2",
+            "to-regex": "3.0.2"
+          }
+        }
+      }
+    },
+    "listr": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/listr/-/listr-0.14.2.tgz",
+      "integrity": "sha512-vmaNJ1KlGuGWShHI35X/F8r9xxS0VTHh9GejVXwSN20fG5xpq3Jh4bJbnumoT6q5EDM/8/YP1z3YMtQbFmhuXw==",
+      "requires": {
+        "@samverschueren/stream-to-observable": "0.3.0",
+        "is-observable": "1.1.0",
+        "is-promise": "2.1.0",
+        "is-stream": "1.1.0",
+        "listr-silent-renderer": "1.1.1",
+        "listr-update-renderer": "0.4.0",
+        "listr-verbose-renderer": "0.4.1",
+        "p-map": "1.2.0",
+        "rxjs": "6.3.2"
+      }
+    },
+    "listr-silent-renderer": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/listr-silent-renderer/-/listr-silent-renderer-1.1.1.tgz",
+      "integrity": "sha1-kktaN1cVN3C/Go4/v3S4u/P5JC4="
+    },
+    "listr-update-renderer": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/listr-update-renderer/-/listr-update-renderer-0.4.0.tgz",
+      "integrity": "sha1-NE2YDaLKLosUW6MFkI8yrj9MyKc=",
+      "requires": {
+        "chalk": "1.1.3",
+        "cli-truncate": "0.2.1",
+        "elegant-spinner": "1.0.1",
+        "figures": "1.7.0",
+        "indent-string": "3.2.0",
+        "log-symbols": "1.0.2",
+        "log-update": "1.0.2",
+        "strip-ansi": "3.0.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
             "escape-string-regexp": "1.0.5",
             "has-ansi": "2.0.0",
             "strip-ansi": "3.0.1",
@@ -11732,11 +12118,6 @@
             "object-assign": "4.1.1"
           }
         },
-        "indent-string": {
-          "version": "3.2.0",
-          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-3.2.0.tgz",
-          "integrity": "sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok="
-        },
         "log-symbols": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-1.0.2.tgz",
@@ -13187,6 +13568,14 @@
         "sort-keys": "1.1.2"
       }
     },
+    "npm-path": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/npm-path/-/npm-path-2.0.4.tgz",
+      "integrity": "sha512-IFsj0R9C7ZdR5cP+ET342q77uSRdtWOlWpih5eC+lu29tIDbNEgDbzgVJ5UFvYHWhxDZ5TFkJafFioO0pPQjCw==",
+      "requires": {
+        "which": "1.3.1"
+      }
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -13195,6 +13584,16 @@
         "path-key": "2.0.1"
       }
     },
+    "npm-which": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/npm-which/-/npm-which-3.0.1.tgz",
+      "integrity": "sha1-kiXybsOihcIJyuZ8OxGmtKtxQKo=",
+      "requires": {
+        "commander": "2.18.0",
+        "npm-path": "2.0.4",
+        "which": "1.3.1"
+      }
+    },
     "npmlog": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
@@ -13858,6 +14257,14 @@
         "find-up": "2.1.0"
       }
     },
+    "please-upgrade-node": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.1.1.tgz",
+      "integrity": "sha512-KY1uHnQ2NlQHqIJQpnh/i54rKkuxCEBx+voJIS/Mvb+L2iYd2NMotwduhKTMjfC1uKoX3VXOxLjIYG66dfJTVQ==",
+      "requires": {
+        "semver-compare": "1.0.0"
+      }
+    },
     "pn": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/pn/-/pn-1.1.0.tgz",
@@ -14536,6 +14943,42 @@
       "requires": {
         "cosmiconfig": "4.0.0",
         "import-cwd": "2.1.0"
+      },
+      "dependencies": {
+        "cosmiconfig": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-4.0.0.tgz",
+          "integrity": "sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==",
+          "requires": {
+            "is-directory": "0.3.1",
+            "js-yaml": "3.12.0",
+            "parse-json": "4.0.0",
+            "require-from-string": "2.0.2"
+          }
+        },
+        "esprima": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+          "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
+        },
+        "js-yaml": {
+          "version": "3.12.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.0.tgz",
+          "integrity": "sha512-PIt2cnwmPfL4hKNwqeiuz4bKfnzHTBv6HyVgjahA6mPLwPDzjDWrplJBMjHUFxku/N3FlmrbyPclad+I+4mJ3A==",
+          "requires": {
+            "argparse": "1.0.10",
+            "esprima": "4.0.1"
+          }
+        },
+        "parse-json": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+          "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+          "requires": {
+            "error-ex": "1.3.2",
+            "json-parse-better-errors": "1.0.2"
+          }
+        }
       }
     },
     "postcss-loader": {
@@ -14700,7 +15143,7 @@
           "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
           "requires": {
             "caniuse-db": "1.0.30000885",
-            "electron-to-chromium": "1.3.65"
+            "electron-to-chromium": "1.3.66"
           }
         },
         "chalk": {
@@ -16654,6 +17097,24 @@
       "requires": {
         "indent-string": "2.1.0",
         "strip-indent": "1.0.1"
+      },
+      "dependencies": {
+        "indent-string": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+          "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+          "requires": {
+            "repeating": "2.0.1"
+          }
+        },
+        "strip-indent": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+          "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+          "requires": {
+            "get-stdin": "4.0.1"
+          }
+        }
       }
     },
     "reduce-css-calc": {
@@ -16697,13 +17158,6 @@
         "lodash-es": "4.17.10",
         "loose-envify": "1.4.0",
         "symbol-observable": "1.2.0"
-      },
-      "dependencies": {
-        "symbol-observable": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
-          "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
-        }
       }
     },
     "refractor": {
@@ -17131,11 +17585,11 @@
       }
     },
     "rxjs": {
-      "version": "5.5.12",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz",
-      "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==",
+      "version": "6.3.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.3.2.tgz",
+      "integrity": "sha512-hV7criqbR0pe7EeL3O66UYVg92IR0XsA97+9y+BWTePK9SKmEI5Qd3Zj6uPnGkNzXsBywBQWTvujPl+1Kn9Zjw==",
       "requires": {
-        "symbol-observable": "1.0.1"
+        "tslib": "1.9.3"
       }
     },
     "safe-buffer": {
@@ -18358,6 +18812,11 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz",
       "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw=="
     },
+    "semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha1-De4hahyUGrN+nvsXiPavxf9VN/w="
+    },
     "send": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
@@ -18955,6 +19414,11 @@
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-1.0.1.tgz",
       "integrity": "sha1-1PM6tU6OOHeLDKXP07OvsS22hiA="
     },
+    "staged-git-files": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/staged-git-files/-/staged-git-files-1.1.1.tgz",
+      "integrity": "sha512-H89UNKr1rQJvI1c/PIR3kiAMBV23yvR7LItZiV74HWZwzt7f3YHuujJ9nJZlt58WlFox7XQsOahexwk7nTe69A=="
+    },
     "static-extend": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
@@ -19048,6 +19512,13 @@
       "integrity": "sha1-WdbqOT2HwsDdrBCqDVYbxrpvDhA=",
       "requires": {
         "any-observable": "0.2.0"
+      },
+      "dependencies": {
+        "any-observable": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/any-observable/-/any-observable-0.2.0.tgz",
+          "integrity": "sha1-xnhwBYADV5AJCD9UrAq6+1wz0kI="
+        }
       }
     },
     "strict-uri-encode": {
@@ -19055,6 +19526,11 @@
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
     },
+    "string-argv": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.0.2.tgz",
+      "integrity": "sha1-2sMECGkMIfPDYwo/86BYd73L1zY="
+    },
     "string-hash": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
@@ -19168,6 +19644,16 @@
         "safe-buffer": "5.1.2"
       }
     },
+    "stringify-object": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.2.2.tgz",
+      "integrity": "sha512-O696NF21oLiDy8PhpWu8AEqoZHw++QW6mUv0UvKZe8gWSdSvMXkiLufK7OmnP27Dro4GU5kb9U7JIO0mBuCRQg==",
+      "requires": {
+        "get-own-enumerable-property-symbols": "2.0.1",
+        "is-obj": "1.0.1",
+        "is-regexp": "1.0.0"
+      }
+    },
     "stringstream": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.6.tgz",
@@ -19211,12 +19697,9 @@
       "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8="
     },
     "strip-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
-      "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
-      "requires": {
-        "get-stdin": "4.0.1"
-      }
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-2.0.0.tgz",
+      "integrity": "sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g="
     },
     "style-loader": {
       "version": "0.19.1",
@@ -19273,9 +19756,9 @@
       }
     },
     "symbol-observable": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
-      "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
     },
     "symbol-tree": {
       "version": "3.2.2",
@@ -19291,9 +19774,9 @@
       }
     },
     "tapable": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.0.0.tgz",
-      "integrity": "sha512-dQRhbNQkRnaqauC7WqSJ21EEksgT0fYZX2lqXzGkpo8JNig9zGZTYoMGvyI2nWmXlE2VSVXVDu7wLVGu/mQEsg=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.0.tgz",
+      "integrity": "sha512-IlqtmLVaZA2qab8epUXbVWRn3aB1imbDMJtjB3nu4X0NqPkcY/JH9ZtCBWKHWPxs8Svi9tyo8w2dBoi07qZbBA=="
     },
     "tar": {
       "version": "2.2.1",
@@ -21440,6 +21923,11 @@
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
         },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
         "cross-spawn": {
           "version": "6.0.5",
           "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -21452,6 +21940,14 @@
             "which": "1.3.1"
           }
         },
+        "indent-string": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+          "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+          "requires": {
+            "repeating": "2.0.1"
+          }
+        },
         "inquirer": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-5.2.0.tgz",
@@ -21472,11 +21968,107 @@
             "through": "2.3.8"
           }
         },
+        "is-observable": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/is-observable/-/is-observable-0.2.0.tgz",
+          "integrity": "sha1-s2ExHYPG5dcmyr9eJQsCNxBvWuI=",
+          "requires": {
+            "symbol-observable": "0.2.4"
+          },
+          "dependencies": {
+            "symbol-observable": {
+              "version": "0.2.4",
+              "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-0.2.4.tgz",
+              "integrity": "sha1-lag9smGG1q9+ehjb2XYKL4bQj0A="
+            }
+          }
+        },
+        "listr": {
+          "version": "0.13.0",
+          "resolved": "https://registry.npmjs.org/listr/-/listr-0.13.0.tgz",
+          "integrity": "sha1-ILsLowuuZg7oTMBQPfS+PVYjiH0=",
+          "requires": {
+            "chalk": "1.1.3",
+            "cli-truncate": "0.2.1",
+            "figures": "1.7.0",
+            "indent-string": "2.1.0",
+            "is-observable": "0.2.0",
+            "is-promise": "2.1.0",
+            "is-stream": "1.1.0",
+            "listr-silent-renderer": "1.1.1",
+            "listr-update-renderer": "0.4.0",
+            "listr-verbose-renderer": "0.4.1",
+            "log-symbols": "1.0.2",
+            "log-update": "1.0.2",
+            "ora": "0.2.3",
+            "p-map": "1.2.0",
+            "rxjs": "5.5.12",
+            "stream-to-observable": "0.2.0",
+            "strip-ansi": "3.0.1"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+              "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
+            },
+            "chalk": {
+              "version": "1.1.3",
+              "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+              "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+              "requires": {
+                "ansi-styles": "2.2.1",
+                "escape-string-regexp": "1.0.5",
+                "has-ansi": "2.0.0",
+                "strip-ansi": "3.0.1",
+                "supports-color": "2.0.0"
+              }
+            },
+            "figures": {
+              "version": "1.7.0",
+              "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
+              "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
+              "requires": {
+                "escape-string-regexp": "1.0.5",
+                "object-assign": "4.1.1"
+              }
+            },
+            "log-symbols": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-1.0.2.tgz",
+              "integrity": "sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=",
+              "requires": {
+                "chalk": "1.1.3"
+              }
+            },
+            "strip-ansi": {
+              "version": "3.0.1",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+              "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+              "requires": {
+                "ansi-regex": "2.1.1"
+              }
+            },
+            "supports-color": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+              "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+            }
+          }
+        },
         "lodash": {
           "version": "4.17.10",
           "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
           "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg=="
         },
+        "rxjs": {
+          "version": "5.5.12",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz",
+          "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==",
+          "requires": {
+            "symbol-observable": "1.0.1"
+          }
+        },
         "strip-ansi": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
@@ -21485,6 +22077,11 @@
             "ansi-regex": "3.0.0"
           }
         },
+        "symbol-observable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
+          "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ="
+        },
         "yargs": {
           "version": "11.1.0",
           "resolved": "http://registry.npmjs.org/yargs/-/yargs-11.1.0.tgz",
@@ -22493,14 +23090,6 @@
           "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
           "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg=="
         },
-        "rxjs": {
-          "version": "6.3.2",
-          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.3.2.tgz",
-          "integrity": "sha512-hV7criqbR0pe7EeL3O66UYVg92IR0XsA97+9y+BWTePK9SKmEI5Qd3Zj6uPnGkNzXsBywBQWTvujPl+1Kn9Zjw==",
-          "requires": {
-            "tslib": "1.9.3"
-          }
-        },
         "strip-ansi": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
diff --git a/common/config/rush/pinned-versions.json b/common/config/rush/pinned-versions.json
deleted file mode 100644
index 800abff4f000e..0000000000000
--- a/common/config/rush/pinned-versions.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "webpack": "3.11.0",
-  "webpack-dev-server": "2.11.2",
-  "webpack-cli": "2.0.15"
-}
diff --git a/common/scripts/install-run-rush.js b/common/scripts/install-run-rush.js
new file mode 100644
index 0000000000000..51bdbbb2363e3
--- /dev/null
+++ b/common/scripts/install-run-rush.js
@@ -0,0 +1,51 @@
+"use strict";
+// Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
+// See the @microsoft/rush package's LICENSE file for license information.
+Object.defineProperty(exports, "__esModule", { value: true });
+// THIS FILE WAS GENERATED BY A TOOL. ANY MANUAL MODIFICATIONS WILL GET OVERWRITTEN WHENEVER RUSH IS UPGRADED.
+//
+// This script is intended for usage in an automated build environment where the Rush command may not have
+// been preinstalled, or may have an unpredictable version.  This script will automatically install the version of Rush
+// specified in the rush.json configuration file (if not already installed), and then pass a command-line to it.
+// An example usage would be:
+//
+//    node common/scripts/install-run-rush.js install
+//
+// For more information, see: https://rushjs.io/pages/maintainer/setup_new_repo/
+const path = require("path");
+const fs = require("fs");
+const install_run_1 = require("./install-run");
+const PACKAGE_NAME = '@microsoft/rush';
+function getRushVersion() {
+    const rushJsonFolder = install_run_1.findRushJsonFolder();
+    const rushJsonPath = path.join(rushJsonFolder, install_run_1.RUSH_JSON_FILENAME);
+    try {
+        const rushJsonContents = fs.readFileSync(rushJsonPath, 'utf-8');
+        // Use a regular expression to parse out the rushVersion value because rush.json supports comments,
+        // but JSON.parse does not and we don't want to pull in more dependencies than we need to in this script.
+        const rushJsonMatches = rushJsonContents.match(/\"rushVersion\"\s*\:\s*\"([0-9a-zA-Z.+\-]+)\"/);
+        return rushJsonMatches[1];
+    }
+    catch (e) {
+        throw new Error(`Unable to determine the required version of Rush from rush.json (${rushJsonFolder}). ` +
+            'The \'rushVersion\' field is either not assigned in rush.json or was specified ' +
+            'using an unexpected syntax.');
+    }
+}
+function run() {
+    const [nodePath, /* Ex: /bin/node */ // tslint:disable-line:no-unused-variable
+    scriptPath, /* /repo/common/scripts/install-run-rush.js */ // tslint:disable-line:no-unused-variable
+    ...packageBinArgs /* [build, --to, myproject] */] = process.argv;
+    if (process.argv.length < 3) {
+        console.log('Usage: install-run-rush.js <command> [args...]');
+        console.log('Example: install-run-rush.js build --to myproject');
+        process.exit(1);
+    }
+    install_run_1.runWithErrorAndStatusCode(() => {
+        const version = getRushVersion();
+        console.log(`The rush.json configuration requests Rush version ${version}`);
+        return install_run_1.installAndRun(PACKAGE_NAME, version, 'rush', packageBinArgs);
+    });
+}
+run();
+//# sourceMappingURL=install-run-rush.js.map
\ No newline at end of file
diff --git a/common/scripts/install-run.js b/common/scripts/install-run.js
new file mode 100644
index 0000000000000..08539132941a1
--- /dev/null
+++ b/common/scripts/install-run.js
@@ -0,0 +1,397 @@
+"use strict";
+// Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
+// See the @microsoft/rush package's LICENSE file for license information.
+Object.defineProperty(exports, "__esModule", { value: true });
+// THIS FILE WAS GENERATED BY A TOOL. ANY MANUAL MODIFICATIONS WILL GET OVERWRITTEN WHENEVER RUSH IS UPGRADED.
+//
+// This script is intended for usage in an automated build environment where a Node tool may not have
+// been preinstalled, or may have an unpredictable version.  This script will automatically install the specified
+// version of the specified tool (if not already installed), and then pass a command-line to it.
+// An example usage would be:
+//
+//    node common/scripts/install-run.js rimraf@2.6.2 rimraf -f project1/lib
+//
+// For more information, see: https://rushjs.io/pages/maintainer/setup_new_repo/
+const childProcess = require("child_process");
+const fs = require("fs");
+const os = require("os");
+const path = require("path");
+exports.RUSH_JSON_FILENAME = 'rush.json';
+const INSTALLED_FLAG_FILENAME = 'installed.flag';
+const NODE_MODULES_FOLDER_NAME = 'node_modules';
+const PACKAGE_JSON_FILENAME = 'package.json';
+/**
+ * Parse a package specifier (in the form of name\@version) into name and version parts.
+ */
+function parsePackageSpecifier(rawPackageSpecifier) {
+    rawPackageSpecifier = (rawPackageSpecifier || '').trim();
+    const separatorIndex = rawPackageSpecifier.lastIndexOf('@');
+    let name;
+    let version = undefined;
+    if (separatorIndex === 0) {
+        // The specifier starts with a scope and doesn't have a version specified
+        name = rawPackageSpecifier;
+    }
+    else if (separatorIndex === -1) {
+        // The specifier doesn't have a version
+        name = rawPackageSpecifier;
+    }
+    else {
+        name = rawPackageSpecifier.substring(0, separatorIndex);
+        version = rawPackageSpecifier.substring(separatorIndex + 1);
+    }
+    if (!name) {
+        throw new Error(`Invalid package specifier: ${rawPackageSpecifier}`);
+    }
+    return { name, version };
+}
+/**
+ * Resolve a package specifier to a static version
+ */
+function resolvePackageVersion(rushCommonFolder, { name, version }) {
+    if (!version) {
+        version = '*'; // If no version is specified, use the latest version
+    }
+    if (version.match(/^[a-zA-Z0-9\-\+\.]+$/)) {
+        // If the version contains only characters that we recognize to be used in static version specifiers,
+        // pass the version through
+        return version;
+    }
+    else {
+        // version resolves to
+        try {
+            const rushTempFolder = ensureAndJoinPath(rushCommonFolder, 'temp');
+            const sourceNpmrcFolder = path.join(rushCommonFolder, 'config', 'rush');
+            syncNpmrc(sourceNpmrcFolder, rushTempFolder);
+            const npmPath = getNpmPath();
+            // This returns something that looks like:
+            //  @microsoft/rush@3.0.0 '3.0.0'
+            //  @microsoft/rush@3.0.1 '3.0.1'
+            //  ...
+            //  @microsoft/rush@3.0.20 '3.0.20'
+            //  <blank line>
+            const npmVersionSpawnResult = childProcess.spawnSync(npmPath, ['view', `${name}@${version}`, 'version', '--no-update-notifier'], {
+                cwd: rushTempFolder,
+                stdio: []
+            });
+            if (npmVersionSpawnResult.status !== 0) {
+                throw new Error(`"npm view" returned error code ${npmVersionSpawnResult.status}`);
+            }
+            const npmViewVersionOutput = npmVersionSpawnResult.stdout.toString();
+            const versionLines = npmViewVersionOutput.split('\n').filter((line) => !!line);
+            const latestVersion = versionLines[versionLines.length - 1];
+            if (!latestVersion) {
+                throw new Error('No versions found for the specified version range.');
+            }
+            const versionMatches = latestVersion.match(/^.+\s\'(.+)\'$/);
+            if (!versionMatches) {
+                throw new Error(`Invalid npm output ${latestVersion}`);
+            }
+            return versionMatches[1];
+        }
+        catch (e) {
+            throw new Error(`Unable to resolve version ${version} of package ${name}: ${e}`);
+        }
+    }
+}
+let _npmPath = undefined;
+/**
+ * Get the absolute path to the npm executable
+ */
+function getNpmPath() {
+    if (!_npmPath) {
+        try {
+            if (os.platform() === 'win32') {
+                // We're on Windows
+                const whereOutput = childProcess.execSync('where npm', { stdio: [] }).toString();
+                const lines = whereOutput.split(os.EOL).filter((line) => !!line);
+                // take the last result, we are looking for a .cmd command
+                // see https://github.com/Microsoft/web-build-tools/issues/759
+                _npmPath = lines[lines.length - 1];
+            }
+            else {
+                // We aren't on Windows - assume we're on *NIX or Darwin
+                _npmPath = childProcess.execSync('which npm', { stdio: [] }).toString();
+            }
+        }
+        catch (e) {
+            throw new Error(`Unable to determine the path to the NPM tool: ${e}`);
+        }
+        _npmPath = _npmPath.trim();
+        if (!fs.existsSync(_npmPath)) {
+            throw new Error('The NPM executable does not exist');
+        }
+    }
+    return _npmPath;
+}
+exports.getNpmPath = getNpmPath;
+let _rushJsonFolder;
+/**
+ * Find the absolute path to the folder containing rush.json
+ */
+function findRushJsonFolder() {
+    if (!_rushJsonFolder) {
+        let basePath = __dirname;
+        let tempPath = __dirname;
+        do {
+            const testRushJsonPath = path.join(basePath, exports.RUSH_JSON_FILENAME);
+            if (fs.existsSync(testRushJsonPath)) {
+                _rushJsonFolder = basePath;
+                break;
+            }
+            else {
+                basePath = tempPath;
+            }
+        } while (basePath !== (tempPath = path.dirname(basePath))); // Exit the loop when we hit the disk root
+        if (!_rushJsonFolder) {
+            throw new Error('Unable to find rush.json.');
+        }
+    }
+    return _rushJsonFolder;
+}
+exports.findRushJsonFolder = findRushJsonFolder;
+/**
+ * Create missing directories under the specified base directory, and return the resolved directory.
+ *
+ * Does not support "." or ".." path segments.
+ * Assumes the baseFolder exists.
+ */
+function ensureAndJoinPath(baseFolder, ...pathSegments) {
+    let joinedPath = baseFolder;
+    try {
+        for (let pathSegment of pathSegments) {
+            pathSegment = pathSegment.replace(/[\\\/]/g, '+');
+            joinedPath = path.join(joinedPath, pathSegment);
+            if (!fs.existsSync(joinedPath)) {
+                fs.mkdirSync(joinedPath);
+            }
+        }
+    }
+    catch (e) {
+        throw new Error(`Error building local installation folder (${path.join(baseFolder, ...pathSegments)}): ${e}`);
+    }
+    return joinedPath;
+}
+/**
+ * As a workaround, _syncNpmrc() copies the .npmrc file to the target folder, and also trims
+ * unusable lines from the .npmrc file.  If the source .npmrc file not exist, then _syncNpmrc()
+ * will delete an .npmrc that is found in the target folder.
+ *
+ * Why are we trimming the .npmrc lines?  NPM allows environment variables to be specified in
+ * the .npmrc file to provide different authentication tokens for different registry.
+ * However, if the environment variable is undefined, it expands to an empty string, which
+ * produces a valid-looking mapping with an invalid URL that causes an error.  Instead,
+ * we'd prefer to skip that line and continue looking in other places such as the user's
+ * home directory.
+ *
+ * IMPORTANT: THIS CODE SHOULD BE KEPT UP TO DATE WITH Utilities._syncNpmrc()
+ */
+function syncNpmrc(sourceNpmrcFolder, targetNpmrcFolder) {
+    const sourceNpmrcPath = path.join(sourceNpmrcFolder, '.npmrc');
+    const targetNpmrcPath = path.join(targetNpmrcFolder, '.npmrc');
+    try {
+        if (fs.existsSync(sourceNpmrcPath)) {
+            let npmrcFileLines = fs.readFileSync(sourceNpmrcPath).toString().split('\n');
+            npmrcFileLines = npmrcFileLines.map((line) => (line || '').trim());
+            const resultLines = [];
+            // Trim out lines that reference environment variables that aren't defined
+            for (const line of npmrcFileLines) {
+                // This finds environment variable tokens that look like "${VAR_NAME}"
+                const regex = /\$\{([^\}]+)\}/g;
+                const environmentVariables = line.match(regex);
+                let lineShouldBeTrimmed = false;
+                if (environmentVariables) {
+                    for (const token of environmentVariables) {
+                        // Remove the leading "${" and the trailing "}" from the token
+                        const environmentVariableName = token.substring(2, token.length - 1);
+                        if (!process.env[environmentVariableName]) {
+                            lineShouldBeTrimmed = true;
+                            break;
+                        }
+                    }
+                }
+                if (lineShouldBeTrimmed) {
+                    // Example output:
+                    // "; MISSING ENVIRONMENT VARIABLE: //my-registry.com/npm/:_authToken=${MY_AUTH_TOKEN}"
+                    resultLines.push('; MISSING ENVIRONMENT VARIABLE: ' + line);
+                }
+                else {
+                    resultLines.push(line);
+                }
+            }
+            fs.writeFileSync(targetNpmrcPath, resultLines.join(os.EOL));
+        }
+        else if (fs.existsSync(targetNpmrcPath)) {
+            // If the source .npmrc doesn't exist and there is one in the target, delete the one in the target
+            fs.unlinkSync(targetNpmrcPath);
+        }
+    }
+    catch (e) {
+        throw new Error(`Error syncing .npmrc file: ${e}`);
+    }
+}
+/**
+ * Detects if the package in the specified directory is installed
+ */
+function isPackageAlreadyInstalled(packageInstallFolder) {
+    try {
+        const flagFilePath = path.join(packageInstallFolder, INSTALLED_FLAG_FILENAME);
+        if (!fs.existsSync(flagFilePath)) {
+            return false;
+        }
+        const fileContents = fs.readFileSync(flagFilePath).toString();
+        return fileContents.trim() === process.version;
+    }
+    catch (e) {
+        return false;
+    }
+}
+/**
+ * Removes the following files and directories under the specified folder path:
+ *  - installed.flag
+ *  -
+ *  - node_modules
+ */
+function cleanInstallFolder(rushCommonFolder, packageInstallFolder) {
+    try {
+        const flagFile = path.resolve(packageInstallFolder, INSTALLED_FLAG_FILENAME);
+        if (fs.existsSync(flagFile)) {
+            fs.unlinkSync(flagFile);
+        }
+        const packageLockFile = path.resolve(packageInstallFolder, 'package-lock.json');
+        if (fs.existsSync(packageLockFile)) {
+            fs.unlinkSync(packageLockFile);
+        }
+        const nodeModulesFolder = path.resolve(packageInstallFolder, NODE_MODULES_FOLDER_NAME);
+        if (fs.existsSync(nodeModulesFolder)) {
+            const rushRecyclerFolder = ensureAndJoinPath(rushCommonFolder, 'temp', 'rush-recycler', `install-run-${Date.now().toString()}`);
+            fs.renameSync(nodeModulesFolder, rushRecyclerFolder);
+        }
+    }
+    catch (e) {
+        throw new Error(`Error cleaning the package install folder (${packageInstallFolder}): ${e}`);
+    }
+}
+function createPackageJson(packageInstallFolder, name, version) {
+    try {
+        const packageJsonContents = {
+            'name': 'ci-rush',
+            'version': '0.0.0',
+            'dependencies': {
+                [name]: version
+            },
+            'description': 'DON\'T WARN',
+            'repository': 'DON\'T WARN',
+            'license': 'MIT'
+        };
+        const packageJsonPath = path.join(packageInstallFolder, PACKAGE_JSON_FILENAME);
+        fs.writeFileSync(packageJsonPath, JSON.stringify(packageJsonContents, undefined, 2));
+    }
+    catch (e) {
+        throw new Error(`Unable to create package.json: ${e}`);
+    }
+}
+/**
+ * Run "npm install" in the package install folder.
+ */
+function installPackage(packageInstallFolder, name, version) {
+    try {
+        console.log(`Installing ${name}...`);
+        const npmPath = getNpmPath();
+        const result = childProcess.spawnSync(npmPath, ['install'], {
+            stdio: 'inherit',
+            cwd: packageInstallFolder,
+            env: process.env
+        });
+        if (result.status !== 0) {
+            throw new Error('"npm install" encountered an error');
+        }
+        console.log(`Successfully installed ${name}@${version}`);
+    }
+    catch (e) {
+        throw new Error(`Unable to install package: ${e}`);
+    }
+}
+/**
+ * Get the ".bin" path for the package.
+ */
+function getBinPath(packageInstallFolder, binName) {
+    const binFolderPath = path.resolve(packageInstallFolder, NODE_MODULES_FOLDER_NAME, '.bin');
+    const resolvedBinName = (os.platform() === 'win32') ? `${binName}.cmd` : binName;
+    return path.resolve(binFolderPath, resolvedBinName);
+}
+/**
+ * Write a flag file to the package's install directory, signifying that the install was successful.
+ */
+function writeFlagFile(packageInstallFolder) {
+    try {
+        const flagFilePath = path.join(packageInstallFolder, INSTALLED_FLAG_FILENAME);
+        fs.writeFileSync(flagFilePath, process.version);
+    }
+    catch (e) {
+        throw new Error(`Unable to create installed.flag file in ${packageInstallFolder}`);
+    }
+}
+function installAndRun(packageName, packageVersion, packageBinName, packageBinArgs) {
+    const rushJsonFolder = findRushJsonFolder();
+    const rushCommonFolder = path.join(rushJsonFolder, 'common');
+    const packageInstallFolder = ensureAndJoinPath(rushCommonFolder, 'temp', 'install-run', `${packageName}@${packageVersion}`);
+    if (!isPackageAlreadyInstalled(packageInstallFolder)) {
+        // The package isn't already installed
+        cleanInstallFolder(rushCommonFolder, packageInstallFolder);
+        const sourceNpmrcFolder = path.join(rushCommonFolder, 'config', 'rush');
+        syncNpmrc(sourceNpmrcFolder, packageInstallFolder);
+        createPackageJson(packageInstallFolder, packageName, packageVersion);
+        installPackage(packageInstallFolder, packageName, packageVersion);
+        writeFlagFile(packageInstallFolder);
+    }
+    const statusMessage = `Invoking "${packageBinName} ${packageBinArgs.join(' ')}"`;
+    const statusMessageLine = new Array(statusMessage.length + 1).join('-');
+    console.log(os.EOL + statusMessage + os.EOL + statusMessageLine + os.EOL);
+    const binPath = getBinPath(packageInstallFolder, packageBinName);
+    const result = childProcess.spawnSync(binPath, packageBinArgs, {
+        stdio: 'inherit',
+        cwd: process.cwd(),
+        env: process.env
+    });
+    return result.status;
+}
+exports.installAndRun = installAndRun;
+function runWithErrorAndStatusCode(fn) {
+    process.exitCode = 1;
+    try {
+        const exitCode = fn();
+        process.exitCode = exitCode;
+    }
+    catch (e) {
+        console.error(os.EOL + os.EOL + e.toString() + os.EOL + os.EOL);
+    }
+}
+exports.runWithErrorAndStatusCode = runWithErrorAndStatusCode;
+function run() {
+    const [nodePath, /* Ex: /bin/node */ // tslint:disable-line:no-unused-variable
+    scriptPath, /* /repo/common/scripts/install-run-rush.js */ rawPackageSpecifier, /* rimraf@^2.0.0 */ packageBinName, /* rimraf */ ...packageBinArgs /* [-f, myproject/lib] */] = process.argv;
+    if (path.basename(scriptPath).toLowerCase() !== 'install-run.js') {
+        // If install-run.js wasn't directly invoked, don't execute the rest of this function. Return control
+        // to the script that (presumably) imported this file
+        return;
+    }
+    if (process.argv.length < 4) {
+        console.log('Usage: install-run.js <package>@<version> <command> [args...]');
+        console.log('Example: install-run.js rimraf@2.6.2 rimraf -f project1/lib');
+        process.exit(1);
+    }
+    runWithErrorAndStatusCode(() => {
+        const rushJsonFolder = findRushJsonFolder();
+        const rushCommonFolder = ensureAndJoinPath(rushJsonFolder, 'common');
+        const packageSpecifier = parsePackageSpecifier(rawPackageSpecifier);
+        const name = packageSpecifier.name;
+        const version = resolvePackageVersion(rushCommonFolder, packageSpecifier);
+        if (packageSpecifier.version !== version) {
+            console.log(`Resolved to ${name}@${version}`);
+        }
+        return installAndRun(name, version, packageBinName, packageBinArgs);
+    });
+}
+run();
+//# sourceMappingURL=install-run.js.map
\ No newline at end of file
diff --git a/hooks/package.json b/hooks/package.json
new file mode 100644
index 0000000000000..00b4648a8d7ba
--- /dev/null
+++ b/hooks/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@uifabric/hooks",
+  "version": "1.0.0",
+  "description": "Git hooks for OUFR",
+  "private": true,
+  "scripts": {
+    "precommit": "cd .. && node hooks/node_modules/lint-staged/index.js"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "husky": "^0.14.3",
+    "lint-staged": "^7.0.5"
+  }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 32ab3683de65b..cb3ff98d9810e 100644
--- a/package.json
+++ b/package.json
@@ -8,12 +8,12 @@
     "url": "https://github.com/OfficeDev/office-ui-fabric-react"
   },
   "scripts": {
-    "_rushInstall": "node node_modules/@microsoft/rush/bin/rush install -c",
-    "_rushBuild": "node node_modules/@microsoft/rush/bin/rush build",
-    "_rushBuildToFabric": "node node_modules/@microsoft/rush/bin/rush build --to @uifabric/fabric-website-resources",
-    "_rushRebuild": "node node_modules/@microsoft/rush/bin/rush rebuild --production --verbose --lint",
-    "_rushRebuildCi": "node node_modules/@microsoft/rush/bin/rush rebuild --verbose --lint",
-    "_rushRebuildFast": "node node_modules/@microsoft/rush/bin/rush rebuild",
+    "_rushInstall": "node common/scripts/install-run-rush.js install --purge",
+    "_rushBuild": "node common/scripts/install-run-rush.js build",
+    "_rushBuildToFabric": "node common/scripts/install-run-rush.js build --to @uifabric/fabric-website-resources",
+    "_rushRebuild": "node common/scripts/install-run-rush.js rebuild --production --verbose --lint",
+    "_rushRebuildCi": "node common/scripts/install-run-rush.js rebuild --verbose --lint",
+    "_rushRebuildFast": "node common/scripts/install-run-rush.js rebuild",
     "postinstall": "npm run _rushInstall && npm run _rushBuildToFabric -- --npm-install-mode",
     "test": "npm run _rushBuild",
     "vrtest": "cd apps && cd vr-tests && npm run screener",
@@ -22,33 +22,35 @@
     "build": "npm run _rushRebuild",
     "buildci": "npm run _rushRebuildCi",
     "buildfast": "npm run _rushBuild",
-    "code-style": "node node_modules/@microsoft/rush/bin/rush code-style",
-    "change": "node node_modules/@microsoft/rush/bin/rush change",
-    "generate": "node node_modules/@microsoft/rush/bin/rush generate --force",
+    "code-style": "node common/scripts/install-run-rush.js code-style",
+    "change": "node common/scripts/install-run-rush.js change",
+    "generate": "node common/scripts/install-run-rush.js update --full",
+    "rush-update": "node common/scripts/install-run-rush.js update",
     "bundlesize": "cd scripts && npm run bundlesize",
     "create-component": "node scripts/create-component.js",
-    "checkchange": "node node_modules/@microsoft/rush/bin/rush change -v",
+    "checkchange": "node common/scripts/install-run-rush.js change -v",
     "update-snapshots": "cd packages/office-ui-fabric-react && npm run update-snapshots",
-    "precommit": "lint-staged",
     "check-for-changed-files": "node ./scripts/check-for-modified-files.js",
     "prettier": "node scripts/prettier.js",
-    "codepen": "cd packages/office-ui-fabric-react && node ../../scripts/local-codepen.js"
+    "codepen": "cd packages/office-ui-fabric-react && node ../../scripts/local-codepen.js",
+    "precommit": "node scripts/node_modules/lint-staged/index.js"
   },
   "license": "MIT",
-  "devDependencies": {
-    "@microsoft/rush": "4.3.0",
-    "husky": "^0.14.3",
-    "lint-staged": "^7.0.5"
-  },
   "lint-staged": {
-    "!(apps/vr-test)/**/*.{ts,tsx}|*.{ts,tsx}": [
-      "node ./scripts/lint-staged/prettier",
-      "node ./scripts/lint-staged/tslint",
-      "git add"
-    ],
-    "*.js": [
-      "node ./scripts/lint-staged/prettier",
-      "git add"
+    "linters": {
+      "*.{ts,tsx}": [
+        "node ./scripts/lint-staged/prettier",
+        "node ./scripts/lint-staged/tslint",
+        "git add"
+      ],
+      "*.js": [
+        "node ./scripts/lint-staged/prettier",
+        "git add"
+      ]
+    },
+    "ignore": [
+      "common/scripts/*.js",
+      "apps/vr-tests/**/*.{ts,tsx}"
     ]
   }
 }
diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
index 5b099db91ba05..809881ff3c665 100644
--- a/packages/dashboard/package.json
+++ b/packages/dashboard/package.json
@@ -10,7 +10,8 @@
     "css-loader": "^0.15.1",
     "office-ui-fabric-react": ">=6.67.3 <7.0.0",
     "react-grid-layout": "samiyaakhtar/react-grid-layout",
-    "style-loader": "^0.21.0"
+    "style-loader": "^0.21.0",
+    "tslib": "^1.7.1"
   },
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/experiments/src/components/Chiclet/__snapshots__/ChicletCard.test.tsx.snap b/packages/experiments/src/components/Chiclet/__snapshots__/ChicletCard.test.tsx.snap
index e689c98f394ea..6b2d4fa6e38a0 100644
--- a/packages/experiments/src/components/Chiclet/__snapshots__/ChicletCard.test.tsx.snap
+++ b/packages/experiments/src/components/Chiclet/__snapshots__/ChicletCard.test.tsx.snap
@@ -61,7 +61,6 @@ exports[`Dialog renders chiclet with title, icon, onClick, and url 1`] = `
         }
       >
         <img
-          alt={undefined}
           className=
               ms-Image-image
               ms-Image-image--portrait
diff --git a/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap
index 87d5ff7625e2f..127703e33c0f0 100644
--- a/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap
@@ -16,7 +16,6 @@ exports[`ActivityItem renders compact with a single persona correctly 1`] = `
         font-weight: 400;
         justify-content: flex-start;
       }
-  style={undefined}
 >
   <div
     className=
@@ -98,7 +97,6 @@ exports[`ActivityItem renders compact with a single persona correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             aria-hidden="true"
@@ -120,7 +118,6 @@ exports[`ActivityItem renders compact with a single persona correctly 1`] = `
                   box-sizing: border-box;
                   color: WindowText;
                 }
-            style={undefined}
           >
             <span>
               TN
@@ -175,7 +172,6 @@ exports[`ActivityItem renders compact with an icon correctly 1`] = `
         font-weight: 400;
         justify-content: flex-start;
       }
-  style={undefined}
 >
   <div
     className=
@@ -275,7 +271,6 @@ exports[`ActivityItem renders compact with animation correctly 1`] = `
         font-weight: 400;
         justify-content: flex-start;
       }
-  style={undefined}
 >
   <div
     className=
@@ -376,7 +371,6 @@ exports[`ActivityItem renders compact with animation correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             aria-hidden="true"
@@ -398,7 +392,6 @@ exports[`ActivityItem renders compact with animation correctly 1`] = `
                   box-sizing: border-box;
                   color: WindowText;
                 }
-            style={undefined}
           >
             <span>
               TN
@@ -456,7 +449,6 @@ exports[`ActivityItem renders compact with multiple personas correctly 1`] = `
         font-weight: 400;
         justify-content: flex-start;
       }
-  style={undefined}
 >
   <div
     className=
@@ -538,7 +530,6 @@ exports[`ActivityItem renders compact with multiple personas correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             aria-hidden="true"
@@ -560,7 +551,6 @@ exports[`ActivityItem renders compact with multiple personas correctly 1`] = `
                   box-sizing: border-box;
                   color: WindowText;
                 }
-            style={undefined}
           >
             <span>
               TN
@@ -604,7 +594,6 @@ exports[`ActivityItem renders compact with multiple personas correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             className=
@@ -649,7 +638,6 @@ exports[`ActivityItem renders compact with multiple personas correctly 1`] = `
                   }
               onError={[Function]}
               onLoad={[Function]}
-              role={undefined}
               src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
             />
           </div>
@@ -691,7 +679,6 @@ exports[`ActivityItem renders compact with multiple personas correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             aria-hidden="true"
@@ -713,7 +700,6 @@ exports[`ActivityItem renders compact with multiple personas correctly 1`] = `
                   box-sizing: border-box;
                   color: WindowText;
                 }
-            style={undefined}
           >
             <span>
               AN
@@ -768,7 +754,6 @@ exports[`ActivityItem renders with a single persona correctly 1`] = `
         font-weight: 400;
         justify-content: flex-start;
       }
-  style={undefined}
 >
   <div
     className=
@@ -805,7 +790,6 @@ exports[`ActivityItem renders with a single persona correctly 1`] = `
               font-weight: 400;
             }
         size={11}
-        style={undefined}
       >
         <div
           className=
@@ -817,7 +801,6 @@ exports[`ActivityItem renders with a single persona correctly 1`] = `
                 text-align: center;
                 width: 32px;
               }
-          style={undefined}
         >
           <div
             aria-hidden="true"
@@ -839,7 +822,6 @@ exports[`ActivityItem renders with a single persona correctly 1`] = `
                   box-sizing: border-box;
                   color: WindowText;
                 }
-            style={undefined}
           >
             <span>
               TN
@@ -915,7 +897,6 @@ exports[`ActivityItem renders with an icon correctly 1`] = `
         font-weight: 400;
         justify-content: flex-start;
       }
-  style={undefined}
 >
   <div
     className=
@@ -1012,7 +993,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
         font-weight: 400;
         justify-content: flex-start;
       }
-  style={undefined}
 >
   <div
     className=
@@ -1049,7 +1029,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
               font-weight: 400;
             }
         size={8}
-        style={undefined}
       >
         <div
           className=
@@ -1061,7 +1040,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             aria-hidden="true"
@@ -1083,7 +1061,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                   box-sizing: border-box;
                   color: WindowText;
                 }
-            style={undefined}
           >
             <span>
               TN
@@ -1105,7 +1082,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
               font-weight: 400;
             }
         size={8}
-        style={undefined}
       >
         <div
           className=
@@ -1117,7 +1093,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             className=
@@ -1162,7 +1137,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                   }
               onError={[Function]}
               onLoad={[Function]}
-              role={undefined}
               src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
             />
           </div>
@@ -1182,7 +1156,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
               font-weight: 400;
             }
         size={8}
-        style={undefined}
       >
         <div
           className=
@@ -1194,7 +1167,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             aria-hidden="true"
@@ -1216,7 +1188,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                   box-sizing: border-box;
                   color: WindowText;
                 }
-            style={undefined}
           >
             <span>
               AN
@@ -1238,7 +1209,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
               font-weight: 400;
             }
         size={8}
-        style={undefined}
       >
         <div
           className=
@@ -1250,7 +1220,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                 text-align: center;
                 width: 16px;
               }
-          style={undefined}
         >
           <div
             className=
@@ -1295,7 +1264,6 @@ exports[`ActivityItem renders with multiple personas correctly 1`] = `
                   }
               onError={[Function]}
               onLoad={[Function]}
-              role={undefined}
               src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
             />
           </div>
diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
index e6b07fb959dcf..4d684215908a7 100644
--- a/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
@@ -19,7 +19,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 1 1`] = `
     }
   >
     <div
-      aria-label={undefined}
       className=
           ms-Breadcrumb
           {
@@ -31,8 +30,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 1 1`] = `
       role="navigation"
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone1"
         onFocus={[Function]}
@@ -96,7 +93,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 1 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -176,7 +172,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 1 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -256,7 +251,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 1 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -336,7 +330,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 1 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -373,7 +366,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
     }
   >
     <div
-      aria-label={undefined}
       className=
           ms-Breadcrumb
           {
@@ -385,8 +377,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
       role="navigation"
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone6"
         onFocus={[Function]}
@@ -421,14 +411,9 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--icon
@@ -513,7 +498,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
                     font-size: 15px;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -634,7 +618,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -714,7 +697,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 2 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -751,7 +733,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 3 1`] = `
     }
   >
     <div
-      aria-label={undefined}
       className=
           ms-Breadcrumb
           {
@@ -763,8 +744,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 3 1`] = `
       role="navigation"
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone12"
         onFocus={[Function]}
@@ -828,7 +807,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 3 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -881,7 +859,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 3 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -934,7 +911,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 3 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -987,7 +963,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 3 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1024,7 +999,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
     }
   >
     <div
-      aria-label={undefined}
       className=
           ms-Breadcrumb
           {
@@ -1036,8 +1010,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
       role="navigation"
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone17"
         onFocus={[Function]}
@@ -1101,7 +1073,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1152,14 +1123,9 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--icon
@@ -1244,7 +1210,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
                     font-size: 15px;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -1365,7 +1330,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 4 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1402,7 +1366,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 5 1`] = `
     }
   >
     <div
-      aria-label={undefined}
       className=
           ms-Breadcrumb
           {
@@ -1414,8 +1377,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 5 1`] = `
       role="navigation"
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone23"
         onFocus={[Function]}
@@ -1479,7 +1440,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 5 1`] = `
                   }
             >
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1530,14 +1490,9 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 5 1`] = `
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--icon
@@ -1622,7 +1577,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 5 1`] = `
                     font-size: 15px;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -1700,7 +1654,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 6 1`] = `
     }
   >
     <div
-      aria-label={undefined}
       className=
           ms-Breadcrumb
           {
@@ -1712,8 +1665,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 6 1`] = `
       role="navigation"
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone28"
         onFocus={[Function]}
@@ -1748,14 +1699,9 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 6 1`] = `
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--icon
@@ -1840,7 +1786,6 @@ exports[`Breadcrumb basic rendering renders breadcumb correctly 6 1`] = `
                     font-size: 15px;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -1918,7 +1863,6 @@ exports[`Breadcrumb renders empty breadcrumb 1`] = `
     }
   >
     <div
-      aria-label={undefined}
       className=
           ms-Breadcrumb
           {
@@ -1930,8 +1874,6 @@ exports[`Breadcrumb renders empty breadcrumb 1`] = `
       role="navigation"
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone0"
         onFocus={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
index 09be72c2a62b1..ddf378390d8ba 100644
--- a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap
@@ -3,10 +3,7 @@
 exports[`Button renders CompoundButton correctly 1`] = `
 <button
   aria-describedby="id__1"
-  aria-disabled={undefined}
-  aria-label={undefined}
   aria-labelledby="id__0"
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--compound
@@ -83,7 +80,6 @@ exports[`Button renders CompoundButton correctly 1`] = `
         color: inherit;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
index 35ca44968fd47..dd7c2a864ee3a 100644
--- a/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Button/__snapshots__/Button.test.tsx.snap
@@ -2,11 +2,6 @@
 
 exports[`Button renders ActionButton correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
-  aria-label={undefined}
-  aria-labelledby={undefined}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--action
@@ -80,7 +75,6 @@ exports[`Button renders ActionButton correctly 1`] = `
         color: #004578;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
@@ -128,14 +122,9 @@ exports[`Button renders ActionButton correctly 1`] = `
 
 exports[`Button renders CommandBarButton correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
   aria-expanded={false}
   aria-haspopup={true}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   aria-owns={null}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--commandBar
@@ -206,7 +195,6 @@ exports[`Button renders CommandBarButton correctly 1`] = `
         color: #000000;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
@@ -314,10 +302,7 @@ exports[`Button renders CommandBarButton correctly 1`] = `
 exports[`Button renders CompoundButton correctly 1`] = `
 <button
   aria-describedby="id__14"
-  aria-disabled={undefined}
-  aria-label={undefined}
   aria-labelledby="id__13"
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--compound
@@ -394,7 +379,6 @@ exports[`Button renders CompoundButton correctly 1`] = `
         color: inherit;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
@@ -466,11 +450,6 @@ exports[`Button renders CompoundButton correctly 1`] = `
 
 exports[`Button renders DefaultButton correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
-  aria-label={undefined}
-  aria-labelledby={undefined}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--default
@@ -540,7 +519,6 @@ exports[`Button renders DefaultButton correctly 1`] = `
         color: #212121;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
@@ -589,11 +567,7 @@ exports[`Button renders DefaultButton correctly 1`] = `
 
 exports[`Button renders IconButton correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
   aria-label="Emoji"
-  aria-labelledby={undefined}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--icon
@@ -660,7 +634,6 @@ exports[`Button renders IconButton correctly 1`] = `
         color: #0078d4;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
@@ -716,10 +689,6 @@ exports[`Button renders IconButton correctly 1`] = `
 exports[`Button renders a DefaultButton with a keytip correctly 1`] = `
 <button
   aria-describedby=" ktp-layer-id ktp-a"
-  aria-disabled={undefined}
-  aria-label={undefined}
-  aria-labelledby={undefined}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--default
@@ -791,7 +760,6 @@ exports[`Button renders a DefaultButton with a keytip correctly 1`] = `
   data-is-focusable={true}
   data-ktp-execute-target="ktp-a"
   data-ktp-target="ktp-a"
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap
index 4e74459c39537..2416238a89d4d 100644
--- a/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Calendar/__snapshots__/Calendar.test.tsx.snap
@@ -29,7 +29,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                 aria-atomic="true"
                 aria-live="polite"
                 aria-relevant="text"
-                className={undefined}
                 id="DatePickerDay-monthAndYear11"
               >
                 <div
@@ -46,7 +45,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                 >
                   <button
                     aria-controls="DatePickerDay-dayPicker10"
-                    aria-label={undefined}
                     className="ms-DatePicker-prevMonth js-prevMonth"
                     disabled={false}
                     onClick={[Function]}
@@ -74,7 +72,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                   </button>
                   <button
                     aria-controls="DatePickerDay-dayPicker10"
-                    aria-label={undefined}
                     className="ms-DatePicker-nextMonth js-nextMonth"
                     disabled={false}
                     onClick={[Function]}
@@ -104,8 +101,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
               </div>
             </div>
             <div
-              aria-describedby={undefined}
-              aria-labelledby={undefined}
               className="ms-FocusZone"
               data-focuszone-id="FocusZone12"
               onFocus={[Function]}
@@ -188,19 +183,12 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </th>
                   </tr>
                 </thead>
-                <tbody
-                  onMouseLeave={undefined}
-                  onMouseUp={undefined}
-                >
+                <tbody>
                   <tr
                     role="row"
                   >
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--outfocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -209,7 +197,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -223,10 +210,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--outfocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -235,7 +218,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -249,10 +231,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--highlighted undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -275,10 +253,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -287,7 +261,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -301,10 +274,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -313,7 +282,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -327,10 +295,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -339,7 +303,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -353,10 +316,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -365,7 +324,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -383,10 +341,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                   >
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -395,7 +349,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -409,10 +362,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -421,7 +370,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -435,10 +383,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -447,7 +391,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -461,10 +404,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -473,7 +412,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -487,10 +425,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -499,7 +433,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -513,10 +446,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -525,7 +454,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -539,10 +467,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -551,7 +475,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -569,10 +492,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                   >
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -581,7 +500,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -595,10 +513,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -607,7 +521,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -621,10 +534,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -633,7 +542,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -647,10 +555,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -659,7 +563,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -673,10 +576,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -685,7 +584,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -699,10 +597,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -711,7 +605,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -725,10 +618,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -737,7 +626,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -755,10 +643,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                   >
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -767,7 +651,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -781,10 +664,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -793,7 +672,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -807,10 +685,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -819,7 +693,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -833,10 +706,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -845,7 +714,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -859,10 +727,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -871,7 +735,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -885,10 +748,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -897,7 +756,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -911,10 +769,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -923,7 +777,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -941,10 +794,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                   >
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -953,7 +802,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -967,10 +815,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -979,7 +823,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -993,10 +836,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--infocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -1005,7 +844,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -1019,10 +857,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--outfocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -1031,7 +865,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -1045,10 +878,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--outfocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -1057,7 +886,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -1071,10 +899,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--outfocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -1083,7 +907,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -1097,10 +920,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </td>
                     <td
                       className="ms-DatePicker-day ms-DatePicker-dayBackground undefined ms-DatePicker-day--outfocus undefined"
-                      onMouseDown={undefined}
-                      onMouseLeave={undefined}
-                      onMouseOver={undefined}
-                      onMouseUp={undefined}
                       role="gridcell"
                     >
                       <button
@@ -1109,7 +928,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                         className="ms-DatePicker-day-button"
                         data-is-focusable={true}
                         disabled={false}
-                        id={undefined}
                         onClick={[Function]}
                         onKeyDown={[Function]}
                         role="button"
@@ -1126,9 +944,7 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
               </table>
             </div>
           </div>
-          <div
-            className={undefined}
-          />
+          <div />
           <div
             className="ms-DatePicker-monthPicker"
           >
@@ -1147,7 +963,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                   className="ms-DatePicker-navContainer"
                 >
                   <button
-                    aria-label={undefined}
                     className="ms-DatePicker-prevYear js-prevYear"
                     disabled={false}
                     onClick={[Function]}
@@ -1174,7 +989,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
                     </i>
                   </button>
                   <button
-                    aria-label={undefined}
                     className="ms-DatePicker-nextYear js-nextYear"
                     disabled={false}
                     onClick={[Function]}
@@ -1204,8 +1018,6 @@ exports[`Calendar Test rendering simplest calendar Renders simple calendar corre
               </div>
             </div>
             <div
-              aria-describedby={undefined}
-              aria-labelledby={undefined}
               className="ms-FocusZone"
               data-focuszone-id="FocusZone13"
               onFocus={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap
index cc38318dae857..b4fd719d25b38 100644
--- a/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap
@@ -7,7 +7,6 @@ exports[`Callout renders Callout correctly 1`] = `
       {
         position: relative;
       }
-  style={undefined}
 >
   <div
     className=
@@ -38,9 +37,6 @@ exports[`Callout renders Callout correctly 1`] = `
     tabIndex={-1}
   >
     <div
-      aria-describedby={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       className=
           ms-Callout-main
           {
@@ -50,8 +46,6 @@ exports[`Callout renders Callout correctly 1`] = `
             position: relative;
           }
       onKeyDown={[Function]}
-      onScroll={undefined}
-      role={undefined}
       style={
         Object {
           "maxHeight": 750,
diff --git a/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
index 250034bee7ddf..7b05a6514935b 100644
--- a/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
@@ -3,12 +3,6 @@
 exports[`Checkbox renders Checkbox correctly 1`] = `
 <button
   aria-checked={false}
-  aria-describedby={undefined}
-  aria-disabled={undefined}
-  aria-label={undefined}
-  aria-labelledby={undefined}
-  aria-posinset={undefined}
-  aria-setsize={undefined}
   className=
       ms-Checkbox
       is-enabled
@@ -69,15 +63,11 @@ exports[`Checkbox renders Checkbox correctly 1`] = `
       &:focus .ms-Checkbox-text {
         color: #333333;
       }
-  data-ktp-execute-target={undefined}
-  disabled={undefined}
   id="checkbox-0"
-  name={undefined}
   onBlur={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
   role="checkbox"
-  title={undefined}
   type="button"
 >
   <label
@@ -120,7 +110,6 @@ exports[`Checkbox renders Checkbox correctly 1`] = `
             transition-timing-function: cubic-bezier(.4, 0, .23, 1);
             width: 20px;
           }
-      data-ktp-target={undefined}
     >
       <i
         aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap
index 33855b8b3276b..f5e26ea16764d 100644
--- a/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap
@@ -29,7 +29,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
 
     >
       <input
-        checked={undefined}
         className=
             ms-ChoiceField-input
             {
@@ -37,13 +36,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               position: absolute;
               top: 8px;
             }
-        disabled={undefined}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -102,11 +97,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 0px;
             }
-        htmlFor={undefined}
       >
         <span
           className="ms-ChoiceFieldLabel"
-          id={undefined}
         >
           Option A
         </span>
@@ -161,7 +154,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
           }
     >
       <input
-        checked={undefined}
         className=
             ms-ChoiceField-input
             {
@@ -169,13 +161,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               position: absolute;
               top: 8px;
             }
-        disabled={undefined}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -234,11 +222,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 0px;
             }
-        htmlFor={undefined}
       >
         <span
           className="ms-ChoiceFieldLabel"
-          id={undefined}
         >
           Option B
         </span>
@@ -301,13 +287,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               position: absolute;
               top: 8px;
             }
-        disabled={undefined}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -377,11 +359,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
             @media screen and (-ms-high-contrast: active){&:after {
               border-color: Highlight;
             }
-        htmlFor={undefined}
       >
         <span
           className="ms-ChoiceFieldLabel"
-          id={undefined}
         >
           Option C
         </span>
@@ -415,7 +395,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
 
     >
       <input
-        checked={undefined}
         className=
             ms-ChoiceField-input
             {
@@ -424,12 +403,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               top: 8px;
             }
         disabled={true}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -485,11 +461,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
             @media screen and (-ms-high-contrast: active){& {
               color: GrayText;
             }
-        htmlFor={undefined}
       >
         <span
           className="ms-ChoiceFieldLabel"
-          id={undefined}
         >
           Option D
         </span>
@@ -532,12 +506,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               top: 8px;
             }
         disabled={true}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -602,11 +573,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
             @media screen and (-ms-high-contrast: active){& {
               color: GrayText;
             }
-        htmlFor={undefined}
       >
         <span
           className="ms-ChoiceFieldLabel"
-          id={undefined}
         >
           Option E
         </span>
@@ -646,7 +615,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
 
     >
       <input
-        checked={undefined}
         className=
             ms-ChoiceField-input
             {
@@ -661,13 +629,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               top: 0px;
               width: 100%;
             }
-        disabled={undefined}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -750,7 +714,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 0px;
             }
-        htmlFor={undefined}
       >
         <div
           className=
@@ -817,7 +780,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
         >
           <span
             className="ms-ChoiceFieldLabel"
-            id={undefined}
           >
             Option F
           </span>
@@ -879,7 +841,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
           }
     >
       <input
-        checked={undefined}
         className=
             ms-ChoiceField-input
             {
@@ -894,13 +855,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               top: 0px;
               width: 100%;
             }
-        disabled={undefined}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -983,7 +940,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 0px;
             }
-        htmlFor={undefined}
       >
         <div
           className=
@@ -1050,7 +1006,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
         >
           <span
             className="ms-ChoiceFieldLabel"
-            id={undefined}
           >
             Option G
           </span>
@@ -1106,13 +1061,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               top: 0px;
               width: 100%;
             }
-        disabled={undefined}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -1206,7 +1157,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
             @media screen and (-ms-high-contrast: active){&:after {
               border-color: Highlight;
             }
-        htmlFor={undefined}
       >
         <div
           className=
@@ -1273,7 +1223,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
         >
           <span
             className="ms-ChoiceFieldLabel"
-            id={undefined}
           >
             Option H
           </span>
@@ -1314,7 +1263,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
 
     >
       <input
-        checked={undefined}
         className=
             ms-ChoiceField-input
             {
@@ -1330,12 +1278,9 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
               width: 100%;
             }
         disabled={true}
-        id={undefined}
-        name={undefined}
         onBlur={[Function]}
         onChange={[Function]}
         onFocus={[Function]}
-        required={undefined}
         type="radio"
       />
       <label
@@ -1407,7 +1352,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
             @media screen and (-ms-high-contrast: active){& {
               color: GrayText;
             }
-        htmlFor={undefined}
       >
         <div
           className=
@@ -1479,7 +1423,6 @@ exports[`ChoiceGroupOption renders ChoiceGroup correctly 1`] = `
         >
           <span
             className="ms-ChoiceFieldLabel"
-            id={undefined}
           >
             Option I
           </span>
diff --git a/packages/office-ui-fabric-react/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap
index b191088085da8..7f6a9ad12e282 100644
--- a/packages/office-ui-fabric-react/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap
@@ -62,7 +62,6 @@ exports[`ChoiceGroup renders ChoiceGroup correctly 1`] = `
                 }
             data-automation-id="auto1"
             data-is-focusable={true}
-            disabled={undefined}
             id="ChoiceGroup0-1"
             name="ChoiceGroup0"
             onBlur={[Function]}
@@ -174,7 +173,6 @@ exports[`ChoiceGroup renders ChoiceGroup correctly 1`] = `
                   top: 8px;
                 }
             data-is-focusable={false}
-            disabled={undefined}
             id="ChoiceGroup0-2"
             name="ChoiceGroup0"
             onBlur={[Function]}
@@ -286,7 +284,6 @@ exports[`ChoiceGroup renders ChoiceGroup correctly 1`] = `
                   top: 8px;
                 }
             data-is-focusable={false}
-            disabled={undefined}
             id="ChoiceGroup0-3"
             name="ChoiceGroup0"
             onBlur={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap
index a7a2e2bbb7204..2cbe0804ba3aa 100644
--- a/packages/office-ui-fabric-react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap
@@ -113,7 +113,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
               right: 0px;
               top: 0px;
             }
-        style={undefined}
       />
       <div
         className=
@@ -312,7 +311,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Hex"
                     className=
@@ -358,7 +356,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="ffffff"
@@ -444,7 +441,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Red"
                     className=
@@ -490,7 +486,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="255"
@@ -576,7 +571,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Green"
                     className=
@@ -622,7 +616,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="255"
@@ -708,7 +701,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Blue"
                     className=
@@ -754,7 +746,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="255"
@@ -840,7 +831,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Alpha"
                     className=
@@ -886,7 +876,6 @@ exports[`ColorPicker renders ColorPicker correctly 1`] = `
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="100"
diff --git a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap
index 2ced5fbd1290d..6f8e09a414ca8 100644
--- a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.deprecated.test.tsx.snap
@@ -103,18 +103,11 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
           right: -2px;
           top: -2px;
         }
-    data-ktp-target={undefined}
     id="ComboBox0wrapper"
   >
     <input
-      aria-activedescendant={undefined}
       aria-autocomplete="both"
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-owns={undefined}
       autoCapitalize="off"
       autoComplete="off"
       className=
@@ -135,7 +128,6 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
             width: 100%;
           }
       data-is-interactable={true}
-      data-ktp-execute-target={undefined}
       data-lpignore={true}
       id="ComboBox0-input"
       onBlur={[Function]}
@@ -151,17 +143,11 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
       readOnly={true}
       role="combobox"
       spellCheck={false}
-      title={undefined}
       type="text"
       value="testValue"
     />
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-hidden={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       checked={false}
       className=
           ms-Button
@@ -243,7 +229,6 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={false}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -406,14 +391,9 @@ exports[`ComboBox renders a ComboBox with a Keytip correctly 1`] = `
     id="ComboBox4wrapper"
   >
     <input
-      aria-activedescendant={undefined}
       aria-autocomplete="both"
       aria-describedby=" ktp-layer-id ktp-a"
-      aria-disabled={undefined}
       aria-expanded={false}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-owns={undefined}
       autoCapitalize="off"
       autoComplete="off"
       className=
@@ -450,17 +430,11 @@ exports[`ComboBox renders a ComboBox with a Keytip correctly 1`] = `
       readOnly={true}
       role="combobox"
       spellCheck={false}
-      title={undefined}
       type="text"
       value=""
     />
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-hidden={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       checked={false}
       className=
           ms-Button
@@ -542,7 +516,6 @@ exports[`ComboBox renders a ComboBox with a Keytip correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={false}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
index 2ced5fbd1290d..6f8e09a414ca8 100644
--- a/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap
@@ -103,18 +103,11 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
           right: -2px;
           top: -2px;
         }
-    data-ktp-target={undefined}
     id="ComboBox0wrapper"
   >
     <input
-      aria-activedescendant={undefined}
       aria-autocomplete="both"
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-owns={undefined}
       autoCapitalize="off"
       autoComplete="off"
       className=
@@ -135,7 +128,6 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
             width: 100%;
           }
       data-is-interactable={true}
-      data-ktp-execute-target={undefined}
       data-lpignore={true}
       id="ComboBox0-input"
       onBlur={[Function]}
@@ -151,17 +143,11 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
       readOnly={true}
       role="combobox"
       spellCheck={false}
-      title={undefined}
       type="text"
       value="testValue"
     />
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-hidden={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       checked={false}
       className=
           ms-Button
@@ -243,7 +229,6 @@ exports[`ComboBox Renders ComboBox correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={false}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -406,14 +391,9 @@ exports[`ComboBox renders a ComboBox with a Keytip correctly 1`] = `
     id="ComboBox4wrapper"
   >
     <input
-      aria-activedescendant={undefined}
       aria-autocomplete="both"
       aria-describedby=" ktp-layer-id ktp-a"
-      aria-disabled={undefined}
       aria-expanded={false}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-owns={undefined}
       autoCapitalize="off"
       autoComplete="off"
       className=
@@ -450,17 +430,11 @@ exports[`ComboBox renders a ComboBox with a Keytip correctly 1`] = `
       readOnly={true}
       role="combobox"
       spellCheck={false}
-      title={undefined}
       type="text"
       value=""
     />
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-hidden={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       checked={false}
       className=
           ms-Button
@@ -542,7 +516,6 @@ exports[`ComboBox renders a ComboBox with a Keytip correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={false}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
index f630b20aebc59..37560b1dab3a0 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap
@@ -20,9 +20,6 @@ exports[`CommandBar renders commands correctly 1`] = `
     }
   >
     <div
-      aria-describedby={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-CommandBar
@@ -64,11 +61,6 @@ exports[`CommandBar renders commands correctly 1`] = `
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--commandBar
@@ -141,7 +133,6 @@ exports[`CommandBar renders commands correctly 1`] = `
                   color: #000000;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             name="asdf"
             onClick={[Function]}
             onKeyDown={[Function]}
@@ -198,11 +189,6 @@ exports[`CommandBar renders commands correctly 1`] = `
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--commandBar
@@ -275,7 +261,6 @@ exports[`CommandBar renders commands correctly 1`] = `
                   color: #000000;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             name="asdf"
             onClick={[Function]}
             onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
index 665010163af85..871f0f0969b0f 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
@@ -20,9 +20,6 @@ exports[`CommandBar renders commands correctly 1`] = `
     }
   >
     <div
-      aria-describedby={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-CommandBar
@@ -64,11 +61,6 @@ exports[`CommandBar renders commands correctly 1`] = `
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--commandBar
@@ -141,7 +133,6 @@ exports[`CommandBar renders commands correctly 1`] = `
                   color: #000000;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -197,11 +188,6 @@ exports[`CommandBar renders commands correctly 1`] = `
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--commandBar
@@ -274,7 +260,6 @@ exports[`CommandBar renders commands correctly 1`] = `
                   color: #000000;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap
index 79afd17750ee4..d143359b18271 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap
@@ -4,21 +4,14 @@ exports[`ContextualMenuButton creates a normal button renders the contextual men
 <div>
   <a
     aria-disabled={false}
-    aria-expanded={undefined}
-    aria-haspopup={undefined}
-    aria-owns={undefined}
     aria-posinset={1}
     aria-setsize={1}
     className="root"
-    href={undefined}
     onClick={[Function]}
     onKeyDown={null}
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
-    rel={undefined}
     role="menuitem"
-    style={undefined}
-    target={undefined}
   >
     <div
       className="linkContent"
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap
index 79afd17750ee4..d143359b18271 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap
@@ -4,21 +4,14 @@ exports[`ContextualMenuButton creates a normal button renders the contextual men
 <div>
   <a
     aria-disabled={false}
-    aria-expanded={undefined}
-    aria-haspopup={undefined}
-    aria-owns={undefined}
     aria-posinset={1}
     aria-setsize={1}
     className="root"
-    href={undefined}
     onClick={[Function]}
     onKeyDown={null}
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
-    rel={undefined}
     role="menuitem"
-    style={undefined}
-    target={undefined}
   >
     <div
       className="linkContent"
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap
index 259b6a5b41f70..d6d3c60208710 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap
@@ -2,16 +2,11 @@
 
 exports[`ContextualMenuButton creates a normal button renders the contextual menu split button correctly 1`] = `
 <button
-  aria-checked={undefined}
   aria-disabled={false}
-  aria-expanded={undefined}
-  aria-haspopup={undefined}
   aria-label=""
-  aria-owns={undefined}
   aria-posinset={1}
   aria-setsize={1}
   className="root"
-  href={undefined}
   onClick={[Function]}
   onKeyDown={null}
   onMouseDown={[Function]}
@@ -19,8 +14,6 @@ exports[`ContextualMenuButton creates a normal button renders the contextual men
   onMouseLeave={[Function]}
   onMouseMove={[Function]}
   role="menuitem"
-  style={undefined}
-  title={undefined}
 >
   <div
     className="linkContent"
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap
index 259b6a5b41f70..d6d3c60208710 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap
@@ -2,16 +2,11 @@
 
 exports[`ContextualMenuButton creates a normal button renders the contextual menu split button correctly 1`] = `
 <button
-  aria-checked={undefined}
   aria-disabled={false}
-  aria-expanded={undefined}
-  aria-haspopup={undefined}
   aria-label=""
-  aria-owns={undefined}
   aria-posinset={1}
   aria-setsize={1}
   className="root"
-  href={undefined}
   onClick={[Function]}
   onKeyDown={null}
   onMouseDown={[Function]}
@@ -19,8 +14,6 @@ exports[`ContextualMenuButton creates a normal button renders the contextual men
   onMouseLeave={[Function]}
   onMouseMove={[Function]}
   role="menuitem"
-  style={undefined}
-  title={undefined}
 >
   <div
     className="linkContent"
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap
index 8abebd8a4361f..de03682207092 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap
@@ -2,22 +2,15 @@
 
 exports[`ContextualMenuSplitButton creates a normal split button renders the contextual menu split button correctly 1`] = `
 <div
-  aria-checked={undefined}
-  aria-describedby={undefined}
   aria-disabled={false}
-  aria-expanded={undefined}
   aria-haspopup={true}
-  aria-label={undefined}
   aria-posinset={1}
-  aria-roledescription={undefined}
   aria-setsize={1}
   className="splitContainer"
   data-is-focusable={true}
-  data-ktp-target={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onMouseEnter={[Function]}
-  onMouseLeave={undefined}
   onMouseMove={[Function]}
   onTouchStart={[Function]}
   role="menuitem"
@@ -25,11 +18,8 @@ exports[`ContextualMenuSplitButton creates a normal split button renders the con
 >
   <button
     aria-hidden={true}
-    checked={undefined}
     className="splitPrimary"
     data-is-focusable={false}
-    disabled={undefined}
-    name={undefined}
   >
     <div
       className="linkContent"
@@ -58,12 +48,10 @@ exports[`ContextualMenuSplitButton creates a normal split button renders the con
     aria-hidden={true}
     className="splitMenu"
     data-is-focusable={false}
-    data-ktp-execute-target={undefined}
     disabled={false}
     onClick={[Function]}
     onMouseDown={[Function]}
     onMouseEnter={[Function]}
-    onMouseLeave={undefined}
     onMouseMove={[Function]}
   >
     <div
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap
index 8abebd8a4361f..de03682207092 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap
@@ -2,22 +2,15 @@
 
 exports[`ContextualMenuSplitButton creates a normal split button renders the contextual menu split button correctly 1`] = `
 <div
-  aria-checked={undefined}
-  aria-describedby={undefined}
   aria-disabled={false}
-  aria-expanded={undefined}
   aria-haspopup={true}
-  aria-label={undefined}
   aria-posinset={1}
-  aria-roledescription={undefined}
   aria-setsize={1}
   className="splitContainer"
   data-is-focusable={true}
-  data-ktp-target={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onMouseEnter={[Function]}
-  onMouseLeave={undefined}
   onMouseMove={[Function]}
   onTouchStart={[Function]}
   role="menuitem"
@@ -25,11 +18,8 @@ exports[`ContextualMenuSplitButton creates a normal split button renders the con
 >
   <button
     aria-hidden={true}
-    checked={undefined}
     className="splitPrimary"
     data-is-focusable={false}
-    disabled={undefined}
-    name={undefined}
   >
     <div
       className="linkContent"
@@ -58,12 +48,10 @@ exports[`ContextualMenuSplitButton creates a normal split button renders the con
     aria-hidden={true}
     className="splitMenu"
     data-is-focusable={false}
-    data-ktp-execute-target={undefined}
     disabled={false}
     onClick={[Function]}
     onMouseDown={[Function]}
     onMouseEnter={[Function]}
-    onMouseLeave={undefined}
     onMouseMove={[Function]}
   >
     <div
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.deprecated.test.tsx.snap
index 227f42bae58c1..59759cae915eb 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.deprecated.test.tsx.snap
@@ -21,7 +21,6 @@ ShallowWrapper {
         "subMenuIcon": "subMenuIcon",
       }
     }
-    hasIcons={undefined}
     index={1}
     item={
       Object {
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap
index b2a9ec4b0812b..953030bb06518 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap
@@ -21,7 +21,6 @@ ShallowWrapper {
         "subMenuIcon": "subMenuIcon",
       }
     }
-    hasIcons={undefined}
     index={1}
     item={
       Object {
diff --git a/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap
index 00ba04ff28d5e..e675585a270ec 100644
--- a/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap
@@ -78,10 +78,7 @@ exports[`DatePicker renders default DatePicker correctly 1`] = `
               }
         >
           <input
-            aria-controls={undefined}
-            aria-describedby={undefined}
             aria-invalid={false}
-            aria-label={undefined}
             className=
                 ms-TextField-field
                 {
@@ -120,7 +117,6 @@ exports[`DatePicker renders default DatePicker correctly 1`] = `
                   color: #666666;
                   opacity: 1;
                 }
-            disabled={undefined}
             id="TextField5"
             onBlur={[Function]}
             onChange={[Function]}
@@ -128,7 +124,6 @@ exports[`DatePicker renders default DatePicker correctly 1`] = `
             onFocus={[Function]}
             onInput={[Function]}
             onKeyDown={[Function]}
-            placeholder={undefined}
             readOnly={true}
             required={false}
             type="text"
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsHeader.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsHeader.test.tsx.snap
index 53b362c08d3d9..2c014e7d25ce6 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsHeader.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsHeader.test.tsx.snap
@@ -2,9 +2,6 @@
 
 exports[`DetailsHeader can render 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-DetailsHeader
@@ -44,7 +41,6 @@ exports[`DetailsHeader can render 1`] = `
 >
   <div
     aria-colindex={1}
-    aria-hidden={undefined}
     aria-labelledby="header0-check"
     className=
         ms-DetailsHeader-cell
@@ -100,9 +96,7 @@ exports[`DetailsHeader can render 1`] = `
 
     >
       <div
-        aria-checked={undefined}
         aria-describedby="header0-checkTooltip"
-        aria-label={undefined}
         className=
             ms-DetailsRow-check
             ms-DetailsRow-check--isHeader
@@ -335,9 +329,7 @@ exports[`DetailsHeader can render 1`] = `
           }
     >
       <span
-        aria-describedby={undefined}
         aria-haspopup={false}
-        aria-label={undefined}
         aria-labelledby="header0-a-name "
         className=
             ms-DetailsHeader-cellTitle
@@ -373,7 +365,6 @@ exports[`DetailsHeader can render 1`] = `
         id="header0-a"
         onClick={[Function]}
         onContextMenu={[Function]}
-        role={undefined}
       >
         <span
           className=
@@ -528,9 +519,7 @@ exports[`DetailsHeader can render 1`] = `
           }
     >
       <span
-        aria-describedby={undefined}
         aria-haspopup={false}
-        aria-label={undefined}
         aria-labelledby="header0-b-name "
         className=
             ms-DetailsHeader-cellTitle
@@ -566,7 +555,6 @@ exports[`DetailsHeader can render 1`] = `
         id="header0-b"
         onClick={[Function]}
         onContextMenu={[Function]}
-        role={undefined}
       >
         <span
           className=
@@ -743,9 +731,7 @@ exports[`DetailsHeader can render 1`] = `
           }
     >
       <span
-        aria-describedby={undefined}
         aria-haspopup={true}
-        aria-label={undefined}
         aria-labelledby="header0-c-name "
         className=
             ms-DetailsHeader-cellTitle
@@ -781,7 +767,6 @@ exports[`DetailsHeader can render 1`] = `
         id="header0-c"
         onClick={[Function]}
         onContextMenu={[Function]}
-        role={undefined}
       >
         <span
           className=
@@ -880,9 +865,6 @@ exports[`DetailsHeader can render 1`] = `
 
 exports[`DetailsHeader renders accessible labels 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-DetailsHeader
@@ -922,7 +904,6 @@ exports[`DetailsHeader renders accessible labels 1`] = `
 >
   <div
     aria-colindex={1}
-    aria-hidden={undefined}
     aria-labelledby="header4-check"
     className=
         ms-DetailsHeader-cell
@@ -978,9 +959,7 @@ exports[`DetailsHeader renders accessible labels 1`] = `
 
     >
       <div
-        aria-checked={undefined}
         aria-describedby="header4-checkTooltip"
-        aria-label={undefined}
         className=
             ms-DetailsRow-check
             ms-DetailsRow-check--isHeader
@@ -1213,9 +1192,7 @@ exports[`DetailsHeader renders accessible labels 1`] = `
           }
     >
       <span
-        aria-describedby={undefined}
         aria-haspopup={false}
-        aria-label={undefined}
         aria-labelledby="header4-a-name "
         className=
             ms-DetailsHeader-cellTitle
@@ -1251,7 +1228,6 @@ exports[`DetailsHeader renders accessible labels 1`] = `
         id="header4-a"
         onClick={[Function]}
         onContextMenu={[Function]}
-        role={undefined}
       >
         <span
           className=
@@ -1408,7 +1384,6 @@ exports[`DetailsHeader renders accessible labels 1`] = `
       <span
         aria-describedby="header4-b-tooltip"
         aria-haspopup={false}
-        aria-label={undefined}
         aria-labelledby="header4-b-name "
         className=
             ms-DetailsHeader-cellTitle
@@ -1444,7 +1419,6 @@ exports[`DetailsHeader renders accessible labels 1`] = `
         id="header4-b"
         onClick={[Function]}
         onContextMenu={[Function]}
-        role={undefined}
       >
         <span
           className=
@@ -1647,7 +1621,6 @@ exports[`DetailsHeader renders accessible labels 1`] = `
       <span
         aria-describedby="header4-c-tooltip"
         aria-haspopup={true}
-        aria-label={undefined}
         aria-labelledby="header4-c-name "
         className=
             ms-DetailsHeader-cellTitle
@@ -1683,7 +1656,6 @@ exports[`DetailsHeader renders accessible labels 1`] = `
         id="header4-c"
         onClick={[Function]}
         onContextMenu={[Function]}
-        role={undefined}
       >
         <span
           className=
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap
index fa8898a2c482d..54f78fc870217 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap
@@ -11,7 +11,6 @@ exports[`DetailsList renders List correctly 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -33,7 +32,6 @@ exports[`DetailsList renders List correctly 1`] = `
   >
     <div
       aria-colcount={2}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -43,9 +41,6 @@ exports[`DetailsList renders List correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -85,7 +80,6 @@ exports[`DetailsList renders List correctly 1`] = `
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header6-check"
             className=
                 ms-DetailsHeader-cell
@@ -141,9 +135,7 @@ exports[`DetailsList renders List correctly 1`] = `
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header6-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -376,9 +368,7 @@ exports[`DetailsList renders List correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header6-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -414,7 +404,6 @@ exports[`DetailsList renders List correctly 1`] = `
                 id="header6-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -494,8 +483,6 @@ exports[`DetailsList renders List correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -587,7 +574,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -609,7 +595,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
   >
     <div
       aria-colcount={6}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -619,9 +604,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -661,7 +643,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header0-check"
             className=
                 ms-DetailsHeader-cell
@@ -717,9 +698,7 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header0-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -954,7 +933,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
               <span
                 aria-describedby="header0-column_key_0-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-column_key_0-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -990,7 +968,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
                 id="header0-column_key_0"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1112,7 +1089,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
               <span
                 aria-describedby="header0-column_key_1-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-column_key_1-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -1148,7 +1124,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
                 id="header0-column_key_1"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1270,7 +1245,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
               <span
                 aria-describedby="header0-column_key_2-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-column_key_2-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -1306,7 +1280,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
                 id="header0-column_key_2"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1428,7 +1401,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
               <span
                 aria-describedby="header0-column_key_3-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-column_key_3-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -1464,7 +1436,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
                 id="header0-column_key_3"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1586,7 +1557,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
               <span
                 aria-describedby="header0-column_key_4-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-column_key_4-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -1622,7 +1592,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
                 id="header0-column_key_4"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1668,8 +1637,6 @@ exports[`DetailsList renders List correctly with onRenderDivider props 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -1761,7 +1728,6 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         ms-DetailsList--Compact
@@ -1784,7 +1750,6 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
   >
     <div
       aria-colcount={2}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -1794,9 +1759,6 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -1836,7 +1798,6 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header12-check"
             className=
                 ms-DetailsHeader-cell
@@ -1892,9 +1853,7 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header12-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -2127,9 +2086,7 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header12-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -2165,7 +2122,6 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
                 id="header12-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -2245,8 +2201,6 @@ exports[`DetailsList renders List in compact mode correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -2338,7 +2292,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-fixed
@@ -2361,7 +2314,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
   >
     <div
       aria-colcount={4}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -2371,9 +2323,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -2413,7 +2362,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header9-check"
             className=
                 ms-DetailsHeader-cell
@@ -2469,9 +2417,7 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header9-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -2704,9 +2650,7 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header9-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -2742,7 +2686,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
                 id="header9-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -2896,9 +2839,7 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header9-name-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -2934,7 +2875,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
                 id="header9-name"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -3088,9 +3028,7 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header9-value-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -3126,7 +3064,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
                 id="header9-value"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -3206,8 +3143,6 @@ exports[`DetailsList renders List in fixed constrained layout correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -3299,7 +3234,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -3321,7 +3255,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
   >
     <div
       aria-colcount={6}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -3331,9 +3264,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -3373,7 +3303,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header3-check"
             className=
                 ms-DetailsHeader-cell
@@ -3429,9 +3358,7 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header3-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -3666,7 +3593,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
               <span
                 aria-describedby="header3-column_key_0-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-column_key_0-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -3702,7 +3628,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
                 id="header3-column_key_0"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -3827,7 +3752,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
               <span
                 aria-describedby="header3-column_key_1-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-column_key_1-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -3863,7 +3787,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
                 id="header3-column_key_1"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -3988,7 +3911,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
               <span
                 aria-describedby="header3-column_key_2-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-column_key_2-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -4024,7 +3946,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
                 id="header3-column_key_2"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -4149,7 +4070,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
               <span
                 aria-describedby="header3-column_key_3-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-column_key_3-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -4185,7 +4105,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
                 id="header3-column_key_3"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -4310,7 +4229,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
               <span
                 aria-describedby="header3-column_key_4-tooltip"
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-column_key_4-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -4346,7 +4264,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
                 id="header3-column_key_4"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -4395,8 +4312,6 @@ exports[`DetailsList renders List with custom icon as column divider 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -4488,7 +4403,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -4510,7 +4424,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
   >
     <div
       aria-colcount={1}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={8}
       role="grid"
@@ -4520,9 +4433,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -4715,9 +4625,7 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header15-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -4753,7 +4661,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                 id="header15-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -4833,8 +4740,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -4946,8 +4851,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                           style={Object {}}
                         >
                           <div
-                            aria-describedby={undefined}
-                            aria-labelledby={undefined}
                             className=
                                 ms-FocusZone
                                 {
@@ -5106,9 +5009,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                                 role="listitem"
                               >
                                 <div
-                                  aria-describedby={undefined}
-                                  aria-label={undefined}
-                                  aria-labelledby={undefined}
                                   aria-rowindex={1}
                                   aria-selected={false}
                                   className=
@@ -5298,9 +5198,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                                 role="listitem"
                               >
                                 <div
-                                  aria-describedby={undefined}
-                                  aria-label={undefined}
-                                  aria-labelledby={undefined}
                                   aria-rowindex={2}
                                   aria-selected={false}
                                   className=
@@ -5552,8 +5449,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                           style={Object {}}
                         >
                           <div
-                            aria-describedby={undefined}
-                            aria-labelledby={undefined}
                             className=
                                 ms-FocusZone
                                 {
@@ -5712,9 +5607,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                                 role="listitem"
                               >
                                 <div
-                                  aria-describedby={undefined}
-                                  aria-label={undefined}
-                                  aria-labelledby={undefined}
                                   aria-rowindex={3}
                                   aria-selected={false}
                                   className=
@@ -5904,9 +5796,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                                 role="listitem"
                               >
                                 <div
-                                  aria-describedby={undefined}
-                                  aria-label={undefined}
-                                  aria-labelledby={undefined}
                                   aria-rowindex={4}
                                   aria-selected={false}
                                   className=
@@ -6096,9 +5985,6 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                                 role="listitem"
                               >
                                 <div
-                                  aria-describedby={undefined}
-                                  aria-label={undefined}
-                                  aria-labelledby={undefined}
                                   aria-rowindex={5}
                                   aria-selected={false}
                                   className=
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsRow.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsRow.test.tsx.snap
index fdcef236573f4..3be3e45e9156f 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsRow.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsRow.test.tsx.snap
@@ -11,7 +11,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -33,7 +32,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
   >
     <div
       aria-colcount={4}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -43,9 +41,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -85,7 +80,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header0-check"
             className=
                 ms-DetailsHeader-cell
@@ -141,9 +135,7 @@ exports[`DetailsRow renders details list row correctly 1`] = `
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header0-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -376,9 +368,7 @@ exports[`DetailsRow renders details list row correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -414,7 +404,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
                 id="header0-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -512,9 +501,7 @@ exports[`DetailsRow renders details list row correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-name-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -550,7 +537,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
                 id="header0-name"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -648,9 +634,7 @@ exports[`DetailsRow renders details list row correctly 1`] = `
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header0-value-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -686,7 +670,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
                 id="header0-value"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -710,8 +693,6 @@ exports[`DetailsRow renders details list row correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -823,7 +804,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -845,7 +825,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
   >
     <div
       aria-colcount={4}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -855,9 +834,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -897,7 +873,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header9-check"
             className=
                 ms-DetailsHeader-cell
@@ -953,9 +928,7 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header9-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -1188,9 +1161,7 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header9-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -1226,7 +1197,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
                 id="header9-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1324,9 +1294,7 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header9-name-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -1362,7 +1330,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
                 id="header9-name"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1460,9 +1427,7 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header9-value-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -1498,7 +1463,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
                 id="header9-value"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -1522,8 +1486,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -1626,9 +1588,6 @@ exports[`DetailsRow renders details list row with all rows selected correctly 1`
 
 exports[`DetailsRow renders details list row with checkbox visible always correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   aria-rowindex={1}
   aria-selected={false}
   className=
@@ -1811,7 +1770,6 @@ exports[`DetailsRow renders details list row with checkbox visible always correc
       data-automationid="DetailsRowCheck"
       data-selection-toggle={true}
       role="checkbox"
-      title={undefined}
     >
       <div
         className=
@@ -2159,7 +2117,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -2181,7 +2138,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
   >
     <div
       aria-colcount={4}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -2191,9 +2147,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -2233,7 +2186,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header3-check"
             className=
                 ms-DetailsHeader-cell
@@ -2289,9 +2241,7 @@ exports[`DetailsRow renders details list row with multiple selections correctly
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header3-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -2524,9 +2474,7 @@ exports[`DetailsRow renders details list row with multiple selections correctly
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -2562,7 +2510,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
                 id="header3-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -2660,9 +2607,7 @@ exports[`DetailsRow renders details list row with multiple selections correctly
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-name-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -2698,7 +2643,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
                 id="header3-name"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -2796,9 +2740,7 @@ exports[`DetailsRow renders details list row with multiple selections correctly
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header3-value-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -2834,7 +2776,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
                 id="header3-value"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -2858,8 +2799,6 @@ exports[`DetailsRow renders details list row with multiple selections correctly
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
@@ -2971,7 +2910,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -2993,7 +2931,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
   >
     <div
       aria-colcount={4}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={6}
       role="grid"
@@ -3003,9 +2940,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -3045,7 +2979,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header6-check"
             className=
                 ms-DetailsHeader-cell
@@ -3101,9 +3034,7 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header6-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -3336,9 +3267,7 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header6-key-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -3374,7 +3303,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
                 id="header6-key"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -3472,9 +3400,7 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header6-name-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -3510,7 +3436,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
                 id="header6-name"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -3608,9 +3533,7 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
                   }
             >
               <span
-                aria-describedby={undefined}
                 aria-haspopup={false}
-                aria-label={undefined}
                 aria-labelledby="header6-value-name "
                 className=
                     ms-DetailsHeader-cellTitle
@@ -3646,7 +3569,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
                 id="header6-value"
                 onClick={[Function]}
                 onContextMenu={[Function]}
-                role={undefined}
               >
                 <span
                   className=
@@ -3670,8 +3592,6 @@ exports[`DetailsRow renders details list row with one row selected correctly 1`]
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/ShimmeredDetailsList.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/ShimmeredDetailsList.test.tsx.snap
index f3604c2144e80..ee3160c496d67 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/ShimmeredDetailsList.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/__snapshots__/ShimmeredDetailsList.test.tsx.snap
@@ -11,7 +11,6 @@ exports[`ShimmeredDetailsList renders List correctly 1`] = `
   }
 >
   <div
-    aria-label={undefined}
     className=
         ms-DetailsList
         is-horizontalConstrained
@@ -33,7 +32,6 @@ exports[`ShimmeredDetailsList renders List correctly 1`] = `
   >
     <div
       aria-colcount={1}
-      aria-label={undefined}
       aria-readonly="true"
       aria-rowcount={11}
       role="grid"
@@ -43,9 +41,6 @@ exports[`ShimmeredDetailsList renders List correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               ms-DetailsHeader
@@ -85,7 +80,6 @@ exports[`ShimmeredDetailsList renders List correctly 1`] = `
         >
           <div
             aria-colindex={1}
-            aria-hidden={undefined}
             aria-labelledby="header0-check"
             className=
                 ms-DetailsHeader-cell
@@ -141,9 +135,7 @@ exports[`ShimmeredDetailsList renders List correctly 1`] = `
 
             >
               <div
-                aria-checked={undefined}
                 aria-describedby="header0-checkTooltip"
-                aria-label={undefined}
                 className=
                     ms-DetailsRow-check
                     ms-DetailsRow-check--isHeader
@@ -302,8 +294,6 @@ exports[`ShimmeredDetailsList renders List correctly 1`] = `
         role="presentation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-FocusZone
               {
diff --git a/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap
index 83b9759810491..c1e3990f46407 100644
--- a/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap
@@ -38,7 +38,6 @@ exports[`Dialog renders Dialog correctly 1`] = `
             padding-right: 36px;
             padding-top: 20px;
           }
-      id={undefined}
       role="heading"
     />
     <div
diff --git a/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap b/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap
index afa3038bed529..4ac3b998147af 100644
--- a/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/DocumentCard/__snapshots__/DocumentCard.test.tsx.snap
@@ -3,15 +3,9 @@
 exports[`DocumentCard renders DocumentCard correctly 1`] = `
 <div
   className="ms-DocumentCard"
-  onClick={undefined}
-  onKeyDown={undefined}
-  role={undefined}
-  style={undefined}
-  tabIndex={undefined}
 >
   <div
     className="ms-DocumentCardPreview"
-    style={undefined}
   />
   <div
     className="ms-DocumentCardTitle"
@@ -52,7 +46,6 @@ exports[`DocumentCard renders DocumentCard correctly 1`] = `
                   text-align: center;
                   width: 32px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -74,7 +67,6 @@ exports[`DocumentCard renders DocumentCard correctly 1`] = `
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <i
                 aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
index 44325aff2be3f..06911c7de0cee 100644
--- a/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap
@@ -7,13 +7,9 @@ exports[`Dropdown multi-select Renders multiselect Dropdown correctly 1`] = `
 
 >
   <div
-    aria-activedescendant={undefined}
     aria-describedby="Dropdown0-option"
-    aria-disabled={undefined}
     aria-expanded="false"
-    aria-label={undefined}
     aria-labelledby="Dropdown0-label"
-    aria-owns={undefined}
     className=
         ms-Dropdown
         {
@@ -106,16 +102,11 @@ exports[`Dropdown multi-select Renders multiselect Dropdown correctly 1`] = `
     onFocus={[Function]}
     onKeyDown={[Function]}
     onKeyUp={[Function]}
-    role={undefined}
     tabIndex={0}
   >
     <span
       aria-atomic={true}
-      aria-label={undefined}
       aria-live="off"
-      aria-posinset={undefined}
-      aria-selected={undefined}
-      aria-setsize={undefined}
       className=
           ms-Dropdown-title
           ms-Dropdown-titleIsPlaceHolder
@@ -145,7 +136,6 @@ exports[`Dropdown multi-select Renders multiselect Dropdown correctly 1`] = `
             white-space: nowrap;
           }
       id="Dropdown0-option"
-      role={undefined}
     />
     <span
       className=
@@ -193,11 +183,8 @@ exports[`Dropdown single-select Renders single-select Dropdown correctly 1`] = `
   <div
     aria-activedescendant="Dropdown0-option"
     aria-describedby="Dropdown0-option"
-    aria-disabled={undefined}
     aria-expanded="false"
-    aria-label={undefined}
     aria-labelledby="Dropdown0-label"
-    aria-owns={undefined}
     className=
         ms-Dropdown
         {
@@ -295,10 +282,7 @@ exports[`Dropdown single-select Renders single-select Dropdown correctly 1`] = `
   >
     <span
       aria-atomic={true}
-      aria-label={undefined}
       aria-live="off"
-      aria-posinset={undefined}
-      aria-selected={undefined}
       aria-setsize={6}
       className=
           ms-Dropdown-title
diff --git a/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
index 63cf7b489cc28..98f9c6b9bb0da 100644
--- a/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap
@@ -16,8 +16,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
         }
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -115,7 +113,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
                       text-align: center;
                       width: 32px;
                     }
-                style={undefined}
               >
                 <div
                   className=
@@ -160,7 +157,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
                         }
                     onError={[Function]}
                     onLoad={[Function]}
-                    role={undefined}
                     src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                   />
                 </div>
@@ -241,7 +237,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
                       text-align: center;
                       width: 32px;
                     }
-                style={undefined}
               >
                 <div
                   className=
@@ -286,7 +281,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
                         }
                     onError={[Function]}
                     onLoad={[Function]}
-                    role={undefined}
                     src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                   />
                 </div>
@@ -307,11 +301,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Facepile-itemButton
@@ -382,7 +371,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
                 }
             data="75%"
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -429,7 +417,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
                         text-align: center;
                         width: 32px;
                       }
-                  style={undefined}
                 >
                   <div
                     aria-hidden="true"
@@ -451,7 +438,6 @@ exports[`Facepile renders Facepile correctly 1`] = `
                           box-sizing: border-box;
                           color: WindowText;
                         }
-                    style={undefined}
                   >
                     <span>
                       AL
diff --git a/packages/office-ui-fabric-react/src/components/Image/__snapshots__/Image.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Image/__snapshots__/Image.test.tsx.snap
index 61c24e9ba032f..968b3a27567ed 100644
--- a/packages/office-ui-fabric-react/src/components/Image/__snapshots__/Image.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Image/__snapshots__/Image.test.tsx.snap
@@ -15,7 +15,6 @@ exports[`Image renders Image correctly 1`] = `
   }
 >
   <img
-    alt={undefined}
     className=
         ms-Image-image
         ms-Image-image--portrait
@@ -27,7 +26,6 @@ exports[`Image renders Image correctly 1`] = `
         }
     onError={[Function]}
     onLoad={[Function]}
-    role={undefined}
     src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
   />
 </div>
diff --git a/packages/office-ui-fabric-react/src/components/Link/__snapshots__/Link.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Link/__snapshots__/Link.test.tsx.snap
index 9e3a03c97e79e..7d2fd83d5cc68 100644
--- a/packages/office-ui-fabric-react/src/components/Link/__snapshots__/Link.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Link/__snapshots__/Link.test.tsx.snap
@@ -2,7 +2,6 @@
 
 exports[`Link renders Link correctly 1`] = `
 <a
-  aria-disabled={undefined}
   className=
       ms-Link
       {
@@ -36,7 +35,6 @@ exports[`Link renders Link correctly 1`] = `
       }
   href="#"
   onClick={[Function]}
-  target={undefined}
 >
   I'm a link
 </a>
@@ -44,7 +42,6 @@ exports[`Link renders Link correctly 1`] = `
 
 exports[`Link renders Link with "as=div" a div element 1`] = `
 <div
-  aria-disabled={undefined}
   className=
       ms-Link
       customClassName
@@ -104,7 +101,6 @@ exports[`Link renders Link with "as=div" a div element 1`] = `
       &:focus {
         color: #0078d4;
       }
-  disabled={undefined}
   onClick={[Function]}
 >
   I'm a div
@@ -113,7 +109,6 @@ exports[`Link renders Link with "as=div" a div element 1`] = `
 
 exports[`Link renders Link with a custom class name 1`] = `
 <a
-  aria-disabled={undefined}
   className=
       ms-Link
       customClassName
@@ -148,7 +143,6 @@ exports[`Link renders Link with a custom class name 1`] = `
       }
   href="#"
   onClick={[Function]}
-  target={undefined}
 >
   I'm a link
 </a>
@@ -156,7 +150,6 @@ exports[`Link renders Link with a custom class name 1`] = `
 
 exports[`Link renders Link with no href as a button 1`] = `
 <button
-  aria-disabled={undefined}
   className=
       ms-Link
       {
@@ -215,7 +208,6 @@ exports[`Link renders Link with no href as a button 1`] = `
       &:focus {
         color: #0078d4;
       }
-  disabled={undefined}
   onClick={[Function]}
 >
   I'm a link as a button
@@ -254,7 +246,6 @@ exports[`Link renders disabled Link correctly 1`] = `
       }
   href="#"
   onClick={[Function]}
-  target={undefined}
 >
   I'm a disabled link
 </a>
@@ -325,7 +316,6 @@ exports[`Link renders disabled Link with no href as a button correctly 1`] = `
 
 exports[`Link supports non button/anchor html attributes when "as=" is used 1`] = `
 <blockquote
-  aria-disabled={undefined}
   cite="hi"
   className=
       ms-Link
@@ -386,7 +376,6 @@ exports[`Link supports non button/anchor html attributes when "as=" is used 1`]
       &:focus {
         color: #0078d4;
       }
-  disabled={undefined}
   onClick={[Function]}
 >
   I'm a blockquote
diff --git a/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
index 0dac2bd57dafd..a99b97d644bcc 100644
--- a/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
@@ -61,10 +61,6 @@ exports[`Modal renders Modal correctly 1`] = `
     onSubmit={[Function]}
   >
     <div
-      aria-describedby={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      className={undefined}
       onKeyDown={[Function]}
       role="dialog"
       style={
@@ -107,10 +103,8 @@ exports[`Modal renders Modal correctly 1`] = `
                 border: 1px solid WindowText;
                 opacity: 0;
               }
-          onClick={undefined}
         />
         <div
-          aria-labelledby={undefined}
           className=
               ms-Dialog-main
               test-containerClassName
diff --git a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
index b4b5e171add64..136069c62e060 100644
--- a/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Nav/__snapshots__/Nav.test.tsx.snap
@@ -2,8 +2,6 @@
 
 exports[`Nav renders Nav correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className="ms-FocusZone"
   data-focuszone-id="FocusZone0"
   onFocus={[Function]}
@@ -12,7 +10,6 @@ exports[`Nav renders Nav correctly 1`] = `
   role="presentation"
 >
   <nav
-    aria-label={undefined}
     className=
         ms-Nav
         {
@@ -75,11 +72,6 @@ exports[`Nav renders Nav correctly 1`] = `
               name=""
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--action
@@ -163,14 +155,12 @@ exports[`Nav renders Nav correctly 1`] = `
                       color: #333333;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
                 onKeyUp={[Function]}
                 onMouseDown={[Function]}
                 onMouseUp={[Function]}
-                rel={undefined}
                 title=""
                 type="button"
               >
diff --git a/packages/office-ui-fabric-react/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap b/packages/office-ui-fabric-react/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap
index 58d7464e6d5a4..3c7962a30ba24 100644
--- a/packages/office-ui-fabric-react/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap
@@ -2,8 +2,6 @@
 
 exports[`OverflowSet snapshot tests basicSnapshot 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-OverflowSet
@@ -22,8 +20,6 @@ exports[`OverflowSet snapshot tests basicSnapshot 1`] = `
 
 exports[`OverflowSet snapshot tests snapshot with classname 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-OverflowSet
@@ -43,8 +39,6 @@ exports[`OverflowSet snapshot tests snapshot with classname 1`] = `
 
 exports[`OverflowSet snapshot tests snapshot with classname and vertical layout 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-OverflowSet
diff --git a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
index fc613ef9b1595..928b598724ca7 100644
--- a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
@@ -61,8 +61,6 @@ exports[`Panel renders Panel correctly 1`] = `
     onSubmit={[Function]}
   >
     <div
-      aria-describedby={undefined}
-      aria-label={undefined}
       aria-labelledby="Panel0-headerText"
       className=
 
@@ -112,10 +110,8 @@ exports[`Panel renders Panel correctly 1`] = `
               @media screen and (-ms-high-contrast: active){& {
                 border: 1px solid WindowText;
               }
-          onClick={undefined}
         />
         <div
-          aria-labelledby={undefined}
           className=
               ms-Panel-main
               {
@@ -181,11 +177,6 @@ exports[`Panel renders Panel correctly 1`] = `
                     }
               >
                 <button
-                  aria-describedby={undefined}
-                  aria-disabled={undefined}
-                  aria-label={undefined}
-                  aria-labelledby={undefined}
-                  aria-pressed={undefined}
                   className=
                       ms-Button
                       ms-Button--icon
@@ -256,7 +247,6 @@ exports[`Panel renders Panel correctly 1`] = `
                       }
                   data-is-focusable={true}
                   data-is-visible={true}
-                  disabled={undefined}
                   onClick={[Function]}
                   onKeyDown={[Function]}
                   onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap
index f0ef045f81403..4628779433657 100644
--- a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap
@@ -24,7 +24,6 @@ exports[`PersonaCoin renders correctly 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -46,7 +45,6 @@ exports[`PersonaCoin renders correctly 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <i
         aria-hidden={true}
@@ -95,7 +93,6 @@ exports[`PersonaCoin renders correctly with image 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -140,7 +137,6 @@ exports[`PersonaCoin renders correctly with image 1`] = `
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
       />
     </div>
@@ -172,7 +168,6 @@ exports[`PersonaCoin renders correctly with provided initials 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -194,7 +189,6 @@ exports[`PersonaCoin renders correctly with provided initials 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <span>
         JG
@@ -228,7 +222,6 @@ exports[`PersonaCoin renders correctly with text 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -250,7 +243,6 @@ exports[`PersonaCoin renders correctly with text 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <span>
         KL
diff --git a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap
index cc46961bcf0f8..9b33d2dab4a22 100644
--- a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap
@@ -35,7 +35,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -60,7 +59,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -82,7 +80,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -134,7 +131,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -221,7 +217,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -246,7 +241,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         className=
@@ -291,7 +285,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
               }
           onError={[Function]}
           onLoad={[Function]}
-          role={undefined}
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
         />
       </div>
@@ -326,7 +319,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -413,7 +405,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -438,7 +429,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -460,7 +450,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <span>
           KL
@@ -497,7 +486,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -584,7 +572,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -609,7 +596,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -631,7 +617,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -760,7 +745,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
         color: #212121;
       }
   size={15}
-  style={undefined}
 >
   <div
     className=
@@ -785,7 +769,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
             text-align: center;
             width: 100px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -807,7 +790,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <span>
           SV
@@ -871,7 +853,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
               left: 2px;
               width: calc(100% - 4px);
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -891,7 +872,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
               }
           data-icon-name=""
           role="presentation"
-          style={undefined}
         />
       </div>
     </div>
@@ -925,7 +905,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -948,7 +927,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -972,7 +950,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -996,7 +973,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1046,7 +1022,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
         color: #212121;
       }
   size={15}
-  style={undefined}
 >
   <div
     className=
@@ -1071,7 +1046,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
             text-align: center;
             width: 100px;
           }
-      style={undefined}
     >
       <div
         className=
@@ -1116,7 +1090,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
               }
           onError={[Function]}
           onLoad={[Function]}
-          role={undefined}
           src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
         />
       </div>
@@ -1175,7 +1148,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
               left: 2px;
               width: calc(100% - 4px);
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -1195,7 +1167,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
               }
           data-icon-name=""
           role="presentation"
-          style={undefined}
         />
       </div>
     </div>
@@ -1229,7 +1200,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1252,7 +1222,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1276,7 +1245,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1300,7 +1268,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1338,7 +1305,6 @@ exports[`PersonaCoin does not render the initials when showInitialsUntilImageLoa
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -1383,7 +1349,6 @@ exports[`PersonaCoin does not render the initials when showInitialsUntilImageLoa
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
       />
     </div>
@@ -1415,7 +1380,6 @@ exports[`PersonaCoin renders correctly 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -1437,7 +1401,6 @@ exports[`PersonaCoin renders correctly 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <i
         aria-hidden={true}
@@ -1486,7 +1449,6 @@ exports[`PersonaCoin renders correctly with image 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -1531,7 +1493,6 @@ exports[`PersonaCoin renders correctly with image 1`] = `
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
       />
     </div>
@@ -1563,7 +1524,6 @@ exports[`PersonaCoin renders correctly with onRender callback 1`] = `
           text-align: center;
           width: 100px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -1585,7 +1545,6 @@ exports[`PersonaCoin renders correctly with onRender callback 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <span>
         SV
@@ -1619,7 +1578,6 @@ exports[`PersonaCoin renders correctly with provided initials 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -1641,7 +1599,6 @@ exports[`PersonaCoin renders correctly with provided initials 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <span>
         JG
@@ -1675,7 +1632,6 @@ exports[`PersonaCoin renders correctly with text 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -1697,7 +1653,6 @@ exports[`PersonaCoin renders correctly with text 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <span>
         KL
@@ -1731,7 +1686,6 @@ exports[`PersonaCoin renders the initials before the image is loaded 1`] = `
           text-align: center;
           width: 48px;
         }
-    style={undefined}
   >
     <div
       aria-hidden="true"
@@ -1753,7 +1707,6 @@ exports[`PersonaCoin renders the initials before the image is loaded 1`] = `
             box-sizing: border-box;
             color: WindowText;
           }
-      style={undefined}
     >
       <span>
         KL
@@ -1802,7 +1755,6 @@ exports[`PersonaCoin renders the initials before the image is loaded 1`] = `
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
       />
     </div>
diff --git a/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap
index ff966dced1808..4335099ff09c0 100644
--- a/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap
@@ -35,7 +35,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -60,7 +59,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         className=
@@ -105,7 +103,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
               }
           onError={[Function]}
           onLoad={[Function]}
-          role={undefined}
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
         />
       </div>
@@ -140,7 +137,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -227,7 +223,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -252,7 +247,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -274,7 +268,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <span>
           KL
@@ -311,7 +304,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -398,7 +390,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -423,7 +414,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -445,7 +435,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.test.tsx.snap
index e6beaf4c4fdfd..be6c53bc7025a 100644
--- a/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Persona/__snapshots__/Persona.test.tsx.snap
@@ -35,7 +35,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -60,7 +59,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -82,7 +80,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -134,7 +131,6 @@ exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -221,7 +217,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -246,7 +241,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         className=
@@ -291,7 +285,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
               }
           onError={[Function]}
           onLoad={[Function]}
-          role={undefined}
           src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
         />
       </div>
@@ -326,7 +319,6 @@ exports[`Persona renders Persona correctly with image 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -413,7 +405,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -438,7 +429,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -460,7 +450,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <span>
           KL
@@ -497,7 +486,6 @@ exports[`Persona renders Persona correctly with initials 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -584,7 +572,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
         color: #212121;
       }
   size={13}
-  style={undefined}
 >
   <div
     className=
@@ -609,7 +596,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
             text-align: center;
             width: 48px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -631,7 +617,6 @@ exports[`Persona renders Persona correctly with no props 1`] = `
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -760,7 +745,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
         color: #212121;
       }
   size={15}
-  style={undefined}
 >
   <div
     className=
@@ -785,7 +769,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
             text-align: center;
             width: 100px;
           }
-      style={undefined}
     >
       <div
         aria-hidden="true"
@@ -807,7 +790,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
               box-sizing: border-box;
               color: WindowText;
             }
-        style={undefined}
       >
         <span>
           SV
@@ -871,7 +853,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
               left: 2px;
               width: calc(100% - 4px);
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -891,7 +872,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
               }
           data-icon-name=""
           role="presentation"
-          style={undefined}
         />
       </div>
     </div>
@@ -925,7 +905,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -948,7 +927,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -972,7 +950,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -996,7 +973,6 @@ exports[`Persona renders Persona which calls onRenderCoin callback without image
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1046,7 +1022,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
         color: #212121;
       }
   size={15}
-  style={undefined}
 >
   <div
     className=
@@ -1071,7 +1046,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
             text-align: center;
             width: 100px;
           }
-      style={undefined}
     >
       <div
         className=
@@ -1116,7 +1090,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
               }
           onError={[Function]}
           onLoad={[Function]}
-          role={undefined}
           src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
         />
       </div>
@@ -1175,7 +1148,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
               left: 2px;
               width: calc(100% - 4px);
             }
-        style={undefined}
       >
         <i
           aria-hidden={true}
@@ -1195,7 +1167,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
               }
           data-icon-name=""
           role="presentation"
-          style={undefined}
         />
       </div>
     </div>
@@ -1229,7 +1200,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1252,7 +1222,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1276,7 +1245,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
@@ -1300,7 +1268,6 @@ exports[`Persona renders correctly with onRender callback 1`] = `
           }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
index 5520a9a1c2472..ea3676eb43d22 100644
--- a/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap
@@ -5,8 +5,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
   className="specialClassName"
 >
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
@@ -37,11 +35,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
       role="tablist"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={true}
         className=
             ms-Button
@@ -154,7 +147,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
               color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab0"
         name="Test Link 1"
         onClick={[Function]}
@@ -197,11 +189,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={false}
         className=
             ms-Button
@@ -309,7 +296,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
               box-sizing: border-box;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab1"
         name="Test Link 2"
         onClick={[Function]}
@@ -367,8 +353,6 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = `
 exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
 <div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
@@ -399,11 +383,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
       role="tablist"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={true}
         className=
             ms-Button
@@ -516,9 +495,7 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
               color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab0"
-        name={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -561,11 +538,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={false}
         className=
             ms-Button
@@ -673,7 +645,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
               box-sizing: border-box;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab1"
         name="Test Link"
         onClick={[Function]}
@@ -729,11 +700,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={false}
         className=
             ms-Button
@@ -841,7 +807,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
               box-sizing: border-box;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab2"
         name="Text with icon"
         onClick={[Function]}
@@ -923,8 +888,6 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = `
 exports[`Pivot renders large link Pivot correctly 1`] = `
 <div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
@@ -956,11 +919,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
       role="tablist"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={true}
         className=
             ms-Button
@@ -1073,7 +1031,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
               color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab0"
         name="Test Link 1"
         onClick={[Function]}
@@ -1116,11 +1073,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={false}
         className=
             ms-Button
@@ -1228,7 +1180,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
               box-sizing: border-box;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab1"
         name=""
         onClick={[Function]}
@@ -1284,8 +1235,6 @@ exports[`Pivot renders large link Pivot correctly 1`] = `
 exports[`Pivot renders large tabbed Pivot correctly 1`] = `
 <div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
@@ -1318,11 +1267,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
       role="tablist"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={true}
         className=
             ms-Button
@@ -1448,7 +1392,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
               color: #ffffff;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab0"
         name="Test Link 1"
         onClick={[Function]}
@@ -1491,11 +1434,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={false}
         className=
             ms-Button
@@ -1613,7 +1551,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
               color: #000000;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab1"
         name=""
         onClick={[Function]}
@@ -1669,8 +1606,6 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = `
 exports[`Pivot renders link Pivot correctly 1`] = `
 <div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
@@ -1701,11 +1636,6 @@ exports[`Pivot renders link Pivot correctly 1`] = `
       role="tablist"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={true}
         className=
             ms-Button
@@ -1818,7 +1748,6 @@ exports[`Pivot renders link Pivot correctly 1`] = `
               color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab0"
         name="Test Link 1"
         onClick={[Function]}
@@ -1861,11 +1790,6 @@ exports[`Pivot renders link Pivot correctly 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={false}
         className=
             ms-Button
@@ -1973,7 +1897,6 @@ exports[`Pivot renders link Pivot correctly 1`] = `
               box-sizing: border-box;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab1"
         name=""
         onClick={[Function]}
@@ -2029,8 +1952,6 @@ exports[`Pivot renders link Pivot correctly 1`] = `
 exports[`Pivot renders tabbed Pivot correctly 1`] = `
 <div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
@@ -2062,11 +1983,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
       role="tablist"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={true}
         className=
             ms-Button
@@ -2192,7 +2108,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
               color: #ffffff;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab0"
         name="Test Link 1"
         onClick={[Function]}
@@ -2235,11 +2150,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-selected={false}
         className=
             ms-Button
@@ -2357,7 +2267,6 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = `
               color: #000000;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Pivot0-Tab1"
         name=""
         onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap b/packages/office-ui-fabric-react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap
index d01778e613da9..06b314dafdc62 100644
--- a/packages/office-ui-fabric-react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`ProgressIndicator renders ProgressIndicator correctly 1`] = `
       aria-valuemax={100}
       aria-valuemin={0}
       aria-valuenow={75}
-      aria-valuetext={undefined}
       className=
           ms-ProgressIndicator-progressBar
           {
@@ -141,10 +140,6 @@ exports[`ProgressIndicator renders React content 1`] = `
           }
     />
     <div
-      aria-valuemax={undefined}
-      aria-valuemin={undefined}
-      aria-valuenow={undefined}
-      aria-valuetext={undefined}
       className=
           ms-ProgressIndicator-progressBar
           {
@@ -235,10 +230,6 @@ exports[`ProgressIndicator renders indeterminate ProgressIndicator correctly 1`]
           }
     />
     <div
-      aria-valuemax={undefined}
-      aria-valuemin={undefined}
-      aria-valuenow={undefined}
-      aria-valuetext={undefined}
       className=
           ms-ProgressIndicator-progressBar
           {
@@ -312,10 +303,6 @@ exports[`ProgressIndicator renders with no label or description 1`] = `
           }
     />
     <div
-      aria-valuemax={undefined}
-      aria-valuemin={undefined}
-      aria-valuenow={undefined}
-      aria-valuetext={undefined}
       className=
           ms-ProgressIndicator-progressBar
           {
diff --git a/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap
index 9e2ed467e7140..5dbcdb7e9ecd2 100644
--- a/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Rating/__snapshots__/Rating.test.tsx.snap
@@ -19,8 +19,6 @@ exports[`Rating Renders Rating correctly 1`] = `
   id="Rating0"
 >
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className=
         ms-FocusZone
         ms-Rating-focuszone
diff --git a/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
index 6f0e66b58e28c..cf290213e6522 100644
--- a/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap
@@ -83,7 +83,6 @@ exports[`SearchBox renders SearchBox correctly 1`] = `
     </i>
   </div>
   <input
-    aria-label={undefined}
     className=
         ms-SearchBox-field
         {
@@ -118,12 +117,10 @@ exports[`SearchBox renders SearchBox correctly 1`] = `
         &:-ms-input-placeholder {
           color: #666666;
         }
-    disabled={undefined}
     id="SearchBox0"
     onChange={[Function]}
     onInput={[Function]}
     onKeyDown={[Function]}
-    placeholder={undefined}
     value=""
   />
 </div>
@@ -210,7 +207,6 @@ exports[`SearchBox renders SearchBox without animation correctly 1`] = `
     </i>
   </div>
   <input
-    aria-label={undefined}
     className=
         ms-SearchBox-field
         {
@@ -245,12 +241,10 @@ exports[`SearchBox renders SearchBox without animation correctly 1`] = `
         &:-ms-input-placeholder {
           color: #666666;
         }
-    disabled={undefined}
     id="SearchBox5"
     onChange={[Function]}
     onInput={[Function]}
     onKeyDown={[Function]}
-    placeholder={undefined}
     value=""
   />
 </div>
diff --git a/packages/office-ui-fabric-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap
index 8aed142b2996c..0b1e4fe6fa55f 100644
--- a/packages/office-ui-fabric-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap
@@ -47,7 +47,6 @@ exports[`Slider renders correctly 1`] = `
       aria-valuemax={10}
       aria-valuemin={0}
       aria-valuenow={0}
-      aria-valuetext={undefined}
       className=
           ms-Slider-slideBox
           ms-Slider-showValue
diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.test.tsx b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.test.tsx
index 178bdb0aca454..c70bd4717ea98 100644
--- a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.test.tsx
@@ -38,12 +38,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -68,12 +63,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -107,12 +97,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -146,12 +131,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -178,12 +158,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -210,13 +185,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-        step={2}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} step={2} />
     );
 
     // Assert on the input element.
@@ -243,13 +212,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-        step={2}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} step={2} />
     );
 
     // Assert on the input element.
@@ -277,12 +240,7 @@ describe('SpinButton', () => {
     const exampleNewValue = '21';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -304,12 +262,7 @@ describe('SpinButton', () => {
     const exampleNewValue = 'garbage';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -330,12 +283,7 @@ describe('SpinButton', () => {
     const exampleDefaultValue = '12';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -357,12 +305,7 @@ describe('SpinButton', () => {
     const exampleNewValue = '23';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -384,12 +327,7 @@ describe('SpinButton', () => {
     const exampleNewValue = '0';
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
@@ -420,9 +358,7 @@ describe('SpinButton', () => {
         // tslint:disable-next-line:jsx-no-lambda
         onValidate={(newValue: string): string => {
           const numberValue: number = +newValue;
-          return !isNaN(numberValue) && numberValue >= exampleMinValue && numberValue <= exampleMaxValue
-            ? newValue
-            : errorMessage;
+          return !isNaN(numberValue) && numberValue >= exampleMinValue && numberValue <= exampleMaxValue ? newValue : errorMessage;
         }}
       />
     );
@@ -455,9 +391,7 @@ describe('SpinButton', () => {
         // tslint:disable-next-line:jsx-no-lambda
         onValidate={(newValue: string): string => {
           const numberValue: number = Number(newValue);
-          return !isNaN(numberValue) && numberValue >= exampleMinValue && numberValue <= exampleMaxValue
-            ? newValue
-            : errorMessage;
+          return !isNaN(numberValue) && numberValue >= exampleMinValue && numberValue <= exampleMaxValue ? newValue : errorMessage;
         }}
       />
     );
@@ -524,9 +458,7 @@ describe('SpinButton', () => {
 
     // Assert on the input element.
     const inputDOM: HTMLInputElement = renderedDOM.getElementsByTagName('input')[0];
-    const downButtonDOM: HTMLButtonElement = renderedDOM.getElementsByClassName(
-      'ms-DownButton'
-    )[0] as HTMLButtonElement;
+    const downButtonDOM: HTMLButtonElement = renderedDOM.getElementsByClassName('ms-DownButton')[0] as HTMLButtonElement;
     ReactTestUtils.Simulate.mouseDown(downButtonDOM);
     ReactTestUtils.Simulate.mouseUp(downButtonDOM);
 
@@ -593,12 +525,7 @@ describe('SpinButton', () => {
     }
 
     const renderedDOM: HTMLElement = renderIntoDocument(
-      <SpinButton
-        label={exampleLabelValue}
-        min={exampleMinValue}
-        max={exampleMaxValue}
-        defaultValue={exampleDefaultValue}
-      />
+      <SpinButton label={exampleLabelValue} min={exampleMinValue} max={exampleMaxValue} defaultValue={exampleDefaultValue} />
     );
 
     // Assert on the input element.
diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx
index 1aac2f0516882..413a0f6b13d26 100644
--- a/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx
+++ b/packages/office-ui-fabric-react/src/components/SpinButton/SpinButton.tsx
@@ -2,15 +2,7 @@ import * as React from 'react';
 import { IconButton } from '../../Button';
 import { Label } from '../../Label';
 import { Icon } from '../../Icon';
-import {
-  BaseComponent,
-  getId,
-  KeyCodes,
-  customizable,
-  calculatePrecision,
-  precisionRound,
-  createRef
-} from '../../Utilities';
+import { BaseComponent, getId, KeyCodes, customizable, calculatePrecision, precisionRound, createRef } from '../../Utilities';
 import { ISpinButton, ISpinButtonProps } from './SpinButton.types';
 import { Position } from '../../utilities/positioning';
 import { getStyles, getArrowButtonStyles } from './SpinButton.styles';
@@ -143,14 +135,7 @@ export class SpinButton extends BaseComponent<ISpinButtonProps, ISpinButtonState
 
     const classNames = this.props.getClassNames
       ? this.props.getClassNames(theme!, !!disabled, !!isFocused, keyboardSpinDirection, labelPosition, className)
-      : getClassNames(
-        getStyles(theme!, customStyles),
-        !!disabled,
-        !!isFocused,
-        keyboardSpinDirection,
-        labelPosition,
-        className
-      );
+      : getClassNames(getStyles(theme!, customStyles), !!disabled, !!isFocused, keyboardSpinDirection, labelPosition, className);
 
     return (
       <div className={classNames.root}>
@@ -353,11 +338,7 @@ export class SpinButton extends BaseComponent<ISpinButtonProps, ISpinButtonState
    * @param event - the event that fired
    */
   private _validate = (event: React.FocusEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>): void => {
-    if (
-      this.state.value !== undefined &&
-      this._valueToValidate !== undefined &&
-      this._valueToValidate !== this._lastValidValue
-    ) {
+    if (this.state.value !== undefined && this._valueToValidate !== undefined && this._valueToValidate !== this._lastValidValue) {
       const newValue = this._onValidate!(this._valueToValidate, event);
       if (newValue) {
         this._lastValidValue = newValue;
@@ -387,11 +368,7 @@ export class SpinButton extends BaseComponent<ISpinButtonProps, ISpinButtonState
    * when spinning in response to a mouseDown
    * @param stepFunction - function to use to step by
    */
-  private _updateValue = (
-    shouldSpin: boolean,
-    stepDelay: number,
-    stepFunction: (value: string) => string | void
-  ): void => {
+  private _updateValue = (shouldSpin: boolean, stepDelay: number, stepFunction: (value: string) => string | void): void => {
     const newValue: string | void = stepFunction(this.state.value);
     if (newValue) {
       this._lastValidValue = newValue;
diff --git a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
index c6a8c14deda9e..cf91eb64a0d8f 100644
--- a/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap
@@ -47,9 +47,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
     </label>
   </div>
   <div
-    aria-label={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
 
         {
@@ -69,17 +66,13 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
           border-color: Highlight;
           outline: none;
         }
-    data-ktp-target={undefined}
-    title={undefined}
   >
     <input
-      aria-describedby={undefined}
       aria-disabled={false}
       aria-labelledby="Label0"
       aria-valuemax={100}
       aria-valuemin={0}
       aria-valuenow={0}
-      aria-valuetext={undefined}
       autoComplete="off"
       className=
           ms-spinButton-input
@@ -117,7 +110,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
             border-color: Highlight;
             color: HighlightText;
           }
-      data-ktp-execute-target={undefined}
       data-lpignore={true}
       id="input1"
       onBlur={[Function]}
@@ -149,11 +141,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
           }
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -229,7 +216,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
               color: HighlightText;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -282,11 +268,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -362,7 +343,6 @@ exports[`SpinButton renders SpinButton correctly 1`] = `
               color: HighlightText;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -466,9 +446,6 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
     </label>
   </div>
   <div
-    aria-label={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
 
         {
@@ -488,11 +465,8 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
           border-color: Highlight;
           outline: none;
         }
-    data-ktp-target={undefined}
-    title={undefined}
   >
     <input
-      aria-describedby={undefined}
       aria-disabled={false}
       aria-labelledby="Label8"
       aria-valuemax={100}
@@ -536,7 +510,6 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
             border-color: Highlight;
             color: HighlightText;
           }
-      data-ktp-execute-target={undefined}
       data-lpignore={true}
       id="input9"
       onBlur={[Function]}
@@ -568,11 +541,6 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
           }
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -648,7 +616,6 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
               color: HighlightText;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -701,11 +668,6 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -781,7 +743,6 @@ exports[`SpinButton renders SpinButton correctly with values that the user passe
               color: HighlightText;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
index d7a9b87c25723..e5d61d4cfcc01 100644
--- a/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap
@@ -2,8 +2,6 @@
 
 exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-swatchColorPickerBodyContainer
@@ -20,8 +18,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
   role="presentation"
 >
   <table
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
 
         {
@@ -51,11 +47,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="green"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -196,7 +188,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={0}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-a-0"
             onClick={[Function]}
             onFocus={[Function]}
@@ -259,11 +250,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="orange"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -404,7 +391,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={1}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-b-1"
             onClick={[Function]}
             onFocus={[Function]}
@@ -467,11 +453,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="blue"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -612,7 +594,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={2}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-c-2"
             onClick={[Function]}
             onFocus={[Function]}
@@ -675,11 +656,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="red"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -820,7 +797,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={3}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-d-3"
             onClick={[Function]}
             onFocus={[Function]}
@@ -887,11 +863,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="green"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -1032,7 +1004,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={4}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-g-4"
             onClick={[Function]}
             onFocus={[Function]}
@@ -1095,11 +1066,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="orange"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -1240,7 +1207,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={5}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-h-5"
             onClick={[Function]}
             onFocus={[Function]}
@@ -1303,11 +1269,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="blue"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -1448,7 +1410,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={6}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-i-6"
             onClick={[Function]}
             onFocus={[Function]}
@@ -1511,11 +1472,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="red"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -1656,7 +1613,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={7}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-j-7"
             onClick={[Function]}
             onFocus={[Function]}
@@ -1723,11 +1679,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="black"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -1868,7 +1820,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={8}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-k-8"
             onClick={[Function]}
             onFocus={[Function]}
@@ -1931,11 +1882,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="grey"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -2076,7 +2023,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={9}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-l-9"
             onClick={[Function]}
             onFocus={[Function]}
@@ -2139,11 +2085,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="purple"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -2284,7 +2226,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={10}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-m-10"
             onClick={[Function]}
             onFocus={[Function]}
@@ -2347,11 +2288,7 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
           role="presentation"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="yellow"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             aria-selected={false}
             className=
                 ms-Button
@@ -2492,7 +2429,6 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = `
                 }
             data-index={11}
             data-is-focusable={true}
-            disabled={undefined}
             id="swatchColorPicker1-n-11"
             onClick={[Function]}
             onFocus={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
index 93b67045cf281..9efed8bb92d0c 100644
--- a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
@@ -7,7 +7,6 @@ exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
       {
         position: relative;
       }
-  style={undefined}
 >
   <div
     className=
@@ -48,9 +47,6 @@ exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
     tabIndex={-1}
   >
     <div
-      aria-describedby={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       className=
           ms-Callout-main
           {
@@ -61,8 +57,6 @@ exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
             position: relative;
           }
       onKeyDown={[Function]}
-      onScroll={undefined}
-      role={undefined}
       style={
         Object {
           "maxHeight": 750,
@@ -72,8 +66,6 @@ exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
     >
       <div>
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className=
               ms-TeachingBubble-content
               {
@@ -121,7 +113,6 @@ exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
                       margin-right: 0px;
                       margin-top: 0px;
                     }
-                id={undefined}
               >
                 Test Content
               </p>
@@ -136,8 +127,6 @@ exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
 
 exports[`TeachingBubble renders TeachingBubbleContent correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-TeachingBubble-content
       {
@@ -188,7 +177,6 @@ exports[`TeachingBubble renders TeachingBubbleContent correctly 1`] = `
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Test Title
       </p>
@@ -212,7 +200,6 @@ exports[`TeachingBubble renders TeachingBubbleContent correctly 1`] = `
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Content
       </p>
@@ -223,8 +210,6 @@ exports[`TeachingBubble renders TeachingBubbleContent correctly 1`] = `
 
 exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-TeachingBubble-content
       {
@@ -275,7 +260,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Test Title
       </p>
@@ -299,7 +283,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Content
       </p>
@@ -315,11 +298,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
           }
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--primary
@@ -417,7 +395,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
               font-weight: 400;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -463,11 +440,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -554,7 +526,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
               border-color: #ffffff;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -602,11 +573,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--icon
@@ -678,14 +644,12 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
           color: #0078d4;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
     onKeyUp={[Function]}
     onMouseDown={[Function]}
     onMouseUp={[Function]}
-    title={undefined}
     type="button"
   >
     <div
@@ -734,8 +698,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`]
 
 exports[`TeachingBubble renders TeachingBubbleContent with condensed headline correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-TeachingBubble-content
       {
@@ -786,7 +748,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with condensed headline co
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Test Title
       </p>
@@ -810,7 +771,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with condensed headline co
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Content
       </p>
@@ -821,8 +781,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with condensed headline co
 
 exports[`TeachingBubble renders TeachingBubbleContent with image correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-TeachingBubble-content
       {
@@ -860,7 +818,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with image correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -872,7 +829,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with image correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="test image url"
       />
     </div>
@@ -910,7 +866,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with image correctly 1`] =
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Test Title
       </p>
@@ -934,7 +889,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with image correctly 1`] =
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Content
       </p>
@@ -945,8 +899,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with image correctly 1`] =
 
 exports[`TeachingBubble renders TeachingBubbleContent with small headline correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-TeachingBubble-content
       {
@@ -1000,7 +952,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with small headline correc
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Test Title
       </p>
@@ -1024,7 +975,6 @@ exports[`TeachingBubble renders TeachingBubbleContent with small headline correc
               margin-right: 0px;
               margin-top: 0px;
             }
-        id={undefined}
       >
         Content
       </p>
diff --git a/packages/office-ui-fabric-react/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap
index c3a11f901edf9..83beb6bbed0a7 100644
--- a/packages/office-ui-fabric-react/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap
@@ -46,7 +46,6 @@ exports[`MaskedTextField renders TextField correctly 1`] = `
             word-wrap: break-word;
           }
       htmlFor="TextField0"
-      required={undefined}
     >
       With input mask
     </label>
@@ -80,9 +79,7 @@ exports[`MaskedTextField renders TextField correctly 1`] = `
           }
     >
       <input
-        aria-describedby={undefined}
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             {
@@ -130,7 +127,6 @@ exports[`MaskedTextField renders TextField correctly 1`] = `
         onMouseDown={[Function]}
         onMouseUp={[Function]}
         onPaste={[Function]}
-        readOnly={undefined}
         type="text"
         value="mask: (___) ___ - ____"
       />
diff --git a/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.deprecated.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.deprecated.test.tsx.snap
index 6cce3c16fc27d..d12127544f1b9 100644
--- a/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.deprecated.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.deprecated.test.tsx.snap
@@ -82,9 +82,7 @@ exports[`TextField deprecated renders with deprecated props affecting styling 1`
         </span>
       </div>
       <input
-        aria-describedby={undefined}
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             {
@@ -128,7 +126,6 @@ exports[`TextField deprecated renders with deprecated props affecting styling 1`
         onChange={[Function]}
         onFocus={[Function]}
         onInput={[Function]}
-        readOnly={undefined}
         type="text"
         value=""
       />
@@ -146,7 +143,6 @@ exports[`TextField deprecated renders with deprecated props affecting styling 1`
               right: 8px;
               top: auto;
             }
-        data-icon-name={undefined}
         role="presentation"
       />
     </div>
diff --git a/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap
index 8b536b30298e4..b1365950f5567 100644
--- a/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/TextField/__snapshots__/TextField.test.tsx.snap
@@ -47,7 +47,6 @@ exports[`TextField renders TextField correctly 1`] = `
             word-wrap: break-word;
           }
       htmlFor="TextField0"
-      required={undefined}
     >
       Label
     </label>
@@ -81,9 +80,7 @@ exports[`TextField renders TextField correctly 1`] = `
           }
     >
       <input
-        aria-describedby={undefined}
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             testInputClassName
@@ -128,7 +125,6 @@ exports[`TextField renders TextField correctly 1`] = `
         onChange={[Function]}
         onFocus={[Function]}
         onInput={[Function]}
-        readOnly={undefined}
         type="text"
         value=""
       />
@@ -184,7 +180,6 @@ exports[`TextField renders TextField multiline resizable correctly 1`] = `
             word-wrap: break-word;
           }
       htmlFor="TextField0"
-      required={undefined}
     >
       Label
     </label>
@@ -219,9 +214,7 @@ exports[`TextField renders TextField multiline resizable correctly 1`] = `
           }
     >
       <textarea
-        aria-describedby={undefined}
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             {
@@ -268,7 +261,6 @@ exports[`TextField renders TextField multiline resizable correctly 1`] = `
         onChange={[Function]}
         onFocus={[Function]}
         onInput={[Function]}
-        readOnly={undefined}
         value=""
       />
     </div>
@@ -323,7 +315,6 @@ exports[`TextField renders TextField multiline unresizable correctly 1`] = `
             word-wrap: break-word;
           }
       htmlFor="TextField0"
-      required={undefined}
     >
       Label
     </label>
@@ -358,9 +349,7 @@ exports[`TextField renders TextField multiline unresizable correctly 1`] = `
           }
     >
       <textarea
-        aria-describedby={undefined}
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             ms-TextField--unresizable
@@ -409,7 +398,6 @@ exports[`TextField renders TextField multiline unresizable correctly 1`] = `
         onChange={[Function]}
         onFocus={[Function]}
         onInput={[Function]}
-        readOnly={undefined}
         value=""
       />
     </div>
@@ -491,7 +479,6 @@ exports[`TextField renders multiline TextField correctly with errorMessage 1`] =
             word-wrap: break-word;
           }
       htmlFor="TextField0"
-      required={undefined}
     >
       Label
     </label>
@@ -560,7 +547,6 @@ exports[`TextField renders multiline TextField correctly with errorMessage 1`] =
       <input
         aria-describedby="TextFieldDescription1"
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             {
@@ -605,7 +591,6 @@ exports[`TextField renders multiline TextField correctly with errorMessage 1`] =
         onChange={[Function]}
         onFocus={[Function]}
         onInput={[Function]}
-        readOnly={undefined}
         type="text"
         value=""
       />
@@ -721,7 +706,6 @@ exports[`TextField renders multiline TextField correctly with props affecting st
             word-wrap: break-word;
           }
       htmlFor="TextField0"
-      required={undefined}
     >
       Label
     </label>
@@ -790,7 +774,6 @@ exports[`TextField renders multiline TextField correctly with props affecting st
       <input
         aria-describedby="TextFieldDescription1"
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             {
@@ -835,7 +818,6 @@ exports[`TextField renders multiline TextField correctly with props affecting st
         onChange={[Function]}
         onFocus={[Function]}
         onInput={[Function]}
-        readOnly={undefined}
         type="text"
         value=""
       />
@@ -953,7 +935,6 @@ exports[`TextField should resepect user component and subcomponent styling 1`] =
             word-wrap: break-word;
           }
       htmlFor="TextField0"
-      required={undefined}
     >
       Label
     </label>
@@ -1022,7 +1003,6 @@ exports[`TextField should resepect user component and subcomponent styling 1`] =
       <input
         aria-describedby="TextFieldDescription1"
         aria-invalid={false}
-        aria-label={undefined}
         className=
             ms-TextField-field
             {
@@ -1067,7 +1047,6 @@ exports[`TextField should resepect user component and subcomponent styling 1`] =
         onChange={[Function]}
         onFocus={[Function]}
         onInput={[Function]}
-        readOnly={undefined}
         type="text"
         value=""
       />
diff --git a/packages/office-ui-fabric-react/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap
index e18b6705a3b1d..df456bd063932 100644
--- a/packages/office-ui-fabric-react/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap
@@ -48,8 +48,6 @@ exports[`Toggle renders toggle correctly 1`] = `
   >
     <button
       aria-checked={false}
-      aria-disabled={undefined}
-      aria-label={undefined}
       className=
           ms-Toggle-background
           {
@@ -97,7 +95,6 @@ exports[`Toggle renders toggle correctly 1`] = `
             border-color: Highlight;
           }
       data-is-focusable={true}
-      disabled={undefined}
       id="Toggle1"
       onChange={[Function]}
       onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
index d6ff3a9e0b84d..70f7c16de5806 100644
--- a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
@@ -66,7 +66,6 @@ exports[`Tooltip renders default Tooltip correctly 1`] = `
           {
             position: relative;
           }
-      style={undefined}
     >
       <div
         className=
@@ -97,9 +96,6 @@ exports[`Tooltip renders default Tooltip correctly 1`] = `
         tabIndex={-1}
       >
         <div
-          aria-describedby={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
           className=
               ms-Callout-main
               {
@@ -109,8 +105,6 @@ exports[`Tooltip renders default Tooltip correctly 1`] = `
                 position: relative;
               }
           onKeyDown={[Function]}
-          onScroll={undefined}
-          role={undefined}
           style={
             Object {
               "maxHeight": 750,
@@ -119,15 +113,9 @@ exports[`Tooltip renders default Tooltip correctly 1`] = `
           }
         >
           <div
-            className={undefined}
-            id={undefined}
-            onMouseEnter={undefined}
-            onMouseLeave={undefined}
             role="tooltip"
           >
-            <p
-              className={undefined}
-            />
+            <p />
           </div>
         </div>
       </div>
diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap
index 1efc23c07bb87..c1b7c5ede57e5 100644
--- a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap
@@ -2,7 +2,6 @@
 
 exports[`TooltipHost renders correctly 1`] = `
 <div
-  aria-describedby={undefined}
   className="ms-TooltipHost"
   onBlurCapture={[Function]}
   onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Basic.Example.tsx.shot
index 8965ba53a5318..299c30b602418 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Basic.Example.tsx.shot
@@ -18,7 +18,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -67,7 +66,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
             }
       >
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -127,7 +125,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Philippe Lampros
@@ -147,7 +144,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
           Hello! I am making a comment and mentioning 
         </span>
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -207,7 +203,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           @Anđela Debeljak
@@ -248,7 +243,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -297,7 +291,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
             }
       >
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -357,7 +350,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Lisha Refai
@@ -407,7 +399,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -456,7 +447,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
             }
       >
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -516,7 +506,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Julian Arvidsson
@@ -525,7 +514,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
            moved 
         </span>
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -585,7 +573,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           PresentationTitle.pptx
@@ -594,7 +581,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
            to 
         </span>
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -654,7 +640,6 @@ exports[`Component Examples renders ActivityItem.Basic.Example.tsx correctly 1`]
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Destination Folder
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Compact.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Compact.Example.tsx.shot
index dc8662c5a7a34..92acfa3034e38 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Compact.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Compact.Example.tsx.shot
@@ -18,7 +18,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -100,7 +99,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -145,7 +143,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
               />
             </div>
@@ -205,7 +202,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -287,7 +283,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -309,7 +304,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <span>
                 PT
@@ -353,7 +347,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -398,7 +391,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
               />
             </div>
@@ -440,7 +432,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -462,7 +453,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <span>
                 EC
@@ -534,7 +524,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -638,7 +627,6 @@ exports[`Component Examples renders ActivityItem.Compact.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Persona.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Persona.Example.tsx.shot
index 84706ffc15765..40c6867f78896 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Persona.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ActivityItem.Persona.Example.tsx.shot
@@ -18,7 +18,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -55,7 +54,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={11}
-          style={undefined}
         >
           <div
             className=
@@ -67,7 +65,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 32px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -112,7 +109,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
               />
             </div>
@@ -138,7 +134,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
             }
       >
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -198,7 +193,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Jack Howden
@@ -257,7 +251,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -297,7 +290,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 align-self: flex-end;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -309,7 +301,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -331,7 +322,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <span>
                 JM
@@ -356,7 +346,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 align-self: flex-end;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -368,7 +357,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -413,7 +401,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
               />
             </div>
@@ -439,7 +426,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
             }
       >
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -499,7 +485,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Javiera Márquez
@@ -508,7 +493,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
            and 
         </span>
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -568,7 +552,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Amelia Povalіy
@@ -577,7 +560,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
            edited 
         </span>
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -637,7 +619,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           SpreadsheetTitle.xlsx
@@ -675,7 +656,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -712,7 +692,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -724,7 +703,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -746,7 +724,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <span>
                 RL
@@ -768,7 +745,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -780,7 +756,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -825,7 +800,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
               />
             </div>
@@ -845,7 +819,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -857,7 +830,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -902,7 +874,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
               />
             </div>
@@ -928,7 +899,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
             }
       >
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -988,7 +958,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Robert Larsson
@@ -997,7 +966,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
            and 
         </span>
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -1057,7 +1025,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           2 others
@@ -1098,7 +1065,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
           justify-content: flex-start;
           margin-top: 20px;
         }
-    style={undefined}
   >
     <div
       className=
@@ -1135,7 +1101,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -1147,7 +1112,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -1169,7 +1133,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <span>
                 JC
@@ -1191,7 +1154,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -1203,7 +1165,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -1248,7 +1209,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
               />
             </div>
@@ -1268,7 +1228,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -1280,7 +1239,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -1302,7 +1260,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <span>
                 AL
@@ -1324,7 +1281,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                 font-weight: 400;
               }
           size={8}
-          style={undefined}
         >
           <div
             className=
@@ -1336,7 +1292,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                   text-align: center;
                   width: 16px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -1381,7 +1336,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
               />
             </div>
@@ -1407,7 +1361,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
             }
       >
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -1467,7 +1420,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           Jin Cheng
@@ -1476,7 +1428,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
            and 
         </span>
         <button
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -1536,7 +1487,6 @@ exports[`Component Examples renders ActivityItem.Persona.Example.tsx correctly 1
               &:focus {
                 color: #0078d4;
               }
-          disabled={undefined}
           onClick={[Function]}
         >
           5 others
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot
index 9a04040b95645..c363d2943ec33 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Basic.Example.tsx.shot
@@ -54,8 +54,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
         role="navigation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className="ms-FocusZone"
           data-focuszone-id="FocusZone0"
           onFocus={[Function]}
@@ -99,8 +97,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -194,11 +190,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -258,8 +252,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -353,11 +345,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -417,8 +407,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -512,11 +500,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -576,8 +562,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -671,11 +655,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -735,8 +717,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -830,11 +810,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -895,7 +873,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
             >
               <button
                 aria-current="page"
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -989,11 +966,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -1066,8 +1041,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
         role="navigation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className="ms-FocusZone"
           data-focuszone-id="FocusZone7"
           onFocus={[Function]}
@@ -1111,8 +1084,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -1206,11 +1177,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -1221,7 +1190,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                 </div>
               </button>
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1258,8 +1226,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -1353,11 +1319,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -1368,7 +1332,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                 </div>
               </button>
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1405,8 +1368,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -1500,11 +1461,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -1515,7 +1474,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                 </div>
               </button>
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1552,8 +1510,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -1647,11 +1603,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -1662,7 +1616,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                 </div>
               </button>
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1699,8 +1652,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -1794,11 +1745,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -1809,7 +1758,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                 </div>
               </button>
               <div
-                aria-describedby={undefined}
                 className="ms-TooltipHost"
                 onBlurCapture={[Function]}
                 onFocusCapture={[Function]}
@@ -1847,7 +1795,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
             >
               <button
                 aria-current="page"
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -1941,11 +1888,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -2018,8 +1963,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
         role="navigation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className="ms-FocusZone"
           data-focuszone-id="FocusZone14"
           onFocus={[Function]}
@@ -2054,14 +1997,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-expanded={false}
                 aria-haspopup={true}
-                aria-label={undefined}
-                aria-labelledby={undefined}
                 aria-owns={null}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--icon
@@ -2146,7 +2084,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-size: 15px;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
@@ -2247,8 +2184,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <a
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -2323,10 +2258,8 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                     }
                 href="#/examples/breadcrumb"
                 onClick={[Function]}
-                target={undefined}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -2386,8 +2319,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <a
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -2462,10 +2393,8 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                     }
                 href="#/examples/breadcrumb"
                 onClick={[Function]}
-                target={undefined}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -2526,7 +2455,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
             >
               <a
                 aria-current="page"
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -2601,10 +2529,8 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                     }
                 href="#/examples/breadcrumb"
                 onClick={[Function]}
-                target={undefined}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -2665,7 +2591,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
       }
     >
       <div
-        aria-label={undefined}
         className=
             ms-Breadcrumb
             {
@@ -2677,8 +2602,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
         role="navigation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className="ms-FocusZone"
           data-focuszone-id="FocusZone21"
           onFocus={[Function]}
@@ -2742,7 +2665,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                     }
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -2793,14 +2715,9 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                   }
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-expanded={false}
                 aria-haspopup={true}
-                aria-label={undefined}
-                aria-labelledby={undefined}
                 aria-owns={null}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--icon
@@ -2885,7 +2802,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                       font-size: 15px;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
@@ -3006,7 +2922,6 @@ exports[`Component Examples renders Breadcrumb.Basic.Example.tsx correctly 1`] =
                     }
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot
index 72ab1134485c5..85a0420987d70 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Breadcrumb.Static.Example.tsx.shot
@@ -38,8 +38,6 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
         role="navigation"
       >
         <div
-          aria-describedby={undefined}
-          aria-labelledby={undefined}
           className="ms-FocusZone"
           data-focuszone-id="FocusZone0"
           onFocus={[Function]}
@@ -74,14 +72,9 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                   }
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-expanded={false}
                 aria-haspopup={true}
-                aria-label={undefined}
-                aria-labelledby={undefined}
                 aria-owns={null}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--icon
@@ -166,7 +159,6 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                       font-size: 15px;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
@@ -267,8 +259,6 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -362,11 +352,9 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -426,8 +414,6 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                   }
             >
               <button
-                aria-current={undefined}
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -521,11 +507,9 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
@@ -586,7 +570,6 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
             >
               <button
                 aria-current="page"
-                aria-disabled={undefined}
                 className=
                     ms-Link
                     ms-Breadcrumb-itemLink
@@ -680,11 +663,9 @@ exports[`Component Examples renders Breadcrumb.Static.Example.tsx correctly 1`]
                       font-weight: 400;
                       max-width: 116px;
                     }
-                disabled={undefined}
                 onClick={[Function]}
               >
                 <div
-                  aria-describedby={undefined}
                   className="ms-TooltipHost"
                   onBlurCapture={[Function]}
                   onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot
index 05986dfa8a0e1..2e5ee4e926be2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Action.Example.tsx.shot
@@ -12,12 +12,6 @@ exports[`Component Examples renders Button.Action.Example.tsx correctly 1`] = `
       }
 >
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
-    checked={undefined}
     className=
         ms-Button
         ms-Button--action
@@ -92,7 +86,6 @@ exports[`Component Examples renders Button.Action.Example.tsx correctly 1`] = `
         }
     data-automation-id="test"
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot
index d097c1cfaa417..c8b0ea2446d05 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Anchor.Example.tsx.shot
@@ -12,12 +12,6 @@ exports[`Component Examples renders Button.Anchor.Example.tsx correctly 1`] = `
       }
 >
   <a
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
-    checked={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -88,7 +82,6 @@ exports[`Component Examples renders Button.Anchor.Example.tsx correctly 1`] = `
         }
     data-automation-id="test"
     data-is-focusable={true}
-    disabled={undefined}
     href="http://bing.com"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot
index 3d41678a96f1a..4ccd8b0a0116b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Command.Example.tsx.shot
@@ -12,15 +12,9 @@ exports[`Component Examples renders Button.Command.Example.tsx correctly 1`] = `
     }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--action
@@ -95,7 +89,6 @@ exports[`Component Examples renders Button.Command.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -198,12 +191,6 @@ exports[`Component Examples renders Button.Command.Example.tsx correctly 1`] = `
       </div>
     </button>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--action
@@ -278,7 +265,6 @@ exports[`Component Examples renders Button.Command.Example.tsx correctly 1`] = `
           }
       data-automation-id="test2"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot
index 3872817879382..2ae77dd813933 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.CommandBar.Example.tsx.shot
@@ -12,15 +12,9 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
     }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--commandBar
@@ -92,7 +86,6 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
           }
       data-automation-id="test"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -196,14 +189,8 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
       </div>
     </button>
     <div
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
-      aria-roledescription={undefined}
       className=
 
           {
@@ -240,7 +227,6 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
           }
       data-automation-id="test"
       data-is-focusable={true}
-      data-ktp-target={undefined}
       onClick={[Function]}
       onFocusCapture={[Function]}
       onKeyDown={[Function]}
@@ -256,12 +242,6 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
-          checked={undefined}
           className=
               ms-Button
               ms-Button--commandBar
@@ -333,8 +313,6 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
               }
           data-automation-id="test"
           data-is-focusable={false}
-          disabled={undefined}
-          onClick={undefined}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
           onKeyUp={[Function]}
@@ -409,14 +387,8 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-expanded={false}
           aria-haspopup={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
-          checked={undefined}
           className=
               ms-Button
               {
@@ -448,8 +420,6 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
                 color: Highlight;
               }
           data-is-focusable={false}
-          data-ktp-execute-target={undefined}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -519,12 +489,6 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
       </span>
     </div>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--commandBar
@@ -596,7 +560,6 @@ exports[`Component Examples renders Button.CommandBar.Example.tsx correctly 1`]
           }
       data-automation-id="test2"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot
index 417672bf9eb1a..b6bf8edba5995 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Compound.Example.tsx.shot
@@ -46,11 +46,7 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] =
     </label>
     <button
       aria-describedby="id__1"
-      aria-disabled={undefined}
-      aria-label={undefined}
       aria-labelledby="id__0"
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--compound
@@ -127,7 +123,6 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] =
             color: inherit;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -221,11 +216,7 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] =
     </label>
     <button
       aria-describedby="id__4"
-      aria-disabled={undefined}
-      aria-label={undefined}
       aria-labelledby="id__3"
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--compoundPrimary
@@ -317,7 +308,6 @@ exports[`Component Examples renders Button.Compound.Example.tsx correctly 1`] =
             color: inherit;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot
index d5cfe4c7e1710..df88c5369f3a4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ContextualMenu.Example.tsx.shot
@@ -6,15 +6,9 @@ exports[`Component Examples renders Button.ContextualMenu.Example.tsx correctly
 >
   <div>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -85,7 +79,6 @@ exports[`Component Examples renders Button.ContextualMenu.Example.tsx correctly
           }
       data-automation-id="test"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot
index e0d4eea514474..5fc7a6c9322de 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Default.Example.tsx.shot
@@ -38,12 +38,6 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = `
       Standard
     </label>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -114,7 +108,6 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -184,12 +177,6 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = `
       Primary
     </label>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--primary
@@ -270,7 +257,6 @@ exports[`Component Examples renders Button.Default.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot
index cfeb34a682c21..b74b23f8239ae 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Icon.Example.tsx.shot
@@ -12,12 +12,7 @@ exports[`Component Examples renders Button.Icon.Example.tsx correctly 1`] = `
       }
 >
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-label="Emoji"
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
-    checked={undefined}
     className=
         ms-Button
         ms-Button--icon
@@ -84,7 +79,6 @@ exports[`Component Examples renders Button.Icon.Example.tsx correctly 1`] = `
           color: #0078d4;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot
index 2f2cb991fa9c9..4e0f3b57b976b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Primary.Example.tsx.shot
@@ -12,12 +12,6 @@ exports[`Component Examples renders Button.Primary.Example.tsx correctly 1`] = `
       }
 >
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
-    checked={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -98,7 +92,6 @@ exports[`Component Examples renders Button.Primary.Example.tsx correctly 1`] = `
         }
     data-automation-id="test"
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot
index 071d0dbdcf456..ad615ebab970e 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.ScreenReader.Example.tsx.shot
@@ -13,11 +13,7 @@ exports[`Component Examples renders Button.ScreenReader.Example.tsx correctly 1`
 >
   <button
     aria-describedby="id__2"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
-    checked={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -98,7 +94,6 @@ exports[`Component Examples renders Button.ScreenReader.Example.tsx correctly 1`
         }
     data-automation-id="test"
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot
index 521e5c9c3706f..03c59da519faa 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Split.Example.tsx.shot
@@ -38,13 +38,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
       Standard
     </label>
     <div
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       aria-roledescription="split button"
       className=
 
@@ -82,7 +77,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      data-ktp-target={undefined}
       onClick={[Function]}
       onFocusCapture={[Function]}
       onKeyDown={[Function]}
@@ -98,13 +92,7 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-roledescription="split button"
-          checked={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -175,8 +163,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
               }
           data-automation-id="test"
           data-is-focusable={false}
-          disabled={undefined}
-          onClick={undefined}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
           onKeyUp={[Function]}
@@ -227,14 +213,9 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-expanded={false}
           aria-haspopup={true}
           aria-label="See 2 sample options"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
-          checked={undefined}
           className=
               ms-Button
               {
@@ -265,8 +246,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={false}
-          data-ktp-execute-target={undefined}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -358,13 +337,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
       Primary
     </label>
     <div
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       aria-roledescription="split button"
       className=
 
@@ -402,7 +376,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      data-ktp-target={undefined}
       onClick={[Function]}
       onFocusCapture={[Function]}
       onKeyDown={[Function]}
@@ -418,13 +391,7 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-roledescription="split button"
-          checked={undefined}
           className=
               ms-Button
               ms-Button--primary
@@ -505,8 +472,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
               }
           data-automation-id="test"
           data-is-focusable={false}
-          disabled={undefined}
-          onClick={undefined}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
           onKeyUp={[Function]}
@@ -557,14 +522,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-expanded={false}
           aria-haspopup={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
-          checked={undefined}
           className=
               ms-Button
               {
@@ -595,8 +554,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={false}
-          data-ktp-execute-target={undefined}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -688,13 +645,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
       Primary Action Disabled
     </label>
     <div
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       aria-roledescription="split button"
       className=
 
@@ -732,8 +684,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      data-ktp-target={undefined}
-      onClick={undefined}
       onFocusCapture={[Function]}
       onKeyDown={[Function]}
       onTouchStart={[Function]}
@@ -748,13 +698,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
           aria-disabled={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-roledescription="split button"
-          checked={undefined}
           className=
               ms-Button
               ms-Button--primary
@@ -829,7 +774,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           data-automation-id="test"
           data-is-focusable={false}
           disabled={true}
-          onClick={undefined}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
           onKeyUp={[Function]}
@@ -880,14 +824,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-expanded={false}
           aria-haspopup={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
-          checked={undefined}
           className=
               ms-Button
               {
@@ -918,8 +856,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={false}
-          data-ktp-execute-target={undefined}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1011,13 +947,9 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
       Button Disabled
     </label>
     <div
-      aria-describedby={undefined}
       aria-disabled={true}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       aria-roledescription="split button"
       className=
 
@@ -1053,8 +985,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      data-ktp-target={undefined}
-      onClick={undefined}
       onFocusCapture={[Function]}
       onKeyDown={[Function]}
       onTouchStart={[Function]}
@@ -1069,13 +999,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
           aria-disabled={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-roledescription="split button"
-          checked={undefined}
           className=
               ms-Button
               ms-Button--primary
@@ -1150,7 +1075,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           data-automation-id="test"
           data-is-focusable={false}
           disabled={false}
-          onClick={undefined}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
           onKeyUp={[Function]}
@@ -1201,14 +1125,9 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
           aria-disabled={true}
           aria-expanded={false}
           aria-haspopup={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
-          checked={undefined}
           className=
               ms-Button
               is-disabled
@@ -1242,7 +1161,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={false}
-          data-ktp-execute-target={undefined}
           disabled={false}
           onClick={[Function]}
           onKeyDown={[Function]}
@@ -1339,13 +1257,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
     Split button with icon and custom styles
   </label>
   <div
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     aria-roledescription="split button"
     className=
 
@@ -1383,7 +1296,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
         }
     data-automation-id="test"
     data-is-focusable={true}
-    data-ktp-target={undefined}
     onClick={[Function]}
     onFocusCapture={[Function]}
     onKeyDown={[Function]}
@@ -1399,13 +1311,7 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
       }
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         aria-roledescription="split button"
-        checked={undefined}
         className=
             ms-Button
             ms-Button--icon
@@ -1473,8 +1379,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
             }
         data-automation-id="test"
         data-is-focusable={false}
-        disabled={undefined}
-        onClick={undefined}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
         onKeyUp={[Function]}
@@ -1532,14 +1436,8 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
         aria-haspopup={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
-        checked={undefined}
         className=
             ms-Button
             {
@@ -1563,8 +1461,6 @@ exports[`Component Examples renders Button.Split.Example.tsx correctly 2`] = `
               width: 10px;
             }
         data-is-focusable={false}
-        data-ktp-execute-target={undefined}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Swap.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Swap.Example.tsx.shot
index 3d16c9f4b2f73..f1de3d4efbe18 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Swap.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Swap.Example.tsx.shot
@@ -12,12 +12,6 @@ exports[`Component Examples renders Button.Swap.Example.tsx correctly 1`] = `
       }
 >
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
-    checked={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -97,7 +91,6 @@ exports[`Component Examples renders Button.Swap.Example.tsx correctly 1`] = `
           color: Window;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot
index 578474c76c1b5..8e44099e10c15 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Button.Toggle.Example.tsx.shot
@@ -4,12 +4,7 @@ exports[`Component Examples renders Button.Toggle.Example.tsx correctly 1`] = `
 <div>
   <div>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-pressed={false}
-      checked={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders Button.Toggle.Example.tsx correctly 1`] = `
           }
       data-automation-id="test"
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot
index 794c7d9b9cb25..7c05591140e4f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Calendar.Button.Example.tsx.shot
@@ -4,11 +4,6 @@ exports[`Component Examples renders Calendar.Button.Example.tsx correctly 1`] =
 <div>
   <div>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -78,7 +73,6 @@ exports[`Component Examples renders Calendar.Button.Example.tsx correctly 1`] =
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot
index 8114184e01aa3..3f6a5308fd192 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Basic.Example.tsx.shot
@@ -12,11 +12,6 @@ exports[`Component Examples renders Callout.Basic.Example.tsx correctly 1`] = `
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -86,7 +81,6 @@ exports[`Component Examples renders Callout.Basic.Example.tsx correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       id="toggleCallout"
       onClick={[Function]}
       onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot
index ea9c6b5f8ff5d..067e67d5879e2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Cover.Example.tsx.shot
@@ -34,18 +34,14 @@ exports[`Component Examples renders Callout.Cover.Example.tsx correctly 1`] = `
             }
         htmlFor="Dropdown0"
         id="Dropdown0-label"
-        required={undefined}
       >
         Directional hint
       </label>
       <div
         aria-activedescendant="Dropdown0-option"
         aria-describedby="Dropdown0-option"
-        aria-disabled={undefined}
         aria-expanded="false"
-        aria-label={undefined}
         aria-labelledby="Dropdown0-label"
-        aria-owns={undefined}
         className=
             ms-Dropdown
             {
@@ -222,11 +218,6 @@ exports[`Component Examples renders Callout.Cover.Example.tsx correctly 1`] = `
     className="ms-CalloutCoverExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -296,7 +287,6 @@ exports[`Component Examples renders Callout.Cover.Example.tsx correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot
index 0ef6b0a27d09a..3511b5b03528b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Directional.Example.tsx.shot
@@ -9,12 +9,6 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
   >
     <button
       aria-checked={true}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={true}
       className=
           ms-Checkbox
@@ -85,15 +79,11 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-0"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -141,7 +131,6 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
                 background: Highlight;
                 border-color: Highlight;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -231,7 +220,6 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
           aria-valuemax={30}
           aria-valuemin={0}
           aria-valuenow={0}
-          aria-valuetext={undefined}
           className=
               ms-Slider-slideBox
               ms-Slider-showValue
@@ -459,7 +447,6 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
           aria-valuemax={50}
           aria-valuemin={10}
           aria-valuenow={16}
-          aria-valuetext={undefined}
           className=
               ms-Slider-slideBox
               ms-Slider-showValue
@@ -668,18 +655,14 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
             }
         htmlFor="Dropdown3"
         id="Dropdown3-label"
-        required={undefined}
       >
         Directional hint
       </label>
       <div
         aria-activedescendant="Dropdown3-option"
         aria-describedby="Dropdown3-option"
-        aria-disabled={undefined}
         aria-expanded="false"
-        aria-label={undefined}
         aria-labelledby="Dropdown3-label"
-        aria-owns={undefined}
         className=
             ms-Dropdown
             {
@@ -856,11 +839,6 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
     className="ms-CalloutExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -931,7 +909,6 @@ exports[`Component Examples renders Callout.Directional.Example.tsx correctly 1`
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot
index b1762e028ae2c..76031a8f4162b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Callout.Nested.Example.tsx.shot
@@ -8,11 +8,6 @@ exports[`Component Examples renders Callout.Nested.Example.tsx correctly 1`] = `
     className="ms-CalloutBasicExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -82,7 +77,6 @@ exports[`Component Examples renders Callout.Nested.Example.tsx correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.Basic.Example.tsx.shot
index 177c7c0a80549..40d0cb2f54372 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.Basic.Example.tsx.shot
@@ -4,12 +4,6 @@ exports[`Component Examples renders Checkbox.Basic.Example.tsx correctly 1`] = `
 <div>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         is-enabled
@@ -70,15 +64,11 @@ exports[`Component Examples renders Checkbox.Basic.Example.tsx correctly 1`] = `
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-0"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -121,7 +111,6 @@ exports[`Component Examples renders Checkbox.Basic.Example.tsx correctly 1`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.ImplementationExamples.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.ImplementationExamples.tsx.shot
index c3bf478e4ff78..185789f66fb83 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.ImplementationExamples.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Checkbox.ImplementationExamples.tsx.shot
@@ -4,12 +4,7 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
 <div>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="labelID"
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         is-enabled
@@ -70,15 +65,11 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-0"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -121,7 +112,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -173,12 +163,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
   </label>
   <button
     aria-checked={true}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         is-checked
@@ -248,16 +232,12 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
     defaultChecked={true}
-    disabled={undefined}
     id="checkbox-1"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -305,7 +285,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               background: Highlight;
               border-color: Highlight;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -351,12 +330,7 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
   </button>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
     aria-disabled={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         is-disabled
@@ -395,15 +369,12 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
           top: -2px;
           z-index: 1;
         }
-    data-ktp-execute-target={undefined}
     disabled={true}
     id="checkbox-2"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -446,7 +417,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -492,12 +462,7 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
   </button>
   <button
     aria-checked={true}
-    aria-describedby={undefined}
     aria-disabled={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         is-checked
@@ -537,16 +502,13 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
           top: -2px;
           z-index: 1;
         }
-    data-ktp-execute-target={undefined}
     defaultChecked={true}
     disabled={true}
     id="checkbox-3"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -590,7 +552,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -636,12 +597,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
   </button>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     checked={false}
     className=
         ms-Checkbox
@@ -703,15 +658,11 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-4"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -754,7 +705,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -800,12 +750,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
   </button>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         reversed
@@ -867,15 +811,11 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-5"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -920,7 +860,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -966,12 +905,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
   </button>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         is-enabled
@@ -1032,15 +965,11 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-6"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -1083,7 +1012,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -1144,7 +1072,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
               color: #212121;
             }
         size={11}
-        style={undefined}
       >
         <div
           className=
@@ -1169,7 +1096,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
                   text-align: center;
                   width: 32px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -1214,7 +1140,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="/_layouts/15/userphoto.aspx?size=S&accountname="
               />
             </div>
@@ -1249,7 +1174,6 @@ exports[`Component Examples renders Checkbox.ImplementationExamples.tsx correctl
                 }
           >
             <div
-              aria-describedby={undefined}
               className="ms-TooltipHost"
               onBlurCapture={[Function]}
               onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Basic.Example.tsx.shot
index 0cc63967cf286..296cccd24196a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Basic.Example.tsx.shot
@@ -93,7 +93,6 @@ exports[`Component Examples renders ChoiceGroup.Basic.Example.tsx correctly 1`]
                   }
               data-automation-id="auto1"
               data-is-focusable={false}
-              disabled={undefined}
               id="ChoiceGroup0-A"
               name="ChoiceGroup0"
               onBlur={[Function]}
@@ -205,7 +204,6 @@ exports[`Component Examples renders ChoiceGroup.Basic.Example.tsx correctly 1`]
                     top: 8px;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="ChoiceGroup0-B"
               name="ChoiceGroup0"
               onBlur={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Custom.Example.tsx.shot
index bc792a4e570af..112efff47fac9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Custom.Example.tsx.shot
@@ -92,7 +92,6 @@ exports[`Component Examples renders ChoiceGroup.Custom.Example.tsx correctly 1`]
                     top: 8px;
                   }
               data-is-focusable={false}
-              disabled={undefined}
               id="ChoiceGroup0-A"
               name="ChoiceGroup0"
               onBlur={[Function]}
@@ -179,9 +178,7 @@ exports[`Component Examples renders ChoiceGroup.Custom.Example.tsx correctly 1`]
                   aria-describedby="Dropdown2-option"
                   aria-disabled={false}
                   aria-expanded="false"
-                  aria-label={undefined}
                   aria-labelledby="Dropdown2-label"
-                  aria-owns={undefined}
                   className=
                       ms-Dropdown
                       {
@@ -391,7 +388,6 @@ exports[`Component Examples renders ChoiceGroup.Custom.Example.tsx correctly 1`]
                     top: 8px;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="ChoiceGroup0-B"
               name="ChoiceGroup0"
               onBlur={[Function]}
@@ -623,7 +619,6 @@ exports[`Component Examples renders ChoiceGroup.Custom.Example.tsx correctly 1`]
                     top: 8px;
                   }
               data-is-focusable={false}
-              disabled={undefined}
               id="ChoiceGroup0-D"
               name="ChoiceGroup0"
               onBlur={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Icon.Example.tsx.shot
index c271279be8dda..58b9b0b54f08a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Icon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Icon.Example.tsx.shot
@@ -41,7 +41,6 @@ exports[`Component Examples renders ChoiceGroup.Icon.Example.tsx correctly 1`] =
             word-wrap: break-word;
           }
       id="ChoiceGroup0-label"
-      required={undefined}
     >
       Pick one icon
     </label>
@@ -103,13 +102,11 @@ exports[`Component Examples renders ChoiceGroup.Icon.Example.tsx correctly 1`] =
                   width: 100%;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             id="ChoiceGroup0-day"
             name="ChoiceGroup0"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
-            required={undefined}
             type="radio"
           />
           <label
@@ -316,13 +313,11 @@ exports[`Component Examples renders ChoiceGroup.Icon.Example.tsx correctly 1`] =
                   width: 100%;
                 }
             data-is-focusable={false}
-            disabled={undefined}
             id="ChoiceGroup0-week"
             name="ChoiceGroup0"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
-            required={undefined}
             type="radio"
           />
           <label
@@ -535,7 +530,6 @@ exports[`Component Examples renders ChoiceGroup.Icon.Example.tsx correctly 1`] =
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
-            required={undefined}
             type="radio"
           />
           <label
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Image.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Image.Example.tsx.shot
index 3585b744873d8..df6881ab4f9a2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Image.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Image.Example.tsx.shot
@@ -42,7 +42,6 @@ exports[`Component Examples renders ChoiceGroup.Image.Example.tsx correctly 1`]
               word-wrap: break-word;
             }
         id="ChoiceGroup0-label"
-        required={undefined}
       >
         Pick one image
       </label>
@@ -104,13 +103,11 @@ exports[`Component Examples renders ChoiceGroup.Image.Example.tsx correctly 1`]
                     width: 100%;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="ChoiceGroup0-bar"
               name="ChoiceGroup0"
               onBlur={[Function]}
               onChange={[Function]}
               onFocus={[Function]}
-              required={undefined}
               type="radio"
             />
             <label
@@ -272,7 +269,6 @@ exports[`Component Examples renders ChoiceGroup.Image.Example.tsx correctly 1`]
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/choicegroup-bar-unselected.png"
                     />
                   </div>
@@ -319,7 +315,6 @@ exports[`Component Examples renders ChoiceGroup.Image.Example.tsx correctly 1`]
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/choicegroup-bar-selected.png"
                     />
                   </div>
@@ -408,13 +403,11 @@ exports[`Component Examples renders ChoiceGroup.Image.Example.tsx correctly 1`]
                     width: 100%;
                   }
               data-is-focusable={false}
-              disabled={undefined}
               id="ChoiceGroup0-pie"
               name="ChoiceGroup0"
               onBlur={[Function]}
               onChange={[Function]}
               onFocus={[Function]}
-              required={undefined}
               type="radio"
             />
             <label
@@ -557,7 +550,6 @@ exports[`Component Examples renders ChoiceGroup.Image.Example.tsx correctly 1`]
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/choicegroup-bar-unselected.png"
                     />
                   </div>
@@ -612,7 +604,6 @@ exports[`Component Examples renders ChoiceGroup.Image.Example.tsx correctly 1`]
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/choicegroup-bar-selected.png"
                     />
                   </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Label.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Label.Example.tsx.shot
index 150794bc7207f..8b8f834d6c19d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Label.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ChoiceGroup.Label.Example.tsx.shot
@@ -69,7 +69,6 @@ exports[`Component Examples renders ChoiceGroup.Label.Example.tsx correctly 1`]
                   }
               data-automation-id="auto1"
               data-is-focusable={false}
-              disabled={undefined}
               id="ChoiceGroup0-A"
               name="ChoiceGroup0"
               onBlur={[Function]}
@@ -181,7 +180,6 @@ exports[`Component Examples renders ChoiceGroup.Label.Example.tsx correctly 1`]
                     top: 8px;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="ChoiceGroup0-B"
               name="ChoiceGroup0"
               onBlur={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot
index db4d385bf885e..e9d31c9788f1b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Coachmark.Basic.Example.tsx.shot
@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Component Examples renders Coachmark.Basic.Example.tsx correctly 1`] = `
-<div
-  className={undefined}
->
+<div>
   <div
     className=
 
@@ -38,18 +36,14 @@ exports[`Component Examples renders Coachmark.Basic.Example.tsx correctly 1`] =
             }
         htmlFor="Dropdown0"
         id="Dropdown0-label"
-        required={undefined}
       >
         Coachmark position
       </label>
       <div
         aria-activedescendant="Dropdown0-option"
         aria-describedby="Dropdown0-option"
-        aria-disabled={undefined}
         aria-expanded="false"
-        aria-label={undefined}
         aria-labelledby="Dropdown0-label"
-        aria-owns={undefined}
         className=
             ms-Dropdown
             {
@@ -231,11 +225,6 @@ exports[`Component Examples renders Coachmark.Basic.Example.tsx correctly 1`] =
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -305,7 +294,6 @@ exports[`Component Examples renders Coachmark.Basic.Example.tsx correctly 1`] =
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ColorPicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ColorPicker.Basic.Example.tsx.shot
index f8d24834714e7..aa25170e1cb57 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ColorPicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ColorPicker.Basic.Example.tsx.shot
@@ -113,7 +113,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
               right: 0px;
               top: 0px;
             }
-        style={undefined}
       />
       <div
         className=
@@ -312,7 +311,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Hex"
                     className=
@@ -358,7 +356,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="ffffff"
@@ -444,7 +441,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Red"
                     className=
@@ -490,7 +486,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="255"
@@ -576,7 +571,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Green"
                     className=
@@ -622,7 +616,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="255"
@@ -708,7 +701,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Blue"
                     className=
@@ -754,7 +746,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="255"
@@ -840,7 +831,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                       }
                 >
                   <input
-                    aria-describedby={undefined}
                     aria-invalid={false}
                     aria-label="Alpha"
                     className=
@@ -886,7 +876,6 @@ exports[`Component Examples renders ColorPicker.Basic.Example.tsx correctly 1`]
                     onChange={[Function]}
                     onFocus={[Function]}
                     onInput={[Function]}
-                    readOnly={undefined}
                     spellCheck={false}
                     type="text"
                     value="100"
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot
index f96e9e5b95917..4c5b37e222338 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.Basic.Example.tsx.shot
@@ -32,7 +32,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop1-input"
       id="Basicdrop1-label"
-      required={undefined}
     >
       Basic uncontrolled example (allowFreeform: T, AutoComplete: T):
     </label>
@@ -134,18 +133,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop1wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="inline"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop1-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -166,7 +159,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop1-input"
         onBlur={[Function]}
@@ -182,17 +174,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Comic Sans MS"
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -274,7 +260,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -329,11 +314,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -413,7 +393,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           color: Window;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -486,7 +465,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop11-input"
       id="Basicdrop11-label"
-      required={undefined}
     >
       Basic uncontrolled multi select example (allowFreeform: T, AutoComplete: T):
     </label>
@@ -588,18 +566,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop11wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="inline"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop11-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -620,7 +592,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop11-input"
         onBlur={[Function]}
@@ -636,17 +607,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Comic Sans MS, Option e"
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -728,7 +693,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -810,7 +774,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop2-input"
       id="Basicdrop2-label"
-      required={undefined}
     >
       Basic uncontrolled example (allowFreeform: T, AutoComplete: F):
     </label>
@@ -912,18 +875,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop2wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="none"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop2-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -944,7 +901,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop2-input"
         onBlur={[Function]}
@@ -960,17 +916,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Comic Sans MS"
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -1052,7 +1002,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -1134,7 +1083,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop3-input"
       id="Basicdrop3-label"
-      required={undefined}
     >
       Basic uncontrolled example (allowFreeform: F, AutoComplete: T):
     </label>
@@ -1236,18 +1184,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop3wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="both"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop3-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -1268,7 +1210,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop3-input"
         onBlur={[Function]}
@@ -1284,17 +1225,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={true}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Comic Sans MS"
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -1376,7 +1311,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -1458,7 +1392,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop1-input"
       id="Basicdrop1-label"
-      required={undefined}
     >
       Scaled example with 1000 items (allowFreeform: T, AutoComplete: T):
     </label>
@@ -1560,18 +1493,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop1wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="inline"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop1-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -1592,7 +1519,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop1-input"
         onBlur={[Function]}
@@ -1608,17 +1534,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value=""
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -1700,7 +1620,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -1782,7 +1701,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop1-input"
       id="Basicdrop1-label"
-      required={undefined}
     >
       Scaled example with 1000 items (allowFreeform: T, AutoComplete: T):
     </label>
@@ -1884,18 +1802,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop1wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="inline"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop1-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -1916,7 +1828,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop1-input"
         onBlur={[Function]}
@@ -1932,17 +1843,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value=""
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -2024,7 +1929,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -2106,7 +2010,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop4-input"
       id="Basicdrop4-label"
-      required={undefined}
     >
       Basic uncontrolled example (allowFreeform: F, AutoComplete: F):
     </label>
@@ -2208,18 +2111,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop4wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="none"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop4-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -2240,7 +2137,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop4-input"
         onBlur={[Function]}
@@ -2256,17 +2152,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={true}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Comic Sans MS"
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -2348,7 +2238,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -2430,7 +2319,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop5-input"
       id="Basicdrop5-label"
-      required={undefined}
     >
       Basic uncontrolled example:
     </label>
@@ -2502,18 +2390,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             border-color: #a80000;
             margin-bottom: 5px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop5wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="both"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop5-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -2534,7 +2416,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop5-input"
         onBlur={[Function]}
@@ -2550,17 +2431,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={true}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value=""
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -2642,7 +2517,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -2735,7 +2609,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="ComboBox27-input"
       id="ComboBox27-label"
-      required={undefined}
     >
       Disabled uncontrolled example with defaultSelectedKey:
     </label>
@@ -2799,18 +2672,13 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             border-color: GrayText;
             color: GrayText;
           }
-      data-ktp-target={undefined}
       id="ComboBox27wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="none"
-        aria-describedby={undefined}
         aria-disabled={true}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="ComboBox27-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -2837,7 +2705,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: GrayText;
             }
         data-is-interactable={false}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="ComboBox27-input"
         onBlur={[Function]}
@@ -2853,17 +2720,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={true}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Option d"
       />
       <button
-        aria-describedby={undefined}
         aria-disabled={true}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -3025,7 +2887,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop5-input"
       id="Basicdrop5-label"
-      required={undefined}
     >
       Basic controlled example:
     </label>
@@ -3127,18 +2988,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop5wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="inline"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop5-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -3159,7 +3014,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop5-input"
         onBlur={[Function]}
@@ -3175,17 +3029,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Calibri"
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -3267,7 +3115,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -3349,7 +3196,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop5-input"
       id="Basicdrop5-label"
-      required={undefined}
     >
       Basic controlled ComboBox multi-select example:
     </label>
@@ -3451,18 +3297,12 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop5wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="inline"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop5-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -3483,7 +3323,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop5-input"
         onBlur={[Function]}
@@ -3499,17 +3338,11 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value=""
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -3591,7 +3424,6 @@ exports[`Component Examples renders ComboBox.Basic.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot
index 92b1abb88a76e..81350d0caae57 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ComboBox.CustomStyled.Example.tsx.shot
@@ -34,7 +34,6 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
           }
       htmlFor="Basicdrop6-input"
       id="Basicdrop6-label"
-      required={undefined}
     >
       Custom styled uncontrolled ComboBox (allowFreeform: T, AutoComplete: T):
     </label>
@@ -136,18 +135,12 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
             right: -2px;
             top: -2px;
           }
-      data-ktp-target={undefined}
       id="Basicdrop6wrapper"
     >
       <input
-        aria-activedescendant={undefined}
         aria-autocomplete="inline"
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
-        aria-label={undefined}
         aria-labelledby="Basicdrop6-label"
-        aria-owns={undefined}
         autoCapitalize="off"
         autoComplete="off"
         className=
@@ -168,7 +161,6 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
               width: 100%;
             }
         data-is-interactable={true}
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="Basicdrop6-input"
         onBlur={[Function]}
@@ -184,17 +176,11 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
         readOnly={false}
         role="combobox"
         spellCheck={false}
-        title={undefined}
         type="text"
         value="Comic Sans MS"
       />
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-hidden={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         checked={false}
         className=
             ms-Button
@@ -276,7 +262,6 @@ exports[`Component Examples renders ComboBox.CustomStyled.Example.tsx correctly
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot
index fd0a55a312fdb..bba47ea135e5b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.Basic.Example.tsx.shot
@@ -20,9 +20,7 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
       }
     >
       <div
-        aria-describedby={undefined}
         aria-label="Use left and right arrow keys to navigate between commands"
-        aria-labelledby={undefined}
         className=
             ms-FocusZone
             ms-CommandBar
@@ -63,14 +61,10 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
               aria-label="New. Use left and right arrow keys to navigate"
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -143,7 +137,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="New"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -258,11 +251,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <a
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -336,7 +324,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                   }
               data-automation-id="uploadButton"
               data-is-focusable={true}
-              disabled={undefined}
               href="https://dev.office.com/fabric"
               name="Upload"
               onClick={[Function]}
@@ -422,11 +409,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -499,7 +481,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="Share"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -585,11 +566,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -662,7 +638,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="Download"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -748,14 +723,9 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -827,7 +797,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -902,11 +871,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -979,7 +943,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="Sort"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -1065,7 +1028,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <div
-              aria-describedby={undefined}
               className="ms-TooltipHost"
               onBlurCapture={[Function]}
               onFocusCapture={[Function]}
@@ -1073,11 +1035,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
               onMouseLeave={[Function]}
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--commandBar
@@ -1150,7 +1107,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       color: #000000;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 name="Grid view"
                 onClick={[Function]}
                 onKeyDown={[Function]}
@@ -1213,7 +1169,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                 }
           >
             <div
-              aria-describedby={undefined}
               className="ms-TooltipHost"
               onBlurCapture={[Function]}
               onFocusCapture={[Function]}
@@ -1221,11 +1176,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
               onMouseLeave={[Function]}
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--commandBar
@@ -1298,7 +1248,6 @@ exports[`Component Examples renders CommandBar.Basic.Example.tsx correctly 1`] =
                       color: #000000;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 name="Info"
                 onClick={[Function]}
                 onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot
index c7804840a3a64..9a2b4b86a4f16 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/CommandBar.ButtonAs.Example.tsx.shot
@@ -20,9 +20,7 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
       }
     >
       <div
-        aria-describedby={undefined}
         aria-label="Use left and right arrow keys to navigate between commands"
-        aria-labelledby={undefined}
         className=
             ms-FocusZone
             ms-CommandBar
@@ -63,14 +61,10 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
               aria-label="New. Use left and right arrow keys to navigate"
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -143,7 +137,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="New"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -259,11 +252,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <a
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -337,7 +325,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                   }
               data-automation-id="uploadButton"
               data-is-focusable={true}
-              disabled={undefined}
               href="https://dev.office.com/fabric"
               name="Upload"
               onClick={[Function]}
@@ -424,11 +411,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -501,7 +483,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="Share"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -588,11 +569,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -665,7 +641,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="Download"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -752,14 +727,9 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -831,7 +801,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -906,11 +875,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -983,7 +947,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               name="Sort"
               onClick={[Function]}
               onKeyDown={[Function]}
@@ -1070,7 +1033,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <div
-              aria-describedby={undefined}
               className="ms-TooltipHost"
               onBlurCapture={[Function]}
               onFocusCapture={[Function]}
@@ -1078,11 +1040,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
               onMouseLeave={[Function]}
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--commandBar
@@ -1155,7 +1112,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       color: #000000;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 name="Grid view"
                 onClick={[Function]}
                 onKeyDown={[Function]}
@@ -1218,7 +1174,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                 }
           >
             <div
-              aria-describedby={undefined}
               className="ms-TooltipHost"
               onBlurCapture={[Function]}
               onFocusCapture={[Function]}
@@ -1226,11 +1181,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
               onMouseLeave={[Function]}
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--commandBar
@@ -1303,7 +1253,6 @@ exports[`Component Examples renders CommandBar.ButtonAs.Example.tsx correctly 1`
                       color: #000000;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 name="Info"
                 onClick={[Function]}
                 onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot
index cdc8bee08af15..f0723b86daf3f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Basic.Example.tsx.shot
@@ -3,14 +3,9 @@
 exports[`Component Examples renders ContextualMenu.Basic.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.Basic.Example.tsx correctly 1
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton1"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot
index 7bb50e0bab9d4..1e087db303593 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Checkmarks.Example.tsx.shot
@@ -2,14 +2,9 @@
 
 exports[`Component Examples renders ContextualMenu.Checkmarks.Example.tsx correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
   aria-expanded={false}
   aria-haspopup={true}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   aria-owns={null}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--default
@@ -79,7 +74,6 @@ exports[`Component Examples renders ContextualMenu.Checkmarks.Example.tsx correc
         color: #212121;
       }
   data-is-focusable={true}
-  disabled={undefined}
   id="ContextualMenuButton2"
   onClick={[Function]}
   onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot
index db234fcd1c6a2..3c2228d3de75b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuItem.Example.tsx.shot
@@ -3,14 +3,9 @@
 exports[`Component Examples renders ContextualMenu.CustomMenuItem.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.CustomMenuItem.Example.tsx co
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton1"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot
index 449543da847b9..fd93d7a69be6a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomMenuList.Example.tsx.shot
@@ -3,14 +3,9 @@
 exports[`Component Examples renders ContextualMenu.CustomMenuList.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.CustomMenuList.Example.tsx co
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton1"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot
index d184156a9d4d4..90c693ae31bee 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Customization.Example.tsx.shot
@@ -2,14 +2,9 @@
 
 exports[`Component Examples renders ContextualMenu.Customization.Example.tsx correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
   aria-expanded={false}
   aria-haspopup={true}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   aria-owns={null}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.Customization.Example.tsx cor
         color: #212121;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot
index f3865a33bb88b..dd2cfd9f87063 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.CustomizationWithNoWrap.Example.tsx.shot
@@ -2,14 +2,9 @@
 
 exports[`Component Examples renders ContextualMenu.CustomizationWithNoWrap.Example.tsx correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
   aria-expanded={false}
   aria-haspopup={true}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   aria-owns={null}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.CustomizationWithNoWrap.Examp
         color: #212121;
       }
   data-is-focusable={true}
-  disabled={undefined}
   onClick={[Function]}
   onKeyDown={[Function]}
   onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot
index 6332cdd803665..0b90b612c96f6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Directional.Example.tsx.shot
@@ -9,12 +9,6 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre
   >
     <button
       aria-checked={false}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={false}
       className=
           ms-Checkbox
@@ -76,15 +70,11 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-0"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -127,7 +117,6 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre
                 transition-timing-function: cubic-bezier(.4, 0, .23, 1);
                 width: 20px;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -198,18 +187,14 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre
             }
         htmlFor="Dropdown1"
         id="Dropdown1-label"
-        required={undefined}
       >
         Directional hint
       </label>
       <div
         aria-activedescendant="Dropdown1-option"
         aria-describedby="Dropdown1-option"
-        aria-disabled={undefined}
         aria-expanded="false"
-        aria-label={undefined}
         aria-labelledby="Dropdown1-label"
-        aria-owns={undefined}
         className=
             ms-Dropdown
             {
@@ -386,14 +371,9 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre
     className="ms-ContextualMenuDirectionalExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -463,7 +443,6 @@ exports[`Component Examples renders ContextualMenu.Directional.Example.tsx corre
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot
index 2455793299920..ef2b342ade583 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Header.Example.tsx.shot
@@ -2,14 +2,9 @@
 
 exports[`Component Examples renders ContextualMenu.Header.Example.tsx correctly 1`] = `
 <button
-  aria-describedby={undefined}
-  aria-disabled={undefined}
   aria-expanded={false}
   aria-haspopup={true}
-  aria-label={undefined}
-  aria-labelledby={undefined}
   aria-owns={null}
-  aria-pressed={undefined}
   className=
       ms-Button
       ms-Button--default
@@ -79,7 +74,6 @@ exports[`Component Examples renders ContextualMenu.Header.Example.tsx correctly
         color: #212121;
       }
   data-is-focusable={true}
-  disabled={undefined}
   id="ContextualMenuButton1"
   onClick={[Function]}
   onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot
index 201f4cc662d84..cfa2cead79ece 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.Example.tsx.shot
@@ -3,14 +3,9 @@
 exports[`Component Examples renders ContextualMenu.Icon.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.Icon.Example.tsx correctly 1`
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton2"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot
index 57fadaff017a6..019b5a3691d44 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Icon.SecondaryText.Example.tsx.shot
@@ -3,14 +3,9 @@
 exports[`Component Examples renders ContextualMenu.Icon.SecondaryText.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.Icon.SecondaryText.Example.ts
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton2"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot
index a9fd2dd77e6d7..5eb38e4b5b0cd 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.ScrollBar.Example.tsx.shot
@@ -3,14 +3,9 @@
 exports[`Component Examples renders ContextualMenu.ScrollBar.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.ScrollBar.Example.tsx correct
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton1"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot
index 591a86aa099f6..81e3cdf20a36d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Section.Example.tsx.shot
@@ -3,14 +3,9 @@
 exports[`Component Examples renders ContextualMenu.Section.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders ContextualMenu.Section.Example.tsx correctly
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton1"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot
index 696a2c8d63e01..31c223a335492 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ContextualMenu.Submenu.Example.tsx.shot
@@ -57,9 +57,7 @@ exports[`Component Examples renders ContextualMenu.Submenu.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -103,7 +101,6 @@ exports[`Component Examples renders ContextualMenu.Submenu.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value="250"
         />
@@ -111,14 +108,9 @@ exports[`Component Examples renders ContextualMenu.Submenu.Example.tsx correctly
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -188,7 +180,6 @@ exports[`Component Examples renders ContextualMenu.Submenu.Example.tsx correctly
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     id="ContextualMenuButton2"
     onClick={[Function]}
     onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Basic.Example.tsx.shot
index 90f28a55f4363..61173648960eb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Basic.Example.tsx.shot
@@ -81,10 +81,7 @@ exports[`Component Examples renders DatePicker.Basic.Example.tsx correctly 1`] =
                 }
           >
             <input
-              aria-controls={undefined}
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -123,7 +120,6 @@ exports[`Component Examples renders DatePicker.Basic.Example.tsx correctly 1`] =
                     color: #666666;
                     opacity: 1;
                   }
-              disabled={undefined}
               id="TextField1"
               onBlur={[Function]}
               onChange={[Function]}
@@ -197,18 +193,14 @@ exports[`Component Examples renders DatePicker.Basic.Example.tsx correctly 1`] =
           }
       htmlFor="Dropdown3"
       id="Dropdown3-label"
-      required={undefined}
     >
       Select the first day of the week
     </label>
     <div
       aria-activedescendant="Dropdown3-option"
       aria-describedby="Dropdown3-option"
-      aria-disabled={undefined}
       aria-expanded="false"
-      aria-label={undefined}
       aria-labelledby="Dropdown3-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Bounded.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Bounded.Example.tsx.shot
index e267a4ca33472..07a97d1c95785 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Bounded.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Bounded.Example.tsx.shot
@@ -84,10 +84,7 @@ exports[`Component Examples renders DatePicker.Bounded.Example.tsx correctly 1`]
                 }
           >
             <input
-              aria-controls={undefined}
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -126,7 +123,6 @@ exports[`Component Examples renders DatePicker.Bounded.Example.tsx correctly 1`]
                     color: #666666;
                     opacity: 1;
                   }
-              disabled={undefined}
               id="TextField1"
               onBlur={[Function]}
               onChange={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot
index c0981912a704c..9e8337ae3290b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Format.Example.tsx.shot
@@ -108,8 +108,6 @@ exports[`Component Examples renders DatePicker.Format.Example.tsx correctly 1`]
                 }
           >
             <input
-              aria-controls={undefined}
-              aria-describedby={undefined}
               aria-invalid={false}
               aria-label="This field is required. One of the support input formats is year dash month dash day."
               className=
@@ -150,7 +148,6 @@ exports[`Component Examples renders DatePicker.Format.Example.tsx correctly 1`]
                     color: #666666;
                     opacity: 1;
                   }
-              disabled={undefined}
               id="TextField1"
               onBlur={[Function]}
               onChange={[Function]}
@@ -158,7 +155,6 @@ exports[`Component Examples renders DatePicker.Format.Example.tsx correctly 1`]
               onFocus={[Function]}
               onInput={[Function]}
               onKeyDown={[Function]}
-              placeholder={undefined}
               readOnly={false}
               required={false}
               type="text"
@@ -198,11 +194,6 @@ exports[`Component Examples renders DatePicker.Format.Example.tsx correctly 1`]
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -272,7 +263,6 @@ exports[`Component Examples renders DatePicker.Format.Example.tsx correctly 1`]
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot
index 81f3140e3041a..2f95a8488f3b6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Input.Example.tsx.shot
@@ -108,8 +108,6 @@ exports[`Component Examples renders DatePicker.Input.Example.tsx correctly 1`] =
                 }
           >
             <input
-              aria-controls={undefined}
-              aria-describedby={undefined}
               aria-invalid={false}
               aria-label="This field is required. One of the support input formats is year dash month dash day."
               className=
@@ -150,7 +148,6 @@ exports[`Component Examples renders DatePicker.Input.Example.tsx correctly 1`] =
                     color: #666666;
                     opacity: 1;
                   }
-              disabled={undefined}
               id="TextField1"
               onBlur={[Function]}
               onChange={[Function]}
@@ -158,7 +155,6 @@ exports[`Component Examples renders DatePicker.Input.Example.tsx correctly 1`] =
               onFocus={[Function]}
               onInput={[Function]}
               onKeyDown={[Function]}
-              placeholder={undefined}
               readOnly={false}
               required={false}
               type="text"
@@ -198,11 +194,6 @@ exports[`Component Examples renders DatePicker.Input.Example.tsx correctly 1`] =
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -272,7 +263,6 @@ exports[`Component Examples renders DatePicker.Input.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Required.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Required.Example.tsx.shot
index af04813734ff3..f3f33696262e2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Required.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.Required.Example.tsx.shot
@@ -114,10 +114,7 @@ exports[`Component Examples renders DatePicker.Required.Example.tsx correctly 1`
                 }
           >
             <input
-              aria-controls={undefined}
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -156,7 +153,6 @@ exports[`Component Examples renders DatePicker.Required.Example.tsx correctly 1`
                     color: #666666;
                     opacity: 1;
                   }
-              disabled={undefined}
               id="TextField1"
               onBlur={[Function]}
               onChange={[Function]}
@@ -288,10 +284,7 @@ exports[`Component Examples renders DatePicker.Required.Example.tsx correctly 1`
                 }
           >
             <input
-              aria-controls={undefined}
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -330,7 +323,6 @@ exports[`Component Examples renders DatePicker.Required.Example.tsx correctly 1`
                     color: #666666;
                     opacity: 1;
                   }
-              disabled={undefined}
               id="TextField4"
               onBlur={[Function]}
               onChange={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.WeekNumbers.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.WeekNumbers.Example.tsx.shot
index 1dc041778e335..a7bba3918fdb1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.WeekNumbers.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DatePicker.WeekNumbers.Example.tsx.shot
@@ -81,10 +81,7 @@ exports[`Component Examples renders DatePicker.WeekNumbers.Example.tsx correctly
                 }
           >
             <input
-              aria-controls={undefined}
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -123,7 +120,6 @@ exports[`Component Examples renders DatePicker.WeekNumbers.Example.tsx correctly
                     color: #666666;
                     opacity: 1;
                   }
-              disabled={undefined}
               id="TextField1"
               onBlur={[Function]}
               onChange={[Function]}
@@ -197,18 +193,14 @@ exports[`Component Examples renders DatePicker.WeekNumbers.Example.tsx correctly
           }
       htmlFor="Dropdown3"
       id="Dropdown3-label"
-      required={undefined}
     >
       Select the first day of the week
     </label>
     <div
       aria-activedescendant="Dropdown3-option"
       aria-describedby="Dropdown3-option"
-      aria-disabled={undefined}
       aria-expanded="false"
-      aria-label={undefined}
       aria-labelledby="Dropdown3-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot
index 19e67903399d6..dea60de9f97e8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Advanced.Example.tsx.shot
@@ -22,9 +22,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
       }
     >
       <div
-        aria-describedby={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
         className=
             ms-FocusZone
             ms-CommandBar
@@ -65,11 +62,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -142,7 +134,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -227,11 +218,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -304,7 +290,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -389,14 +374,9 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -469,7 +449,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -597,11 +576,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -674,7 +648,6 @@ exports[`Component Examples renders DetailsList.Advanced.Example.tsx correctly 1
                     color: #000000;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot
index e8a4913d6b947..fd86923b3a50d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Compact.Example.tsx.shot
@@ -50,7 +50,6 @@ exports[`Component Examples renders DetailsList.Compact.Example.tsx correctly 1`
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         Filter by name:
       </label>
@@ -84,9 +83,7 @@ exports[`Component Examples renders DetailsList.Compact.Example.tsx correctly 1`
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -130,7 +127,6 @@ exports[`Component Examples renders DetailsList.Compact.Example.tsx correctly 1`
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.CustomFooter.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.CustomFooter.Example.tsx.shot
index 8014dd02c56cc..67b925a36fc9f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.CustomFooter.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.CustomFooter.Example.tsx.shot
@@ -8,12 +8,6 @@ exports[`Component Examples renders DetailsList.CustomFooter.Example.tsx correct
   <div>
     <button
       aria-checked={false}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={false}
       className=
           ms-Checkbox
@@ -75,15 +69,11 @@ exports[`Component Examples renders DetailsList.CustomFooter.Example.tsx correct
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-0"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -126,7 +116,6 @@ exports[`Component Examples renders DetailsList.CustomFooter.Example.tsx correct
                 transition-timing-function: cubic-bezier(.4, 0, .23, 1);
                 width: 20px;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -216,7 +205,6 @@ exports[`Component Examples renders DetailsList.CustomFooter.Example.tsx correct
               word-wrap: break-word;
             }
         htmlFor="TextField1"
-        required={undefined}
       >
         Filter by name:
       </label>
@@ -250,9 +238,7 @@ exports[`Component Examples renders DetailsList.CustomFooter.Example.tsx correct
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -296,7 +282,6 @@ exports[`Component Examples renders DetailsList.CustomFooter.Example.tsx correct
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot
index 2b8c5952cb376..676c6d81b5b39 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Documents.Example.tsx.shot
@@ -49,8 +49,6 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
     >
       <button
         aria-checked={false}
-        aria-disabled={undefined}
-        aria-label={undefined}
         checked={false}
         className=
             ms-Toggle-background
@@ -99,7 +97,6 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
               border-color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle0"
         onChange={[Function]}
         onClick={[Function]}
@@ -205,8 +202,6 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
     >
       <button
         aria-checked={false}
-        aria-disabled={undefined}
-        aria-label={undefined}
         checked={false}
         className=
             ms-Toggle-background
@@ -255,7 +250,6 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
               border-color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle1"
         onChange={[Function]}
         onClick={[Function]}
@@ -362,7 +356,6 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField2"
-        required={undefined}
       >
         Filter by name:
       </label>
@@ -396,9 +389,7 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -442,7 +433,6 @@ exports[`Component Examples renders DetailsList.Documents.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot
index 70298e559340a..510486bd18273 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot
@@ -51,8 +51,6 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
     >
       <button
         aria-checked={false}
-        aria-disabled={undefined}
-        aria-label={undefined}
         checked={false}
         className=
             ms-Toggle-background
@@ -101,7 +99,6 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
               border-color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle0"
         onChange={[Function]}
         onClick={[Function]}
@@ -205,7 +202,6 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
               word-wrap: break-word;
             }
         htmlFor="TextField1"
-        required={undefined}
       >
         Number of Left frozen columns:
       </label>
@@ -239,9 +235,7 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -285,7 +279,6 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value="1"
         />
@@ -337,7 +330,6 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
               word-wrap: break-word;
             }
         htmlFor="TextField3"
-        required={undefined}
       >
         Number of Right frozen columns:
       </label>
@@ -371,9 +363,7 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -417,7 +407,6 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value="0"
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot
index a4df7626f2e37..8ad17709ab6f1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.Grouped.Example.tsx.shot
@@ -33,12 +33,6 @@ exports[`Component Examples renders DetailsList.Grouped.Example.tsx correctly 1`
   <div>
     <button
       aria-checked={false}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={false}
       className=
           ms-Checkbox
@@ -100,15 +94,11 @@ exports[`Component Examples renders DetailsList.Grouped.Example.tsx correctly 1`
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-0"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -151,7 +141,6 @@ exports[`Component Examples renders DetailsList.Grouped.Example.tsx correctly 1`
                 transition-timing-function: cubic-bezier(.4, 0, .23, 1);
                 width: 20px;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -197,11 +186,6 @@ exports[`Component Examples renders DetailsList.Grouped.Example.tsx correctly 1`
     </button>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -271,7 +255,6 @@ exports[`Component Examples renders DetailsList.Grouped.Example.tsx correctly 1`
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot
index 0275fb9b63b62..f9214bda8826d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Basic.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Dialog.Basic.Example.tsx correctly 1`] = `
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Dialog.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot
index 9a4ee6a0efe13..b2fb5be27f334 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.Blocking.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Dialog.Blocking.Example.tsx correctly 1`] =
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Dialog.Blocking.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot
index 749541a8154cc..ae41dae4dcd47 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dialog.LargeHeader.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Dialog.LargeHeader.Example.tsx correctly 1`]
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Dialog.LargeHeader.Example.tsx correctly 1`]
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Basic.Example.tsx.shot
index acd93735e3795..567f8311dd734 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Basic.Example.tsx.shot
@@ -6,12 +6,10 @@ exports[`Component Examples renders DocumentCard.Basic.Example.tsx correctly 1`]
   onClick={[Function]}
   onKeyDown={[Function]}
   role="link"
-  style={undefined}
   tabIndex={0}
 >
   <div
     className="ms-DocumentCardPreview"
-    style={undefined}
   >
     <div>
       <div
@@ -124,7 +122,6 @@ exports[`Component Examples renders DocumentCard.Basic.Example.tsx correctly 1`]
                   text-align: center;
                   width: 32px;
                 }
-            style={undefined}
           >
             <div
               className=
@@ -169,7 +166,6 @@ exports[`Component Examples renders DocumentCard.Basic.Example.tsx correctly 1`]
                     }
                 onError={[Function]}
                 onLoad={[Function]}
-                role={undefined}
                 src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
               />
             </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Compact.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Compact.Example.tsx.shot
index 481f2147517e4..7e3cd1870b695 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Compact.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Compact.Example.tsx.shot
@@ -7,12 +7,10 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
       className="ms-DocumentCardPreview is-fileList undefined"
-      style={undefined}
     >
       <div>
         <ul
@@ -188,7 +186,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                       text-align: center;
                       width: 32px;
                     }
-                style={undefined}
               >
                 <div
                   className=
@@ -233,7 +230,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                         }
                     onError={[Function]}
                     onLoad={[Function]}
-                    role={undefined}
                     src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                   />
                 </div>
@@ -264,12 +260,10 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
       className="ms-DocumentCardPreview"
-      style={undefined}
     >
       <div>
         <div
@@ -379,7 +373,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                       text-align: center;
                       width: 32px;
                     }
-                style={undefined}
               >
                 <div
                   className=
@@ -424,7 +417,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                         }
                     onError={[Function]}
                     onLoad={[Function]}
-                    role={undefined}
                     src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                   />
                 </div>
@@ -455,12 +447,10 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
       className="ms-DocumentCardPreview"
-      style={undefined}
     >
       <div
         className="ms-DocumentCardPreview-iconContainer"
@@ -535,7 +525,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                       text-align: center;
                       width: 32px;
                     }
-                style={undefined}
               >
                 <div
                   className=
@@ -580,7 +569,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                         }
                     onError={[Function]}
                     onLoad={[Function]}
-                    role={undefined}
                     src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                   />
                 </div>
@@ -611,12 +599,10 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
       className="ms-DocumentCardPreview"
-      style={undefined}
     >
       <div
         className="ms-DocumentCardPreview-iconContainer2"
@@ -691,7 +677,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                       text-align: center;
                       width: 32px;
                     }
-                style={undefined}
               >
                 <div
                   className=
@@ -736,7 +721,6 @@ exports[`Component Examples renders DocumentCard.Compact.Example.tsx correctly 1
                         }
                     onError={[Function]}
                     onLoad={[Function]}
-                    role={undefined}
                     src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                   />
                 </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot
index c888b42609e9f..3a2708fe88b19 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DocumentCard.Complete.Example.tsx.shot
@@ -7,12 +7,10 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
     onClick={[Function]}
     onKeyDown={[Function]}
     role="button"
-    style={undefined}
     tabIndex={0}
   >
     <div
       className="ms-DocumentCardPreview is-fileList undefined"
-      style={undefined}
     >
       <div>
         <ul
@@ -150,7 +148,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
       aria-label="Location, Marketing Documents"
       className="ms-DocumentCardLocation"
       href="http://microsoft.com"
-      onClick={undefined}
     >
       Marketing Documents
     </a>
@@ -193,7 +190,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 aria-hidden="true"
@@ -215,7 +211,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       box-sizing: border-box;
                       color: WindowText;
                     }
-                style={undefined}
               >
                 <span>
                   JH
@@ -251,7 +246,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 className=
@@ -296,7 +290,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       }
                   onError={[Function]}
                   onLoad={[Function]}
-                  role={undefined}
                   src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                 />
               </div>
@@ -326,11 +319,7 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
         className="ms-DocumentCardActions-action"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="share action"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -397,7 +386,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                 color: #0078d4;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -452,11 +440,7 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
         className="ms-DocumentCardActions-action"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="pin action"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -523,7 +507,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                 color: #0078d4;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -578,11 +561,7 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
         className="ms-DocumentCardActions-action"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="ringer action"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -649,7 +628,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                 color: #0078d4;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -733,7 +711,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
@@ -834,7 +811,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 aria-hidden="true"
@@ -856,7 +832,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       box-sizing: border-box;
                       color: WindowText;
                     }
-                style={undefined}
               >
                 <span>
                   JH
@@ -892,7 +867,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 className=
@@ -937,7 +911,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       }
                   onError={[Function]}
                   onLoad={[Function]}
-                  role={undefined}
                   src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                 />
               </div>
@@ -967,7 +940,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
@@ -1068,7 +1040,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 aria-hidden="true"
@@ -1090,7 +1061,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       box-sizing: border-box;
                       color: WindowText;
                     }
-                style={undefined}
               >
                 <span>
                   JH
@@ -1126,7 +1096,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 className=
@@ -1171,7 +1140,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       }
                   onError={[Function]}
                   onLoad={[Function]}
-                  role={undefined}
                   src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                 />
               </div>
@@ -1201,7 +1169,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
@@ -1275,7 +1242,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 aria-hidden="true"
@@ -1297,7 +1263,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       box-sizing: border-box;
                       color: WindowText;
                     }
-                style={undefined}
               >
                 <span>
                   JH
@@ -1333,7 +1298,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                     text-align: center;
                     width: 32px;
                   }
-              style={undefined}
             >
               <div
                 className=
@@ -1378,7 +1342,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       }
                   onError={[Function]}
                   onLoad={[Function]}
-                  role={undefined}
                   src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                 />
               </div>
@@ -1408,12 +1371,10 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
     onClick={[Function]}
     onKeyDown={[Function]}
     role="link"
-    style={undefined}
     tabIndex={0}
   >
     <div
       className="ms-DocumentCardPreview"
-      style={undefined}
     >
       <div
         className="ms-DocumentCardPreview-iconContainer"
@@ -1488,7 +1449,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                       text-align: center;
                       width: 32px;
                     }
-                style={undefined}
               >
                 <div
                   className=
@@ -1533,7 +1493,6 @@ exports[`Component Examples renders DocumentCard.Complete.Example.tsx correctly
                         }
                     onError={[Function]}
                     onLoad={[Function]}
-                    role={undefined}
                     src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                   />
                 </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Basic.Example.tsx.shot
index c1fec2990499a..4c37953484c77 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Basic.Example.tsx.shot
@@ -31,18 +31,15 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Basicdrop1"
       id="Basicdrop1-label"
-      required={undefined}
     >
       Basic uncontrolled example:
     </label>
     <div
       aria-activedescendant="Basicdrop1-option"
       aria-describedby="Basicdrop1-option"
-      aria-disabled={undefined}
       aria-expanded="false"
       aria-label="Basic dropdown example"
       aria-labelledby="Basicdrop1-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
@@ -142,8 +139,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
         aria-atomic={true}
         aria-label="Select an Option"
         aria-live="off"
-        aria-posinset={undefined}
-        aria-selected={undefined}
         aria-setsize={10}
         className=
             ms-Dropdown-title
@@ -216,11 +211,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -300,7 +290,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
           color: Window;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -372,7 +361,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Dropdown3"
       id="Dropdown3-label"
-      required={undefined}
     >
       Disabled uncontrolled example with defaultSelectedKey:
     </label>
@@ -381,9 +369,7 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
       aria-describedby="Dropdown3-option"
       aria-disabled={true}
       aria-expanded="false"
-      aria-label={undefined}
       aria-labelledby="Dropdown3-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           is-disabled
@@ -579,18 +565,14 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Dropdown4"
       id="Dropdown4-label"
-      required={undefined}
     >
       Controlled example:
     </label>
     <div
       aria-activedescendant="Dropdown4-option"
       aria-describedby="Dropdown4-option"
-      aria-disabled={undefined}
       aria-expanded="false"
-      aria-label={undefined}
       aria-labelledby="Dropdown4-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
@@ -691,8 +673,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
         aria-atomic={true}
         aria-label="Select an Option"
         aria-live="off"
-        aria-posinset={undefined}
-        aria-selected={undefined}
         aria-setsize={7}
         className=
             ms-Dropdown-title
@@ -791,18 +771,13 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Dropdown5"
       id="Dropdown5-label"
-      required={undefined}
     >
       Multi-Select uncontrolled example:
     </label>
     <div
-      aria-activedescendant={undefined}
       aria-describedby="Dropdown5-option"
-      aria-disabled={undefined}
       aria-expanded="false"
-      aria-label={undefined}
       aria-labelledby="Dropdown5-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
@@ -895,16 +870,12 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
       onFocus={[Function]}
       onKeyDown={[Function]}
       onKeyUp={[Function]}
-      role={undefined}
       tabIndex={0}
     >
       <span
         aria-atomic={true}
         aria-label="apple"
         aria-live="off"
-        aria-posinset={undefined}
-        aria-selected={undefined}
-        aria-setsize={undefined}
         className=
             ms-Dropdown-title
             {
@@ -932,7 +903,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
               white-space: nowrap;
             }
         id="Dropdown5-option"
-        role={undefined}
       >
         <span>
           apple, banana, orange
@@ -1000,18 +970,13 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Dropdown6"
       id="Dropdown6-label"
-      required={undefined}
     >
       Multi-Select controlled example:
     </label>
     <div
-      aria-activedescendant={undefined}
       aria-describedby="Dropdown6-option"
-      aria-disabled={undefined}
       aria-expanded="false"
-      aria-label={undefined}
       aria-labelledby="Dropdown6-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
@@ -1105,16 +1070,12 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
       onFocus={[Function]}
       onKeyDown={[Function]}
       onKeyUp={[Function]}
-      role={undefined}
       tabIndex={0}
     >
       <span
         aria-atomic={true}
         aria-label="Select options"
         aria-live="off"
-        aria-posinset={undefined}
-        aria-selected={undefined}
-        aria-setsize={undefined}
         className=
             ms-Dropdown-title
             ms-Dropdown-titleIsPlaceHolder
@@ -1144,7 +1105,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
               white-space: nowrap;
             }
         id="Dropdown6-option"
-        role={undefined}
       >
         <span>
           Select options
@@ -1212,18 +1172,14 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
           }
       htmlFor="Dropdown7"
       id="Dropdown7-label"
-      required={undefined}
     >
       Disabled uncontrolled example with defaultSelectedKey:
     </label>
     <div
-      aria-activedescendant={undefined}
       aria-describedby="Dropdown7-option"
       aria-disabled={true}
       aria-expanded="false"
-      aria-label={undefined}
       aria-labelledby="Dropdown7-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           is-disabled
@@ -1305,16 +1261,12 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
       onFocus={[Function]}
       onKeyDown={[Function]}
       onKeyUp={[Function]}
-      role={undefined}
       tabIndex={-1}
     >
       <span
         aria-atomic={true}
         aria-label="Option g"
         aria-live="off"
-        aria-posinset={undefined}
-        aria-selected={undefined}
-        aria-setsize={undefined}
         className=
             ms-Dropdown-title
             {
@@ -1348,7 +1300,6 @@ exports[`Component Examples renders Dropdown.Basic.Example.tsx correctly 1`] = `
               color: GrayText;
             }
         id="Dropdown7-option"
-        role={undefined}
       >
         <span>
           Option g, Option f
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot
index 5699667a64791..cbb8fb876abc0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Custom.Example.tsx.shot
@@ -31,18 +31,15 @@ exports[`Component Examples renders Dropdown.Custom.Example.tsx correctly 1`] =
           }
       htmlFor="Customdrop1"
       id="Customdrop1-label"
-      required={undefined}
     >
       Custom example:
     </label>
     <div
       aria-activedescendant="Customdrop1-option"
       aria-describedby="Customdrop1-option"
-      aria-disabled={undefined}
       aria-expanded="false"
       aria-label="Custom dropdown example"
       aria-labelledby="Customdrop1-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
@@ -142,8 +139,6 @@ exports[`Component Examples renders Dropdown.Custom.Example.tsx correctly 1`] =
         aria-atomic={true}
         aria-label="Select an Option"
         aria-live="off"
-        aria-posinset={undefined}
-        aria-selected={undefined}
         aria-setsize={10}
         className=
             ms-Dropdown-title
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Error.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Error.Example.tsx.shot
index 1c6ba09e45a48..75da3a71e6228 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Error.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Dropdown.Error.Example.tsx.shot
@@ -31,18 +31,15 @@ exports[`Component Examples renders Dropdown.Error.Example.tsx correctly 1`] = `
           }
       htmlFor="Errormessagedrop1"
       id="Errormessagedrop1-label"
-      required={undefined}
     >
       Error message example:
     </label>
     <div
       aria-activedescendant="Errormessagedrop1-option"
       aria-describedby="Errormessagedrop1-option"
-      aria-disabled={undefined}
       aria-expanded="false"
       aria-label="Error message dropdown example"
       aria-labelledby="Errormessagedrop1-label"
-      aria-owns={undefined}
       className=
           ms-Dropdown
           {
@@ -142,8 +139,6 @@ exports[`Component Examples renders Dropdown.Error.Example.tsx correctly 1`] = `
         aria-atomic={true}
         aria-label="Select an Option"
         aria-live="off"
-        aria-posinset={undefined}
-        aria-selected={undefined}
         aria-setsize={5}
         className=
             ms-Dropdown-title
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot
index 7247bb9e186ca..4e56f7d3717e8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ExtendedPeoplePicker.Basic.Example.tsx.shot
@@ -8,8 +8,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
     onKeyDown={[Function]}
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone0"
       onFocus={[Function]}
@@ -39,7 +37,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
             TO:
           </div>
           <input
-            aria-activedescendant={undefined}
             aria-controls="selected-suggestion-alert"
             aria-expanded={false}
             aria-haspopup="true"
@@ -49,7 +46,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
             autoComplete="off"
             className="ms-BasePicker-input"
             data-lpignore={true}
-            disabled={undefined}
             onBlur={[Function]}
             onChange={[Function]}
             onClick={[Function]}
@@ -116,8 +112,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
     >
       <button
         aria-checked={false}
-        aria-disabled={undefined}
-        aria-label={undefined}
         className=
             ms-Toggle-background
             {
@@ -165,7 +159,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
               border-color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle1"
         onChange={[Function]}
         onClick={[Function]}
@@ -191,11 +184,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -275,7 +263,6 @@ exports[`Component Examples renders ExtendedPeoplePicker.Basic.Example.tsx corre
           color: Window;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot
index 1540ac0c757f7..f4020575caaab 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.AddFace.Example.tsx.shot
@@ -38,11 +38,7 @@ exports[`Component Examples renders Facepile.AddFace.Example.tsx correctly 1`] =
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-label="Add a new person"
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Facepile-addButton
@@ -127,7 +123,6 @@ exports[`Component Examples renders Facepile.AddFace.Example.tsx correctly 1`] =
             background-color: #c8c8c8;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -170,7 +165,6 @@ exports[`Component Examples renders Facepile.AddFace.Example.tsx correctly 1`] =
                   text-align: center;
                   width: 32px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -192,7 +186,6 @@ exports[`Component Examples renders Facepile.AddFace.Example.tsx correctly 1`] =
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <i
                 aria-hidden={true}
@@ -219,7 +212,6 @@ exports[`Component Examples renders Facepile.AddFace.Example.tsx correctly 1`] =
     </button>
     <div
       aria-describedby="id__0"
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone4"
       onFocus={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot
index 295f576d1711a..8d2d95c72371a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Basic.Example.tsx.shot
@@ -42,7 +42,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
     >
       <div
         aria-describedby="id__0"
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone1"
         onFocus={[Function]}
@@ -140,7 +139,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                         text-align: center;
                         width: 32px;
                       }
-                  style={undefined}
                 >
                   <div
                     className=
@@ -185,7 +183,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                     />
                   </div>
@@ -266,7 +263,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                         text-align: center;
                         width: 32px;
                       }
-                  style={undefined}
                 >
                   <div
                     className=
@@ -311,7 +307,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                     />
                   </div>
@@ -332,11 +327,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Facepile-itemButton
@@ -407,7 +397,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                   }
               data="75%"
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -454,7 +443,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                           text-align: center;
                           width: 32px;
                         }
-                    style={undefined}
                   >
                     <div
                       aria-hidden="true"
@@ -476,7 +464,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                             box-sizing: border-box;
                             color: WindowText;
                           }
-                      style={undefined}
                     >
                       <span>
                         AL
@@ -540,7 +527,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
           aria-valuemax={5}
           aria-valuemin={1}
           aria-valuenow={3}
-          aria-valuetext={undefined}
           className=
               ms-Slider-slideBox
               ms-Slider-showValue
@@ -749,18 +735,14 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
             }
         htmlFor="Dropdown6"
         id="Dropdown6-label"
-        required={undefined}
       >
         Persona Size:
       </label>
       <div
         aria-activedescendant="Dropdown6-option"
         aria-describedby="Dropdown6-option"
-        aria-disabled={undefined}
         aria-expanded="false"
-        aria-label={undefined}
         aria-labelledby="Dropdown6-label"
-        aria-owns={undefined}
         className=
             ms-Dropdown
             {
@@ -934,12 +916,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
     </div>
     <button
       aria-checked={true}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={true}
       className=
           ms-Checkbox
@@ -1010,15 +986,11 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-7"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -1066,7 +1038,6 @@ exports[`Component Examples renders Facepile.Basic.Example.tsx correctly 1`] = `
                 background: Highlight;
                 border-color: Highlight;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot
index fa8d6f43ea33f..7072c9d0c279c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Facepile.Overflow.Example.tsx.shot
@@ -42,7 +42,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
     >
       <div
         aria-describedby="id__0"
-        aria-labelledby={undefined}
         className="ms-FocusZone"
         data-focuszone-id="FocusZone1"
         onFocus={[Function]}
@@ -140,7 +139,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                         text-align: center;
                         width: 32px;
                       }
-                  style={undefined}
                 >
                   <div
                     className=
@@ -185,7 +183,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                     />
                   </div>
@@ -266,7 +263,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                         text-align: center;
                         width: 32px;
                       }
-                  style={undefined}
                 >
                   <div
                     className=
@@ -311,7 +307,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                           }
                       onError={[Function]}
                       onLoad={[Function]}
-                      role={undefined}
                       src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
                     />
                   </div>
@@ -332,11 +327,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Facepile-itemButton
@@ -407,7 +397,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                   }
               data="75%"
               data-is-focusable={true}
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -454,7 +443,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                           text-align: center;
                           width: 32px;
                         }
-                    style={undefined}
                   >
                     <div
                       aria-hidden="true"
@@ -476,7 +464,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                             box-sizing: border-box;
                             color: WindowText;
                           }
-                      style={undefined}
                     >
                       <span>
                         AL
@@ -560,7 +547,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                         text-align: center;
                         width: 32px;
                       }
-                  style={undefined}
                 >
                   <div
                     aria-hidden="true"
@@ -582,7 +568,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                           box-sizing: border-box;
                           color: WindowText;
                         }
-                    style={undefined}
                   >
                     <span>
                       RK
@@ -665,7 +650,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                         text-align: center;
                         width: 32px;
                       }
-                  style={undefined}
                 >
                   <div
                     aria-hidden="true"
@@ -687,7 +671,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
                           box-sizing: border-box;
                           color: WindowText;
                         }
-                    style={undefined}
                   >
                     <span>
                       CB
@@ -750,7 +733,6 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
           aria-valuemax={5}
           aria-valuemin={1}
           aria-valuenow={5}
-          aria-valuetext={undefined}
           className=
               ms-Slider-slideBox
               ms-Slider-showValue
@@ -959,18 +941,14 @@ exports[`Component Examples renders Facepile.Overflow.Example.tsx correctly 1`]
             }
         htmlFor="Dropdown6"
         id="Dropdown6-label"
-        required={undefined}
       >
         Overflow Button Type:
       </label>
       <div
         aria-activedescendant="Dropdown6-option"
         aria-describedby="Dropdown6-option"
-        aria-disabled={undefined}
         aria-expanded="false"
-        aria-label={undefined}
         aria-labelledby="Dropdown6-label"
-        aria-owns={undefined}
         className=
             ms-Dropdown
             {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FloatingPeoplePicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FloatingPeoplePicker.Basic.Example.tsx.shot
index 62f17e62a49be..45e7258687706 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FloatingPeoplePicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FloatingPeoplePicker.Basic.Example.tsx.shot
@@ -122,7 +122,6 @@ exports[`Component Examples renders FloatingPeoplePicker.Basic.Example.tsx corre
             &:-ms-input-placeholder {
               color: #666666;
             }
-        disabled={undefined}
         id="SearchBox0"
         onChange={[Function]}
         onInput={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Click.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Click.Example.tsx.shot
index 637c0399ccd6e..1a56fe74e44db 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Click.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Click.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -171,7 +167,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
                   word-wrap: break-word;
                 }
             htmlFor="TextField3"
-            required={undefined}
           >
             Default TextField
           </label>
@@ -205,9 +200,7 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
                 }
           >
             <input
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -252,7 +245,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
               onFocus={[Function]}
               onInput={[Function]}
               placeholder="Input inside Focus Trap Zone"
-              readOnly={undefined}
               type="text"
               value=""
             />
@@ -260,7 +252,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
         </div>
       </div>
       <button
-        aria-disabled={undefined}
         className=
             ms-Link
             {
@@ -319,7 +310,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
             &:focus {
               color: #0078d4;
             }
-        disabled={undefined}
         onClick={[Function]}
       >
         Hyperlink inside FocusTrapZone
@@ -373,8 +363,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
         >
           <button
             aria-checked={false}
-            aria-disabled={undefined}
-            aria-label={undefined}
             checked={false}
             className=
                 ms-Toggle-background
@@ -423,7 +411,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Click.Example.tsx correctl
                   border-color: Highlight;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             id="Toggle5"
             onChange={[Function]}
             onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot
index 23d9d1c43aef9..6d3685f28e531 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -171,7 +167,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
                   word-wrap: break-word;
                 }
             htmlFor="TextField3"
-            required={undefined}
           >
             Default TextField
           </label>
@@ -205,9 +200,7 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
                 }
           >
             <input
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -252,7 +245,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
               onFocus={[Function]}
               onInput={[Function]}
               placeholder="Input inside Focus Trap Zone"
-              readOnly={undefined}
               type="text"
               value=""
             />
@@ -260,7 +252,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
         </div>
       </div>
       <button
-        aria-disabled={undefined}
         className=
             ms-Link
             {
@@ -319,7 +310,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
             &:focus {
               color: #0078d4;
             }
-        disabled={undefined}
         onClick={[Function]}
       >
         Hyperlink inside FocusTrapZone
@@ -373,8 +363,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
         >
           <button
             aria-checked={false}
-            aria-disabled={undefined}
-            aria-label={undefined}
             checked={false}
             className=
                 ms-Toggle-background
@@ -423,7 +411,6 @@ exports[`Component Examples renders FocusTrapZone.Box.Example.tsx correctly 1`]
                   border-color: Highlight;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             id="Toggle5"
             onChange={[Function]}
             onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot
index 27b09ececc45b..ef847532ee7ed 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -171,7 +165,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
                   word-wrap: break-word;
                 }
             htmlFor="TextField3"
-            required={undefined}
           >
             Default TextField
           </label>
@@ -205,9 +198,7 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
                 }
           >
             <input
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -252,7 +243,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
               onFocus={[Function]}
               onInput={[Function]}
               placeholder="Input inside Focus Trap Zone"
-              readOnly={undefined}
               type="text"
               value=""
             />
@@ -260,7 +250,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
         </div>
       </div>
       <button
-        aria-disabled={undefined}
         className=
             ms-Link
             {
@@ -319,7 +308,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
             &:focus {
               color: #0078d4;
             }
-        disabled={undefined}
         onClick={[Function]}
       >
         Hyperlink inside FocusTrapZone
@@ -376,8 +364,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
           >
             <button
               aria-checked={false}
-              aria-disabled={undefined}
-              aria-label={undefined}
               checked={false}
               className=
                   ms-Toggle-background
@@ -426,7 +412,6 @@ exports[`Component Examples renders FocusTrapZone.Box.FocusOnCustomElement.Examp
                     border-color: Highlight;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="Toggle5"
               onChange={[Function]}
               onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot
index 7c1f151aaa776..afdab60e832d7 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.DialogInPanel.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders FocusTrapZone.DialogInPanel.Example.tsx corr
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders FocusTrapZone.DialogInPanel.Example.tsx corr
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot
index b3809a52b6c5f..a76e733b4b6fd 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusTrapZone.Nested.Example.tsx.shot
@@ -6,11 +6,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
     className="ms-FocusTrapComponent"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -80,7 +75,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -172,8 +166,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
       >
         <button
           aria-checked={false}
-          aria-disabled={undefined}
-          aria-label={undefined}
           className=
               ms-Toggle-background
               {
@@ -221,7 +213,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                 border-color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Toggle3"
           onChange={[Function]}
           onClick={[Function]}
@@ -284,11 +275,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
       className="ms-FocusTrapComponent"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -358,7 +344,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -450,8 +435,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
         >
           <button
             aria-checked={false}
-            aria-disabled={undefined}
-            aria-label={undefined}
             className=
                 ms-Toggle-background
                 {
@@ -499,7 +482,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                   border-color: Highlight;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             id="Toggle7"
             onChange={[Function]}
             onClick={[Function]}
@@ -562,11 +544,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
         className="ms-FocusTrapComponent"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -636,7 +613,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -728,8 +704,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
           >
             <button
               aria-checked={false}
-              aria-disabled={undefined}
-              aria-label={undefined}
               className=
                   ms-Toggle-background
                   {
@@ -777,7 +751,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                     border-color: Highlight;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="Toggle11"
               onChange={[Function]}
               onClick={[Function]}
@@ -841,11 +814,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
         className="ms-FocusTrapComponent"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -915,7 +883,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1007,8 +974,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
           >
             <button
               aria-checked={false}
-              aria-disabled={undefined}
-              aria-label={undefined}
               className=
                   ms-Toggle-background
                   {
@@ -1056,7 +1021,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                     border-color: Highlight;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="Toggle15"
               onChange={[Function]}
               onClick={[Function]}
@@ -1121,11 +1085,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
       className="ms-FocusTrapComponent"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -1195,7 +1154,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -1287,8 +1245,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
         >
           <button
             aria-checked={false}
-            aria-disabled={undefined}
-            aria-label={undefined}
             className=
                 ms-Toggle-background
                 {
@@ -1336,7 +1292,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
                   border-color: Highlight;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             id="Toggle19"
             onChange={[Function]}
             onClick={[Function]}
@@ -1398,11 +1353,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -1472,7 +1422,6 @@ exports[`Component Examples renders FocusTrapZone.Nested.Example.tsx correctly 1
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot
index 3d8a38aee1df8..a3048bdf80cb5 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Disabled.Example.tsx.shot
@@ -8,8 +8,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
     className="ms-Row"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone0"
       onFocus={[Function]}
@@ -21,11 +19,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
         Enabled FocusZone: 
       </span>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -95,7 +88,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -141,11 +133,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -215,7 +202,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -316,9 +302,7 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
                 }
           >
             <input
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -362,7 +346,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               onChange={[Function]}
               onFocus={[Function]}
               onInput={[Function]}
-              readOnly={undefined}
               type="text"
               value="FocusZone TextField"
             />
@@ -370,11 +353,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
         </div>
       </div>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -444,7 +422,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -495,11 +472,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
     className="ms-Row"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -569,7 +541,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -619,8 +590,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
     className="ms-Row"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone15"
       onFocus={[Function]}
@@ -632,11 +601,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
         Disabled FocusZone: 
       </span>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -706,7 +670,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -752,11 +715,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -826,7 +784,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -931,9 +888,7 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
               }
         >
           <input
-            aria-describedby={undefined}
             aria-invalid={false}
-            aria-label={undefined}
             className=
                 ms-TextField-field
                 {
@@ -977,7 +932,6 @@ exports[`Component Examples renders FocusZone.Disabled.Example.tsx correctly 1`]
             onChange={[Function]}
             onFocus={[Function]}
             onInput={[Function]}
-            readOnly={undefined}
             type="text"
             value="Tabbable Element 2"
           />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot
index 042f05961e3c6..fda74b92358ed 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.List.Example.tsx.shot
@@ -2,8 +2,6 @@
 
 exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className="ms-FocusZone ms-FocusZoneListExample"
   data-focuszone-id="FocusZone0"
   onFocus={[Function]}
@@ -12,9 +10,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
   role="presentation"
 >
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={1}
     aria-selected={false}
     className=
@@ -197,7 +192,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -443,7 +437,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -477,7 +470,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x200"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x200
         </a>
@@ -552,11 +544,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -626,7 +613,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -690,9 +676,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={2}
     aria-selected={false}
     className=
@@ -875,7 +858,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -1121,7 +1103,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -1155,7 +1136,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x201"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x201
         </a>
@@ -1230,11 +1210,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -1304,7 +1279,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1368,9 +1342,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={3}
     aria-selected={false}
     className=
@@ -1553,7 +1524,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -1799,7 +1769,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -1833,7 +1802,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x202"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x202
         </a>
@@ -1908,11 +1876,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -1982,7 +1945,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2046,9 +2008,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={4}
     aria-selected={false}
     className=
@@ -2231,7 +2190,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -2477,7 +2435,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -2511,7 +2468,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x203"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x203
         </a>
@@ -2586,11 +2542,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -2660,7 +2611,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2724,9 +2674,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={5}
     aria-selected={false}
     className=
@@ -2909,7 +2856,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -3155,7 +3101,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -3189,7 +3134,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x204"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x204
         </a>
@@ -3264,11 +3208,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -3338,7 +3277,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3402,9 +3340,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={6}
     aria-selected={false}
     className=
@@ -3587,7 +3522,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -3833,7 +3767,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -3867,7 +3800,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x205"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x205
         </a>
@@ -3942,11 +3874,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -4016,7 +3943,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -4080,9 +4006,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={7}
     aria-selected={false}
     className=
@@ -4265,7 +4188,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -4511,7 +4433,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -4545,7 +4466,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x206"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x206
         </a>
@@ -4620,11 +4540,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -4694,7 +4609,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -4758,9 +4672,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={8}
     aria-selected={false}
     className=
@@ -4943,7 +4854,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -5189,7 +5099,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -5223,7 +5132,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x207"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x207
         </a>
@@ -5298,11 +5206,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -5372,7 +5275,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -5436,9 +5338,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={9}
     aria-selected={false}
     className=
@@ -5621,7 +5520,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -5867,7 +5765,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -5901,7 +5798,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x208"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x208
         </a>
@@ -5976,11 +5872,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -6050,7 +5941,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -6114,9 +6004,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
     />
   </div>
   <div
-    aria-describedby={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-rowindex={10}
     aria-selected={false}
     className=
@@ -6299,7 +6186,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         data-automationid="DetailsRowCheck"
         data-selection-toggle={true}
         role="checkbox"
-        title={undefined}
       >
         <div
           className=
@@ -6545,7 +6431,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <a
-          aria-disabled={undefined}
           className=
               ms-Link
               {
@@ -6579,7 +6464,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
               }
           href="http://placehold.it/100x209"
           onClick={[Function]}
-          target={undefined}
         >
           http://placehold.it/100x209
         </a>
@@ -6654,11 +6538,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
         }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -6728,7 +6607,6 @@ exports[`Component Examples renders FocusZone.List.Example.tsx correctly 1`] = `
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Photos.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Photos.Example.tsx.shot
index b480c078548fe..abb112e2a9ff2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Photos.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Photos.Example.tsx.shot
@@ -2,8 +2,6 @@
 
 exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] = `
 <ul
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className="ms-FocusZone ms-FocusZoneExamples-photoList"
   data-focuszone-id="FocusZone0"
   onFocus={[Function]}
@@ -33,7 +31,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -47,7 +44,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -74,7 +70,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -88,7 +83,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -115,7 +109,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -129,7 +122,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -156,7 +148,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -170,7 +161,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -197,7 +187,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -211,7 +200,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -238,7 +226,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -252,7 +239,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -279,7 +265,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -293,7 +278,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -320,7 +304,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -334,7 +317,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -361,7 +343,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -375,7 +356,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -402,7 +382,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -416,7 +395,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -443,7 +421,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -457,7 +434,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -484,7 +460,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -498,7 +473,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -525,7 +499,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -539,7 +512,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -566,7 +538,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -580,7 +551,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -607,7 +577,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -621,7 +590,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -648,7 +616,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -662,7 +629,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -689,7 +655,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -703,7 +668,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -730,7 +694,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -744,7 +707,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -771,7 +733,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -785,7 +746,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -812,7 +772,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -826,7 +785,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -853,7 +811,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -867,7 +824,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -894,7 +850,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -908,7 +863,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -935,7 +889,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -949,7 +902,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -976,7 +928,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -990,7 +941,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
@@ -1017,7 +967,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -1031,7 +980,6 @@ exports[`Component Examples renders FocusZone.Photos.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/50x100"
       />
     </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot
index 43f8a0071fd8a..a39449e45c998 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/FocusZone.Tabbable.Example.tsx.shot
@@ -8,8 +8,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
     className="ms-Row"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone0"
       onFocus={[Function]}
@@ -21,11 +19,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
         Circular Tabbable FocusZone: 
       </span>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -95,7 +88,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -141,11 +133,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -215,7 +202,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -316,9 +302,7 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
                 }
           >
             <input
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -362,7 +346,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               onChange={[Function]}
               onFocus={[Function]}
               onInput={[Function]}
-              readOnly={undefined}
               type="text"
               value="FocusZone TextField"
             />
@@ -370,11 +353,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
         </div>
       </div>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -444,7 +422,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -490,14 +467,8 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
         </div>
       </button>
       <div
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
         aria-haspopup={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
-        aria-roledescription={undefined}
         className=
 
             {
@@ -533,7 +504,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               outline: none!important;
             }
         data-is-focusable={true}
-        data-ktp-target={undefined}
         onClick={[Function]}
         onFocusCapture={[Function]}
         onKeyDown={[Function]}
@@ -549,11 +519,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
           }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--default
@@ -623,8 +588,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
                   color: #212121;
                 }
             data-is-focusable={false}
-            disabled={undefined}
-            onClick={undefined}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
             onKeyUp={[Function]}
@@ -670,14 +633,9 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
             </div>
           </button>
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-expanded={false}
             aria-haspopup={true}
             aria-label="See 2 sample options"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
-            checked={undefined}
             className=
                 ms-Button
                 {
@@ -708,8 +666,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
                   color: Highlight;
                 }
             data-is-focusable={false}
-            data-ktp-execute-target={undefined}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -782,8 +738,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
     className="ms-Row"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone18"
       onFocus={[Function]}
@@ -795,11 +749,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
         Input Only FocusZone: 
       </span>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -869,7 +818,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -915,11 +863,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -989,7 +932,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -1090,9 +1032,7 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
                 }
           >
             <input
-              aria-describedby={undefined}
               aria-invalid={false}
-              aria-label={undefined}
               className=
                   ms-TextField-field
                   {
@@ -1136,7 +1076,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               onChange={[Function]}
               onFocus={[Function]}
               onInput={[Function]}
-              readOnly={undefined}
               type="text"
               value="FocusZone TextField"
             />
@@ -1144,11 +1083,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
         </div>
       </div>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -1218,7 +1152,6 @@ exports[`Component Examples renders FocusZone.Tabbable.Example.tsx correctly 1`]
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.ImageSheet.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.ImageSheet.Example.tsx.shot
index dc439c27548ae..6c5953d0f93f4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.ImageSheet.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Icon.ImageSheet.Example.tsx.shot
@@ -11,7 +11,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
           display: inline-block;
           overflow: hidden;
         }
-    data-icon-name={undefined}
     role="presentation"
   >
     <div
@@ -29,7 +28,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -41,7 +39,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/icon-one.png"
       />
     </div>
@@ -55,7 +52,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
           display: inline-block;
           overflow: hidden;
         }
-    data-icon-name={undefined}
     role="presentation"
   >
     <div
@@ -73,7 +69,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -85,7 +80,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/icon-one.png"
       />
     </div>
@@ -99,7 +93,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
           display: inline-block;
           overflow: hidden;
         }
-    data-icon-name={undefined}
     role="presentation"
   >
     <div
@@ -117,7 +110,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
       }
     >
       <img
-        alt={undefined}
         className=
             ms-Image-image
             ms-Image-image--portrait
@@ -129,7 +121,6 @@ exports[`Component Examples renders Icon.ImageSheet.Example.tsx correctly 1`] =
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/icon-one.png"
       />
     </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Center.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Center.Example.tsx.shot
index c247105f91f2d..2af6827755800 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Center.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Center.Example.tsx.shot
@@ -59,7 +59,6 @@ exports[`Component Examples renders Image.Center.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/800x300"
     />
   </div>
@@ -118,7 +117,6 @@ exports[`Component Examples renders Image.Center.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/100x100"
     />
   </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Contain.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Contain.Example.tsx.shot
index e47fd907d0812..8bffe9993e1e3 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Contain.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Contain.Example.tsx.shot
@@ -61,7 +61,6 @@ exports[`Component Examples renders Image.Contain.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/700x300"
     />
   </div>
@@ -122,7 +121,6 @@ exports[`Component Examples renders Image.Contain.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/700x300"
     />
   </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Cover.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Cover.Example.tsx.shot
index 63b6d6eb08f54..e7d59023aab46 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Cover.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Cover.Example.tsx.shot
@@ -61,7 +61,6 @@ exports[`Component Examples renders Image.Cover.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/500x500"
     />
   </div>
@@ -122,7 +121,6 @@ exports[`Component Examples renders Image.Cover.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/500x500"
     />
   </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Default.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Default.Example.tsx.shot
index 6c14818938061..1c881bcf86768 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Default.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.Default.Example.tsx.shot
@@ -53,7 +53,6 @@ exports[`Component Examples renders Image.Default.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/350x150"
     />
   </div>
@@ -108,7 +107,6 @@ exports[`Component Examples renders Image.Default.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/350x150"
     />
   </div>
@@ -163,7 +161,6 @@ exports[`Component Examples renders Image.Default.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/350x150"
     />
   </div>
@@ -221,7 +218,6 @@ exports[`Component Examples renders Image.Default.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/350x150"
     />
   </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.MaximizeFrame.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.MaximizeFrame.Example.tsx.shot
index 4965876df67ae..e1f3363df006b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.MaximizeFrame.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.MaximizeFrame.Example.tsx.shot
@@ -72,7 +72,6 @@ exports[`Component Examples renders Image.MaximizeFrame.Example.tsx correctly 1`
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/500x500"
       />
     </div>
@@ -145,7 +144,6 @@ exports[`Component Examples renders Image.MaximizeFrame.Example.tsx correctly 1`
             }
         onError={[Function]}
         onLoad={[Function]}
-        role={undefined}
         src="http://placehold.it/500x500"
       />
     </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.None.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.None.Example.tsx.shot
index 0e3c2bcd5d47e..ceba1c5dc1932 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Image.None.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Image.None.Example.tsx.shot
@@ -56,7 +56,6 @@ exports[`Component Examples renders Image.None.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/500x250"
     />
   </div>
@@ -112,7 +111,6 @@ exports[`Component Examples renders Image.None.Example.tsx correctly 1`] = `
           }
       onError={[Function]}
       onLoad={[Function]}
-      role={undefined}
       src="http://placehold.it/100x100"
     />
   </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot
index 67565b0eb0f3c..5100aa2a9a5db 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Basic.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -37,10 +35,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
       >
         <button
           aria-describedby=" ktp-layer-id ktp-a"
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -155,7 +149,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
           data-is-focusable={true}
           data-ktp-execute-target="ktp-a"
           data-ktp-target="ktp-a"
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="Pivot 1"
           onClick={[Function]}
@@ -199,10 +192,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
         </button>
         <button
           aria-describedby=" ktp-layer-id ktp-b"
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -312,7 +301,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
           data-is-focusable={true}
           data-ktp-execute-target="ktp-b"
           data-ktp-target="ktp-b"
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Pivot 2"
           onClick={[Function]}
@@ -356,10 +344,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
         </button>
         <button
           aria-describedby=" ktp-layer-id ktp-c"
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -469,7 +453,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
           data-is-focusable={true}
           data-ktp-execute-target="ktp-c"
           data-ktp-target="ktp-c"
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Pivot 3"
           onClick={[Function]}
@@ -571,9 +554,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
             </label>
           </div>
           <div
-            aria-label={undefined}
-            aria-posinset={undefined}
-            aria-setsize={undefined}
             className=
 
                 {
@@ -594,7 +574,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                   outline: none;
                 }
             data-ktp-target="ktp-a-3"
-            title={undefined}
           >
             <input
               aria-describedby=" ktp-layer-id ktp-a-3"
@@ -603,7 +582,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
               aria-valuemax={100}
               aria-valuemin={0}
               aria-valuenow={0}
-              aria-valuetext={undefined}
               autoComplete="off"
               className=
                   ms-spinButton-input
@@ -673,11 +651,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                   }
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 checked={false}
                 className=
                     ms-Button
@@ -753,7 +726,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                       color: HighlightText;
                     }
                 data-is-focusable={false}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
@@ -806,11 +778,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                 </div>
               </button>
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 checked={false}
                 className=
                     ms-Button
@@ -886,7 +853,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
                       color: HighlightText;
                     }
                 data-is-focusable={false}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
@@ -965,8 +931,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
             <button
               aria-checked={false}
               aria-describedby=" ktp-layer-id ktp-a-1"
-              aria-disabled={undefined}
-              aria-label={undefined}
               className=
                   ms-Toggle-background
                   {
@@ -1016,7 +980,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
               data-is-focusable={true}
               data-ktp-execute-target="ktp-a-1"
               data-ktp-target="ktp-a-1"
-              disabled={undefined}
               id="Toggle19"
               onChange={[Function]}
               onClick={[Function]}
@@ -1080,7 +1043,6 @@ exports[`Component Examples renders Keytips.Basic.Example.tsx correctly 1`] = `
            
           <a
             aria-describedby=" ktp-layer-id ktp-a-2"
-            aria-disabled={undefined}
             className=
                 ms-Link
                 {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot
index 4b75dc86771c1..9e354057efe20 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Button.Example.tsx.shot
@@ -7,10 +7,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
   </p>
   <button
     aria-describedby=" ktp-layer-id ktp-1-a"
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -82,7 +78,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
     data-is-focusable={true}
     data-ktp-execute-target="ktp-1-a"
     data-ktp-target="ktp-1-a"
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -129,10 +124,7 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
   </button>
   <button
     aria-describedby="id__4 ktp-layer-id ktp-1-b"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__3"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--compound
@@ -211,7 +203,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
     data-is-focusable={true}
     data-ktp-execute-target="ktp-1-b"
     data-ktp-target="ktp-1-b"
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -281,13 +272,9 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
   </button>
   <button
     aria-describedby=" ktp-layer-id ktp-2-a"
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
     aria-owns={null}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -359,7 +346,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
     data-is-focusable={true}
     data-ktp-execute-target="ktp-2-a"
     data-ktp-target="ktp-2-a"
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -434,13 +420,8 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
   </button>
   <div
     aria-describedby=" ktp-layer-id ktp-2-b"
-    aria-disabled={undefined}
     aria-expanded={false}
     aria-haspopup={true}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
-    aria-roledescription={undefined}
     className=
 
         {
@@ -492,11 +473,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
       }
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -566,8 +542,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
               color: #212121;
             }
         data-is-focusable={false}
-        disabled={undefined}
-        onClick={undefined}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
         onKeyUp={[Function]}
@@ -613,14 +587,8 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
         </div>
       </button>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-expanded={false}
         aria-haspopup={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
-        checked={undefined}
         className=
             ms-Button
             {
@@ -652,7 +620,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
             }
         data-is-focusable={false}
         data-ktp-execute-target="ktp-2-b"
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -720,11 +687,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
     </span>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -794,7 +756,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -844,10 +805,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
   </p>
   <button
     aria-describedby=" ktp-layer-id ktp-0-0"
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -919,7 +876,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
     data-is-focusable={true}
     data-ktp-execute-target="ktp-0-0"
     data-ktp-target="ktp-0-0"
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -991,8 +947,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
     >
       <button
         aria-checked={true}
-        aria-disabled={undefined}
-        aria-label={undefined}
         className=
             ms-Toggle-background
             {
@@ -1043,7 +997,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
               background-color: WindowText;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle21"
         onChange={[Function]}
         onClick={[Function]}
@@ -1108,10 +1061,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
   </div>
   <button
     aria-describedby=" ktp-layer-id ktp-0-1"
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -1183,7 +1132,6 @@ exports[`Component Examples renders Keytips.Button.Example.tsx correctly 1`] = `
     data-is-focusable={true}
     data-ktp-execute-target="ktp-0-1"
     data-ktp-target="ktp-0-1"
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot
index ab2c134191e6d..bf1cbbd2055df 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.CommandBar.Example.tsx.shot
@@ -26,9 +26,6 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
       }
     >
       <div
-        aria-describedby={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
         className=
             ms-FocusZone
             ms-CommandBar
@@ -70,10 +67,6 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
           >
             <button
               aria-describedby=" ktp-layer-id ktp-j"
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -148,7 +141,6 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
               data-is-focusable={true}
               data-ktp-execute-target="ktp-j"
               data-ktp-target="ktp-j"
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -234,10 +226,6 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
           >
             <button
               aria-describedby=" ktp-layer-id ktp-m"
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -312,7 +300,6 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
               data-is-focusable={true}
               data-ktp-execute-target="ktp-m"
               data-ktp-target="ktp-m"
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
@@ -412,13 +399,9 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
           >
             <button
               aria-describedby=" ktp-layer-id ktp-l-k"
-              aria-disabled={undefined}
               aria-expanded={false}
               aria-haspopup={true}
-              aria-label={undefined}
-              aria-labelledby={undefined}
               aria-owns={null}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--commandBar
@@ -493,7 +476,6 @@ exports[`Component Examples renders Keytips.CommandBar.Example.tsx correctly 1`]
               data-is-focusable={true}
               data-ktp-execute-target="ktp-l-k"
               data-ktp-target="ktp-l-k"
-              disabled={undefined}
               onClick={[Function]}
               onKeyDown={[Function]}
               onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot
index e271662e81e55..9bb2c8669492e 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Keytips.Overflow.Example.tsx.shot
@@ -6,8 +6,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
     Keytips in an overflow well have a special behavior. When a keytip goes into the overflow button menu, it will also register a 'persisted' keytip that can be accessed from the top level as a shortcut. A shortcut to a normal button item will trigger that button. A shortcut to a menu button item will open the overflow button menu and then open that item's menu as well. In this example triggering 'T' and 'Y' will show off this functionality (see console messages)
   </p>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className=
         ms-FocusZone
         ms-OverflowSet
@@ -32,10 +30,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
     >
       <button
         aria-describedby=" ktp-layer-id ktp-q"
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--commandBar
@@ -108,7 +102,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
         data-is-focusable={true}
         data-ktp-execute-target="ktp-q"
         data-ktp-target="ktp-q"
-        disabled={undefined}
         name="Link 1"
         onClick={[Function]}
         onKeyDown={[Function]}
@@ -165,10 +158,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
     >
       <button
         aria-describedby=" ktp-layer-id ktp-w"
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--commandBar
@@ -241,7 +230,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
         data-is-focusable={true}
         data-ktp-execute-target="ktp-w"
         data-ktp-target="ktp-w"
-        disabled={undefined}
         name="Link 2"
         onClick={[Function]}
         onKeyDown={[Function]}
@@ -298,10 +286,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
     >
       <button
         aria-describedby=" ktp-layer-id ktp-e"
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--commandBar
@@ -374,7 +358,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
         data-is-focusable={true}
         data-ktp-execute-target="ktp-e"
         data-ktp-target="ktp-e"
-        disabled={undefined}
         name="Link 3"
         onClick={[Function]}
         onKeyDown={[Function]}
@@ -431,13 +414,9 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
     >
       <button
         aria-describedby=" ktp-layer-id ktp-r"
-        aria-disabled={undefined}
         aria-expanded={false}
         aria-haspopup={true}
-        aria-label={undefined}
-        aria-labelledby={undefined}
         aria-owns={null}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--commandBar
@@ -510,7 +489,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
         data-is-focusable={true}
         data-ktp-execute-target="ktp-r"
         data-ktp-target="ktp-r"
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -567,11 +545,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
     When an item is moved out of the overflow well, it behaves as a normal keytip
   </p>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -641,7 +614,6 @@ exports[`Component Examples renders Keytips.Overflow.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Basic.Example.tsx.shot
index c697beadca8c2..2af0bb01d9c3e 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Basic.Example.tsx.shot
@@ -24,12 +24,6 @@ exports[`Component Examples renders Layer.Basic.Example.tsx correctly 2`] = `
 <div>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     checked={false}
     className=
         ms-Checkbox
@@ -91,15 +85,11 @@ exports[`Component Examples renders Layer.Basic.Example.tsx correctly 2`] = `
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-0"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -142,7 +132,6 @@ exports[`Component Examples renders Layer.Basic.Example.tsx correctly 2`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Customized.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Customized.Example.tsx.shot
index 97953bb214508..1cac816b4dad2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Customized.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Customized.Example.tsx.shot
@@ -11,12 +11,6 @@ exports[`Component Examples renders Layer.Customized.Example.tsx correctly 1`] =
   </p>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     checked={false}
     className=
         ms-Checkbox
@@ -78,15 +72,11 @@ exports[`Component Examples renders Layer.Customized.Example.tsx correctly 1`] =
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-0"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -129,7 +119,6 @@ exports[`Component Examples renders Layer.Customized.Example.tsx correctly 1`] =
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -175,12 +164,6 @@ exports[`Component Examples renders Layer.Customized.Example.tsx correctly 1`] =
   </button>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     checked={false}
     className=
         ms-Checkbox
@@ -242,15 +225,11 @@ exports[`Component Examples renders Layer.Customized.Example.tsx correctly 1`] =
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-1"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -293,7 +272,6 @@ exports[`Component Examples renders Layer.Customized.Example.tsx correctly 1`] =
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Hosted.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Hosted.Example.tsx.shot
index bac43d5ae6518..c7269de7d7e4c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Hosted.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.Hosted.Example.tsx.shot
@@ -50,8 +50,6 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
     >
       <button
         aria-checked={true}
-        aria-disabled={undefined}
-        aria-label={undefined}
         checked={true}
         className=
             ms-Toggle-background
@@ -103,7 +101,6 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
               background-color: WindowText;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle0"
         onChange={[Function]}
         onClick={[Function]}
@@ -143,12 +140,6 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
   </p>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     checked={false}
     className=
         ms-Checkbox
@@ -210,15 +201,11 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-1"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -261,7 +248,6 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -327,12 +313,6 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
   </p>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     checked={false}
     className=
         ms-Checkbox
@@ -394,15 +374,11 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-2"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -445,7 +421,6 @@ exports[`Component Examples renders Layer.Hosted.Example.tsx correctly 1`] = `
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot
index 9cb34ffa41c2c..d31906eb07fd9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Layer.NestedLayers.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Layer.NestedLayers.Example.tsx correctly 1`]
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Layer.NestedLayers.Example.tsx correctly 1`]
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Link.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Link.Basic.Example.tsx.shot
index 726af63c7178e..f9d7bf4359c07 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Link.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Link.Basic.Example.tsx.shot
@@ -8,7 +8,6 @@ exports[`Component Examples renders Link.Basic.Example.tsx correctly 1`] = `
     When a link has an href, 
   </span>
   <a
-    aria-disabled={undefined}
     className=
         ms-Link
         {
@@ -42,7 +41,6 @@ exports[`Component Examples renders Link.Basic.Example.tsx correctly 1`] = `
         }
     href="http://dev.office.com/fabric/components/link"
     onClick={[Function]}
-    target={undefined}
   >
     it renders as an anchor tag.
   </a>
@@ -50,7 +48,6 @@ exports[`Component Examples renders Link.Basic.Example.tsx correctly 1`] = `
      Without an href, 
   </span>
   <button
-    aria-disabled={undefined}
     className=
         ms-Link
         {
@@ -109,7 +106,6 @@ exports[`Component Examples renders Link.Basic.Example.tsx correctly 1`] = `
         &:focus {
           color: #0078d4;
         }
-    disabled={undefined}
     onClick={[Function]}
   >
     the link is rendered as a button
@@ -149,7 +145,6 @@ exports[`Component Examples renders Link.Basic.Example.tsx correctly 1`] = `
         }
     href="http://dev.office.com/fabric/components/link"
     onClick={[Function]}
-    target={undefined}
   >
     disabled link
   </a>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/MarqueeSelection.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/MarqueeSelection.Basic.Example.tsx.shot
index 82968ded006df..5be0da8cd1bed 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/MarqueeSelection.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/MarqueeSelection.Basic.Example.tsx.shot
@@ -11,12 +11,6 @@ exports[`Component Examples renders MarqueeSelection.Basic.Example.tsx correctly
 >
   <button
     aria-checked={true}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     className=
         ms-Checkbox
         is-checked
@@ -86,16 +80,12 @@ exports[`Component Examples renders MarqueeSelection.Basic.Example.tsx correctly
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
     defaultChecked={true}
-    disabled={undefined}
     id="checkbox-0"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -143,7 +133,6 @@ exports[`Component Examples renders MarqueeSelection.Basic.Example.tsx correctly
               background: Highlight;
               border-color: Highlight;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot
index e2918a69300e2..b64a88ddb0b2e 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/MessageBar.Basic.Example.tsx.shot
@@ -183,7 +183,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     Error MessageBar - single line, with dismiss button
   </label>
   <div
-    aria-expanded={undefined}
     className=
         ms-MessageBar
         ms-MessageBar--error
@@ -341,11 +340,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="Close"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -433,7 +428,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -672,11 +666,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="See more"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -764,7 +754,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -829,11 +818,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="Close"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -921,7 +906,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1151,11 +1135,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     >
       <div>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -1225,7 +1204,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1271,11 +1249,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -1345,7 +1318,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1416,7 +1388,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     Success MessageBar - single line, with action buttons
   </label>
   <div
-    aria-expanded={undefined}
     className=
         ms-MessageBar
         ms-MessageBar--success
@@ -1580,11 +1551,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
       >
         <div>
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--default
@@ -1654,7 +1620,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1700,11 +1665,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             </div>
           </button>
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--default
@@ -1774,7 +1734,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1846,7 +1805,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     Warning MessageBar - single line, with dismiss and action buttons
   </label>
   <div
-    aria-expanded={undefined}
     className=
         ms-MessageBar
         ms-MessageBar--warning
@@ -2011,11 +1969,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
       >
         <div>
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--default
@@ -2085,7 +2038,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -2146,11 +2098,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="Close"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -2238,7 +2186,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2447,11 +2394,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
         />
       </div>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-label="Close"
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--icon
@@ -2539,7 +2482,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
               -ms-high-contrast-adjust: none;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -2611,11 +2553,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     >
       <div>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -2685,7 +2622,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2731,11 +2667,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -2805,7 +2736,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3032,7 +2962,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     Error, single line, with dismiss button - custom styles
   </label>
   <div
-    aria-expanded={undefined}
     className=
         ms-MessageBar
         ms-MessageBar--error
@@ -3192,11 +3121,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="Close"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -3284,7 +3209,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3525,11 +3449,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="See more"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -3617,7 +3537,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3683,11 +3602,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="Close"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -3775,7 +3690,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -4006,11 +3920,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     >
       <div>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -4080,7 +3989,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -4126,11 +4034,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -4200,7 +4103,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -4271,7 +4173,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     Success, single line, with action buttons - custom styles
   </label>
   <div
-    aria-expanded={undefined}
     className=
         ms-MessageBar
         ms-MessageBar--success
@@ -4437,11 +4338,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
       >
         <div>
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--default
@@ -4511,7 +4407,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -4557,11 +4452,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             </div>
           </button>
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--default
@@ -4631,7 +4521,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -4703,7 +4592,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     Warning, single line, with dismiss and action buttons - custom styles
   </label>
   <div
-    aria-expanded={undefined}
     className=
         ms-MessageBar
         ms-MessageBar--warning
@@ -4870,11 +4758,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
       >
         <div>
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--default
@@ -4944,7 +4827,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -5006,11 +4888,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
           aria-label="Close"
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--icon
@@ -5098,7 +4976,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 -ms-high-contrast-adjust: none;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -5307,11 +5184,7 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
         />
       </div>
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
         aria-label="Close"
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--icon
@@ -5399,7 +5272,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
               -ms-high-contrast-adjust: none;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -5472,11 +5344,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
     >
       <div>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -5546,7 +5413,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -5592,11 +5458,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--default
@@ -5666,7 +5527,6 @@ exports[`Component Examples renders MessageBar.Basic.Example.tsx correctly 1`] =
                 color: #212121;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot
index 2474ab5bcd647..e1595bfa22d7b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Modal.Basic.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Modal.Basic.Example.tsx correctly 1`] = `
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Modal.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot
index 300606f9341bc..2f9b976ce11a4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Basic.Example.tsx.shot
@@ -5,8 +5,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
   className="ms-NavExample-LeftPane"
 >
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone0"
     onFocus={[Function]}
@@ -15,7 +13,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
     role="presentation"
   >
     <nav
-      aria-label={undefined}
       className=
           ms-Nav
           {
@@ -80,7 +77,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
               >
                 <button
                   aria-expanded="true"
-                  aria-label={undefined}
                   className=
                       ms-Nav-chevronButton
                       {
@@ -168,10 +164,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                 </button>
                 <a
                   aria-describedby="id__3"
-                  aria-disabled={undefined}
-                  aria-label={undefined}
-                  aria-labelledby={undefined}
-                  aria-pressed={undefined}
                   className=
                       ms-Button
                       ms-Button--action
@@ -255,7 +247,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                         color: #333333;
                       }
                   data-is-focusable={true}
-                  disabled={undefined}
                   href="http://example.com"
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -263,8 +254,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   onKeyUp={[Function]}
                   onMouseDown={[Function]}
                   onMouseUp={[Function]}
-                  rel={undefined}
-                  target={undefined}
                   title="Home"
                 >
                   <div
@@ -377,10 +366,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   >
                     <a
                       aria-describedby="id__6"
-                      aria-disabled={undefined}
-                      aria-label={undefined}
-                      aria-labelledby={undefined}
-                      aria-pressed={undefined}
                       className=
                           ms-Button
                           ms-Button--action
@@ -464,7 +449,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                             color: #333333;
                           }
                       data-is-focusable={true}
-                      disabled={undefined}
                       href="http://msn.com"
                       onClick={[Function]}
                       onKeyDown={[Function]}
@@ -472,8 +456,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       onKeyUp={[Function]}
                       onMouseDown={[Function]}
                       onMouseUp={[Function]}
-                      rel={undefined}
-                      target={undefined}
                       title="Activity"
                     >
                       <div
@@ -575,10 +557,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   >
                     <a
                       aria-describedby="id__9"
-                      aria-disabled={undefined}
-                      aria-label={undefined}
-                      aria-labelledby={undefined}
-                      aria-pressed={undefined}
                       className=
                           ms-Button
                           ms-Button--action
@@ -662,7 +640,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                             color: #333333;
                           }
                       data-is-focusable={true}
-                      disabled={undefined}
                       href="http://msn.com"
                       onClick={[Function]}
                       onKeyDown={[Function]}
@@ -670,8 +647,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                       onKeyUp={[Function]}
                       onMouseDown={[Function]}
                       onMouseUp={[Function]}
-                      rel={undefined}
-                      target={undefined}
                       title="MSN"
                     >
                       <div
@@ -777,10 +752,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
               >
                 <a
                   aria-describedby="id__12"
-                  aria-disabled={undefined}
-                  aria-label={undefined}
-                  aria-labelledby={undefined}
-                  aria-pressed={undefined}
                   className=
                       ms-Button
                       ms-Button--action
@@ -873,7 +844,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                         top: 0px;
                       }
                   data-is-focusable={true}
-                  disabled={undefined}
                   href="http://example.com"
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -881,8 +851,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   onKeyUp={[Function]}
                   onMouseDown={[Function]}
                   onMouseUp={[Function]}
-                  rel={undefined}
-                  target={undefined}
                   title="Documents"
                 >
                   <div
@@ -984,10 +952,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
               >
                 <a
                   aria-describedby="id__15"
-                  aria-disabled={undefined}
-                  aria-label={undefined}
-                  aria-labelledby={undefined}
-                  aria-pressed={undefined}
                   className=
                       ms-Button
                       ms-Button--action
@@ -1071,7 +1035,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                         color: #333333;
                       }
                   data-is-focusable={true}
-                  disabled={undefined}
                   href="http://msn.com"
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -1079,8 +1042,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   onKeyUp={[Function]}
                   onMouseDown={[Function]}
                   onMouseUp={[Function]}
-                  rel={undefined}
-                  target={undefined}
                   title="Pages"
                 >
                   <div
@@ -1182,10 +1143,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
               >
                 <a
                   aria-describedby="id__18"
-                  aria-disabled={undefined}
-                  aria-label={undefined}
-                  aria-labelledby={undefined}
-                  aria-pressed={undefined}
                   className=
                       ms-Button
                       ms-Button--action
@@ -1269,7 +1226,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                         color: #333333;
                       }
                   data-is-focusable={true}
-                  disabled={undefined}
                   href="http://msn.com"
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -1277,8 +1233,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   onKeyUp={[Function]}
                   onMouseDown={[Function]}
                   onMouseUp={[Function]}
-                  rel={undefined}
-                  target={undefined}
                   title="Notebook"
                 >
                   <div
@@ -1380,10 +1334,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
               >
                 <a
                   aria-describedby="id__21"
-                  aria-disabled={undefined}
-                  aria-label={undefined}
-                  aria-labelledby={undefined}
-                  aria-pressed={undefined}
                   className=
                       ms-Button
                       ms-Button--action
@@ -1467,7 +1417,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                         color: #333333;
                       }
                   data-is-focusable={true}
-                  disabled={undefined}
                   href="http://msn.com"
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -1475,8 +1424,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   onKeyUp={[Function]}
                   onMouseDown={[Function]}
                   onMouseUp={[Function]}
-                  rel={undefined}
-                  target={undefined}
                   title="Long Name Test for ellipse"
                 >
                   <div
@@ -1579,10 +1526,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
               >
                 <a
                   aria-describedby="id__24"
-                  aria-disabled={undefined}
-                  aria-label={undefined}
-                  aria-labelledby={undefined}
-                  aria-pressed={undefined}
                   className=
                       ms-Button
                       ms-Button--action
@@ -1666,7 +1609,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                         color: #333333;
                       }
                   data-is-focusable={true}
-                  disabled={undefined}
                   href="http://cnn.com"
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -1674,8 +1616,6 @@ exports[`Component Examples renders Nav.Basic.Example.tsx correctly 1`] = `
                   onKeyUp={[Function]}
                   onMouseDown={[Function]}
                   onMouseUp={[Function]}
-                  rel={undefined}
-                  target={undefined}
                   title="News"
                 >
                   <div
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.ByKeys.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.ByKeys.Example.tsx.shot
index 96ba6f9956b4b..3fc70ca4dd0db 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.ByKeys.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.ByKeys.Example.tsx.shot
@@ -2,8 +2,6 @@
 
 exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className="ms-FocusZone"
   data-focuszone-id="FocusZone0"
   onFocus={[Function]}
@@ -12,7 +10,6 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
   role="presentation"
 >
   <nav
-    aria-label={undefined}
     className=
         ms-Nav
         {
@@ -76,10 +73,6 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
             >
               <button
                 aria-describedby="id__3"
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--action
@@ -163,14 +156,12 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
                       color: #333333;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
                 onKeyUp={[Function]}
                 onMouseDown={[Function]}
                 onMouseUp={[Function]}
-                rel={undefined}
                 title="Home"
                 type="button"
               >
@@ -273,10 +264,6 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
             >
               <button
                 aria-describedby="id__6"
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--action
@@ -360,14 +347,12 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
                       color: #333333;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
                 onKeyUp={[Function]}
                 onMouseDown={[Function]}
                 onMouseUp={[Function]}
-                rel={undefined}
                 title="Activity"
                 type="button"
               >
@@ -470,10 +455,6 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
             >
               <button
                 aria-describedby="id__9"
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--action
@@ -557,14 +538,12 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
                       color: #333333;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
                 onKeyUp={[Function]}
                 onMouseDown={[Function]}
                 onMouseUp={[Function]}
-                rel={undefined}
                 title="News"
                 type="button"
               >
@@ -667,10 +646,6 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
             >
               <button
                 aria-describedby="id__12"
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--action
@@ -754,14 +729,12 @@ exports[`Component Examples renders Nav.ByKeys.Example.tsx correctly 1`] = `
                       color: #333333;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onKeyPress={[Function]}
                 onKeyUp={[Function]}
                 onMouseDown={[Function]}
                 onMouseUp={[Function]}
-                rel={undefined}
                 title="Documents"
                 type="button"
               >
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot
index 074e38290b01a..b673db82e2753 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Nav.Nested.Example.tsx.shot
@@ -2,8 +2,6 @@
 
 exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className="ms-FocusZone"
   data-focuszone-id="FocusZone0"
   onFocus={[Function]}
@@ -12,7 +10,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
   role="presentation"
 >
   <nav
-    aria-label={undefined}
     className=
         ms-Nav
         {
@@ -76,7 +73,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
             >
               <button
                 aria-expanded="false"
-                aria-label={undefined}
                 className=
                     ms-Nav-chevronButton
                     {
@@ -163,10 +159,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
               </button>
               <a
                 aria-describedby="id__3"
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--action
@@ -250,7 +242,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
                       color: #333333;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 href="http://example.com"
                 onClick={[Function]}
                 onKeyDown={[Function]}
@@ -258,8 +249,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
                 onKeyUp={[Function]}
                 onMouseDown={[Function]}
                 onMouseUp={[Function]}
-                rel={undefined}
-                target={undefined}
                 title="Parent link"
               >
                 <div
@@ -361,7 +350,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
             >
               <button
                 aria-expanded="false"
-                aria-label={undefined}
                 className=
                     ms-Nav-chevronButton
                     {
@@ -448,10 +436,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
               </button>
               <a
                 aria-describedby="id__6"
-                aria-disabled={undefined}
-                aria-label={undefined}
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 className=
                     ms-Button
                     ms-Button--action
@@ -535,7 +519,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
                       color: #333333;
                     }
                 data-is-focusable={true}
-                disabled={undefined}
                 href="http://example.com"
                 onClick={[Function]}
                 onKeyDown={[Function]}
@@ -543,8 +526,6 @@ exports[`Component Examples renders Nav.Nested.Example.tsx correctly 1`] = `
                 onKeyUp={[Function]}
                 onMouseDown={[Function]}
                 onMouseUp={[Function]}
-                rel={undefined}
-                target={undefined}
                 title="Parent link"
               >
                 <div
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot
index b87c920f72841..a14d0138ad10d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Basic.Example.tsx.shot
@@ -2,8 +2,6 @@
 
 exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-OverflowSet
@@ -27,7 +25,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-disabled={undefined}
       className=
           ms-Link
           {
@@ -86,7 +83,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
           &:focus {
             color: #0078d4;
           }
-      disabled={undefined}
       onClick={[Function]}
     >
       Link 1
@@ -101,7 +97,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-disabled={undefined}
       className=
           ms-Link
           {
@@ -160,7 +155,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
           &:focus {
             color: #0078d4;
           }
-      disabled={undefined}
       onClick={[Function]}
     >
       Link 2
@@ -175,7 +169,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-disabled={undefined}
       className=
           ms-Link
           {
@@ -234,7 +227,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
           &:focus {
             color: #0078d4;
           }
-      disabled={undefined}
       onClick={[Function]}
     >
       Link 3
@@ -249,14 +241,9 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--icon
@@ -323,7 +310,6 @@ exports[`Component Examples renders OverflowSet.Basic.Example.tsx correctly 1`]
             color: #0078d4;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot
index 4c910a8b3317b..e47a221738b11 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Custom.Example.tsx.shot
@@ -2,8 +2,6 @@
 
 exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-OverflowSet
@@ -143,7 +141,6 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             &:-ms-input-placeholder {
               color: #666666;
             }
-        disabled={undefined}
         id="SearchBox1"
         onChange={[Function]}
         onInput={[Function]}
@@ -162,14 +159,9 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -239,7 +231,6 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -350,11 +341,6 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -424,7 +410,6 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -507,11 +492,6 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -581,7 +561,6 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
@@ -664,14 +643,9 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -741,7 +715,6 @@ exports[`Component Examples renders OverflowSet.Custom.Example.tsx correctly 1`]
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
index 2126dee3a2a55..9ca799ee58146 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
@@ -2,8 +2,6 @@
 
 exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
-  aria-labelledby={undefined}
   className=
       ms-FocusZone
       ms-OverflowSet
@@ -28,7 +26,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
         }
   >
     <div
-      aria-describedby={undefined}
       className="ms-TooltipHost"
       onBlurCapture={[Function]}
       onFocusCapture={[Function]}
@@ -36,11 +33,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
       onMouseLeave={[Function]}
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--commandBar
@@ -111,7 +103,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
               color: #000000;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -173,7 +164,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
         }
   >
     <div
-      aria-describedby={undefined}
       className="ms-TooltipHost"
       onBlurCapture={[Function]}
       onFocusCapture={[Function]}
@@ -181,11 +171,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
       onMouseLeave={[Function]}
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--commandBar
@@ -256,7 +241,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
               color: #000000;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -318,7 +302,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
         }
   >
     <div
-      aria-describedby={undefined}
       className="ms-TooltipHost"
       onBlurCapture={[Function]}
       onFocusCapture={[Function]}
@@ -326,11 +309,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
       onMouseLeave={[Function]}
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--commandBar
@@ -401,7 +379,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
               color: #000000;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -463,14 +440,9 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
         }
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
       aria-expanded={false}
       aria-haspopup={true}
-      aria-label={undefined}
-      aria-labelledby={undefined}
       aria-owns={null}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--commandBar
@@ -541,7 +513,6 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
             color: #000000;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot
index 2608bf9dc2dec..0b06b5b9a5d5b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Dark.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders Overlay.Dark.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders Overlay.Dark.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot
index 1696a8616f41a..24eb27b03a4ba 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Overlay.Light.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders Overlay.Light.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders Overlay.Light.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot
index 46bcc759b456c..e0a3c7f449cb1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Custom.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.Custom.Example.tsx correctly 1`] = `
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.Custom.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot
index 9d1e9b04598d7..29d74841fe4c2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.ExtraLarge.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.ExtraLarge.Example.tsx correctly 1`] =
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.ExtraLarge.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot
index 16bc9c916c658..30fe36f007da5 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Footer.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.Footer.Example.tsx correctly 1`] = `
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.Footer.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
index ea76021a21d11..46f6d77bca0ea 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -182,8 +176,6 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
       onSubmit={[Function]}
     >
       <div
-        aria-describedby={undefined}
-        aria-label={undefined}
         aria-labelledby="Panel3-headerText"
         className=
 
@@ -214,7 +206,6 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
           type={1}
         >
           <div
-            aria-labelledby={undefined}
             className=
                 ms-Panel-main
                 {
@@ -275,11 +266,6 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
                       }
                 >
                   <button
-                    aria-describedby={undefined}
-                    aria-disabled={undefined}
-                    aria-label={undefined}
-                    aria-labelledby={undefined}
-                    aria-pressed={undefined}
                     className=
                         ms-Button
                         ms-Button--icon
@@ -350,7 +336,6 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
                         }
                     data-is-focusable={true}
                     data-is-visible={true}
-                    disabled={undefined}
                     onClick={[Function]}
                     onKeyDown={[Function]}
                     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot
index e21bf4c9176a7..59413846c08b2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Large.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.Large.Example.tsx correctly 1`] = `
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.Large.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot
index d4724d4fd1a2b..27e32a122797d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LargeFixed.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.LargeFixed.Example.tsx correctly 1`] =
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.LargeFixed.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot
index b28541e1d9b49..595a48b2cfde4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismiss.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders Panel.LightDismiss.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders Panel.LightDismiss.Example.tsx correctly 1`]
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot
index c77315869fbda..9b69e4d7952b0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.LightDismissCustom.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders Panel.LightDismissCustom.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders Panel.LightDismissCustom.Example.tsx correct
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot
index 33abe0b4dad7c..a77ee64a8cb96 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.Medium.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.Medium.Example.tsx correctly 1`] = `
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.Medium.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot
index e5e4d7d130f6d..26800bd669e59 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.NonModal.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders Panel.NonModal.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders Panel.NonModal.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot
index 797beef6321da..791038d897f21 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.PreventDefault.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.PreventDefault.Example.tsx correctly 1
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.PreventDefault.Example.tsx correctly 1
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot
index ea6a6601aba6c..0edaa3d6c2871 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallFluid.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.SmallFluid.Example.tsx correctly 1`] =
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.SmallFluid.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot
index 4b6e0b6af83ff..828a2125771a7 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallLeft.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.SmallLeft.Example.tsx correctly 1`] =
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.SmallLeft.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot
index d6572df9704be..552432325e026 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.SmallRight.Example.tsx.shot
@@ -4,10 +4,7 @@ exports[`Component Examples renders Panel.SmallRight.Example.tsx correctly 1`] =
 <div>
   <button
     aria-describedby="id__1"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +74,6 @@ exports[`Component Examples renders Panel.SmallRight.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot
index dec0a568a9838..3fd2188f341a8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/PeoplePicker.Types.Example.tsx.shot
@@ -7,8 +7,6 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
     onKeyDown={[Function]}
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -36,19 +34,16 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
             id="selected-items-id__0"
           />
           <input
-            aria-activedescendant={undefined}
             aria-autocomplete="both"
             aria-controls=" "
             aria-describedby="selected-items-id__0"
             aria-expanded={false}
             aria-haspopup="true"
             aria-label="People Picker"
-            aria-owns={undefined}
             autoCapitalize="off"
             autoComplete="off"
             className="ms-BasePicker-input"
             data-lpignore={true}
-            disabled={undefined}
             onBlur={[Function]}
             onChange={[Function]}
             onClick={[Function]}
@@ -94,18 +89,14 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
             }
         htmlFor="Dropdown2"
         id="Dropdown2-label"
-        required={undefined}
       >
         Select People Picker Type
       </label>
       <div
         aria-activedescendant="Dropdown2-option"
         aria-describedby="Dropdown2-option"
-        aria-disabled={undefined}
         aria-expanded="false"
-        aria-label={undefined}
         aria-labelledby="Dropdown2-label"
-        aria-owns={undefined}
         className=
             ms-Dropdown
             {
@@ -324,8 +315,6 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
       >
         <button
           aria-checked={false}
-          aria-disabled={undefined}
-          aria-label={undefined}
           className=
               ms-Toggle-background
               {
@@ -373,7 +362,6 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
                 border-color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Toggle3"
           onChange={[Function]}
           onClick={[Function]}
@@ -400,11 +388,6 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -484,7 +467,6 @@ exports[`Component Examples renders PeoplePicker.Types.Example.tsx correctly 1`]
           color: Window;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Alternate.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Alternate.Example.tsx.shot
index e01db9721ced3..1d33b986506b3 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Alternate.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Alternate.Example.tsx.shot
@@ -38,7 +38,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
           color: #212121;
         }
     size={10}
-    style={undefined}
   >
     <div
       className=
@@ -63,7 +62,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
               text-align: center;
               width: 24px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -108,7 +106,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
           />
         </div>
@@ -146,7 +143,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -173,7 +169,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -197,7 +192,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -221,7 +215,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -267,7 +260,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
           color: #212121;
         }
     size={7}
-    style={undefined}
   >
     <div
       className=
@@ -292,7 +284,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
               text-align: center;
               width: 28px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -337,7 +328,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
           />
         </div>
@@ -375,7 +365,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -402,7 +391,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -426,7 +414,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -450,7 +437,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -497,7 +483,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
           color: #212121;
         }
     size={11}
-    style={undefined}
   >
     <div
       className=
@@ -522,7 +507,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
               text-align: center;
               width: 32px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -567,7 +551,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
           />
         </div>
@@ -593,7 +576,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
                 background-color: Highlight;
                 border-color: Window;
               }
-          style={undefined}
         />
       </div>
     </div>
@@ -629,7 +611,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -656,7 +637,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -680,7 +660,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -704,7 +683,6 @@ exports[`Component Examples renders Persona.Alternate.Example.tsx correctly 1`]
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Basic.Example.tsx.shot
index 399d344a6979c..358949164eac2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Basic.Example.tsx.shot
@@ -5,12 +5,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
   <div>
     <button
       aria-checked={true}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={true}
       className=
           ms-Checkbox
@@ -81,15 +75,11 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-0"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -137,7 +127,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 background: Highlight;
                 border-color: Highlight;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -238,7 +227,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={9}
-    style={undefined}
   >
     <div
       className=
@@ -307,7 +295,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -331,7 +318,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -355,7 +341,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -379,7 +364,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -448,7 +432,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={9}
-    style={undefined}
   >
     <div
       className=
@@ -488,7 +471,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               border: 1px solid WindowText;
               top: 9px;
             }
-        style={undefined}
       />
     </div>
     <div
@@ -521,7 +503,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -545,7 +526,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -569,7 +549,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -593,7 +572,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -662,7 +640,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={10}
-    style={undefined}
   >
     <div
       className=
@@ -687,7 +664,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               text-align: center;
               width: 24px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -732,7 +708,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -758,7 +733,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 background-color: Highlight;
                 border-color: Window;
               }
-          style={undefined}
         />
       </div>
     </div>
@@ -791,7 +765,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -815,7 +788,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -839,7 +811,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -863,7 +834,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -932,7 +902,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={7}
-    style={undefined}
   >
     <div
       className=
@@ -957,7 +926,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               text-align: center;
               width: 28px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -1002,7 +970,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -1028,7 +995,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 background-color: Highlight;
                 border-color: Window;
               }
-          style={undefined}
         />
       </div>
     </div>
@@ -1061,7 +1027,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1085,7 +1050,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1109,7 +1073,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1133,7 +1096,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1202,7 +1164,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={11}
-    style={undefined}
   >
     <div
       className=
@@ -1227,7 +1188,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               text-align: center;
               width: 32px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -1272,7 +1232,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -1298,7 +1257,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 background-color: Highlight;
                 border-color: Window;
               }
-          style={undefined}
         />
       </div>
     </div>
@@ -1331,7 +1289,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1355,7 +1312,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1379,7 +1335,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1403,7 +1358,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1472,7 +1426,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={12}
-    style={undefined}
   >
     <div
       className=
@@ -1497,7 +1450,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               text-align: center;
               width: 40px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -1542,7 +1494,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -1568,7 +1519,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 background-color: WindowText;
                 border-color: Window;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -1594,7 +1544,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             data-icon-name="SkypeClock"
             role="presentation"
-            style={undefined}
           >
             
           </i>
@@ -1630,7 +1579,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1653,7 +1601,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1677,7 +1624,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1701,7 +1647,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1770,7 +1715,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -1795,7 +1739,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -1840,7 +1783,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -1866,7 +1808,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 background-color: WindowText;
                 border-color: Window;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -1886,7 +1827,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             data-icon-name=""
             role="presentation"
-            style={undefined}
           />
         </div>
       </div>
@@ -1920,7 +1860,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1943,7 +1882,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1967,7 +1905,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1991,7 +1928,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2060,7 +1996,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={14}
-    style={undefined}
   >
     <div
       className=
@@ -2085,7 +2020,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               text-align: center;
               width: 72px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -2130,7 +2064,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -2156,7 +2089,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 background-color: WindowText;
                 border-color: Window;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -2180,7 +2112,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             data-icon-name="SkypeMinus"
             role="presentation"
-            style={undefined}
           >
             
           </i>
@@ -2216,7 +2147,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2239,7 +2169,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2263,7 +2192,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2287,7 +2215,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2356,7 +2283,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
           color: #212121;
         }
     size={15}
-    style={undefined}
   >
     <div
       className=
@@ -2381,7 +2307,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
               text-align: center;
               width: 100px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -2426,7 +2351,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -2485,7 +2409,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 left: 2px;
                 width: calc(100% - 4px);
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -2505,7 +2428,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
                 }
             data-icon-name=""
             role="presentation"
-            style={undefined}
           />
         </div>
       </div>
@@ -2539,7 +2461,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2562,7 +2483,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2586,7 +2506,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2610,7 +2529,6 @@ exports[`Component Examples renders Persona.Basic.Example.tsx correctly 1`] = `
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomCoinRender.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomCoinRender.Example.tsx.shot
index ad930a5bea04d..2202edf1d3ef2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomCoinRender.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomCoinRender.Example.tsx.shot
@@ -4,9 +4,7 @@ exports[`Component Examples renders Persona.CustomCoinRender.Example.tsx correct
 <div
   className="ms-PersonaExample"
 >
-  <div
-    className={undefined}
-  >
+  <div>
     Custom functional element in place of persona coin's image
   </div>
   <div
@@ -183,7 +181,6 @@ exports[`Component Examples renders Persona.CustomCoinRender.Example.tsx correct
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -206,7 +203,6 @@ exports[`Component Examples renders Persona.CustomCoinRender.Example.tsx correct
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -243,7 +239,6 @@ exports[`Component Examples renders Persona.CustomCoinRender.Example.tsx correct
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomRender.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomRender.Example.tsx.shot
index 37e7ea73a8e0e..4446c2832695a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomRender.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.CustomRender.Example.tsx.shot
@@ -4,9 +4,7 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
 <div
   className="ms-PersonaExample"
 >
-  <div
-    className={undefined}
-  >
+  <div>
     Custom icon in secondary text
   </div>
   <div
@@ -44,7 +42,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
           color: #212121;
         }
     size={14}
-    style={undefined}
   >
     <div
       className=
@@ -69,7 +66,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
               text-align: center;
               width: 72px;
             }
-        style={undefined}
       >
         <div
           className=
@@ -114,7 +110,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
                 }
             onError={[Function]}
             onLoad={[Function]}
-            role={undefined}
             src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-female.png"
           />
         </div>
@@ -140,7 +135,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
                 background-color: WindowText;
                 border-color: Window;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -160,7 +154,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
                 }
             data-icon-name=""
             role="presentation"
-            style={undefined}
           />
         </div>
       </div>
@@ -194,7 +187,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -252,7 +244,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -276,7 +267,6 @@ exports[`Component Examples renders Persona.CustomRender.Example.tsx correctly 1
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Initials.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Initials.Example.tsx.shot
index 645659493e222..91c479d3e74f0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Initials.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.Initials.Example.tsx.shot
@@ -38,7 +38,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -63,7 +62,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -85,7 +83,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             KL
@@ -122,7 +119,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -145,7 +141,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -169,7 +164,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -193,7 +187,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -239,7 +232,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -264,7 +256,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -286,7 +277,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             A
@@ -323,7 +313,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -346,7 +335,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -370,7 +358,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -394,7 +381,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -440,7 +426,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -465,7 +450,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -487,7 +471,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             AL
@@ -524,7 +507,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -547,7 +529,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -571,7 +552,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -595,7 +575,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -641,7 +620,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -666,7 +644,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -688,7 +665,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             AL
@@ -725,7 +701,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -748,7 +723,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -772,7 +746,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -796,7 +769,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -842,7 +814,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -867,7 +838,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -889,7 +859,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             A
@@ -926,7 +895,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -949,7 +917,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -973,7 +940,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -997,7 +963,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1043,7 +1008,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -1068,7 +1032,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -1090,7 +1053,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -1142,7 +1104,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1165,7 +1126,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1189,7 +1149,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1213,7 +1172,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1259,7 +1217,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -1284,7 +1241,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -1306,7 +1262,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             1X
@@ -1343,7 +1298,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1366,7 +1320,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1390,7 +1343,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1414,7 +1366,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1460,7 +1411,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -1485,7 +1435,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -1507,7 +1456,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -1559,7 +1507,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1582,7 +1529,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1606,7 +1552,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1630,7 +1575,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1676,7 +1620,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -1701,7 +1644,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -1723,7 +1665,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -1775,7 +1716,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1798,7 +1738,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1822,7 +1761,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1846,7 +1784,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -1892,7 +1829,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -1917,7 +1853,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -1939,7 +1874,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -1991,7 +1925,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2014,7 +1947,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2038,7 +1970,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2062,7 +1993,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2108,7 +2038,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -2133,7 +2062,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -2155,7 +2083,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             MS
@@ -2192,7 +2119,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2215,7 +2141,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2239,7 +2164,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2263,7 +2187,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2309,7 +2232,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
           color: #212121;
         }
     size={13}
-    style={undefined}
   >
     <div
       className=
@@ -2334,7 +2256,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
               text-align: center;
               width: 48px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -2356,7 +2277,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <span>
             MS
@@ -2393,7 +2313,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2416,7 +2335,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2440,7 +2358,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2464,7 +2381,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2609,7 +2525,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2632,7 +2547,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2656,7 +2570,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -2680,7 +2593,6 @@ exports[`Component Examples renders Persona.Initials.Example.tsx correctly 1`] =
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.UnknownPersona.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.UnknownPersona.Example.tsx.shot
index 83da13eeef193..26f9063ac4cd0 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.UnknownPersona.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Persona.UnknownPersona.Example.tsx.shot
@@ -38,7 +38,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
           color: #212121;
         }
     size={12}
-    style={undefined}
   >
     <div
       className=
@@ -63,7 +62,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
               text-align: center;
               width: 40px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -85,7 +83,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -137,7 +134,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -160,7 +156,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -232,7 +227,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
           color: #212121;
         }
     size={14}
-    style={undefined}
   >
     <div
       className=
@@ -257,7 +251,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
               text-align: center;
               width: 72px;
             }
-        style={undefined}
       >
         <div
           aria-hidden="true"
@@ -279,7 +272,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
                 box-sizing: border-box;
                 color: WindowText;
               }
-          style={undefined}
         >
           <i
             aria-hidden={true}
@@ -331,7 +323,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -354,7 +345,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
@@ -378,7 +368,6 @@ exports[`Component Examples renders Persona.UnknownPersona.Example.tsx correctly
             }
       >
         <div
-          aria-describedby={undefined}
           className="ms-TooltipHost"
           onBlurCapture={[Function]}
           onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot
index 10d2e480a9d54..09053791b0928 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Basic.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -36,11 +34,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -155,7 +148,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
           data-is-focusable={true}
           data-order={1}
           data-title="My Files Title"
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="My Files"
           onClick={[Function]}
@@ -198,11 +190,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -310,7 +297,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Recent"
           onClick={[Function]}
@@ -353,11 +339,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -465,7 +446,6 @@ exports[`Component Examples renders Pivot.Basic.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Shared with me"
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot
index 265b67419aaed..a00ca8b939c2e 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Fabric.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -36,11 +34,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -153,7 +146,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="Callout"
           onClick={[Function]}
@@ -196,11 +188,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -308,7 +295,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Spinner"
           onClick={[Function]}
@@ -351,11 +337,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -463,7 +444,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Persona"
           onClick={[Function]}
@@ -545,11 +525,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                 }
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
-              aria-label={undefined}
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               className=
                   ms-Button
                   ms-Button--default
@@ -619,7 +594,6 @@ exports[`Component Examples renders Pivot.Fabric.Example.tsx correctly 1`] = `
                     color: #212121;
                   }
               data-is-focusable={true}
-              disabled={undefined}
               id="toggleCallout"
               onClick={[Function]}
               onKeyDown={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot
index a7b950c94c132..55a6a50cb8d77 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.IconCount.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -36,11 +34,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -153,7 +146,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="My Files"
           onClick={[Function]}
@@ -235,11 +227,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -347,9 +334,7 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
-          name={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -418,11 +403,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -530,9 +510,7 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
-          name={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -588,11 +566,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -700,7 +673,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab3"
           name="Shared with me"
           onClick={[Function]}
@@ -782,11 +754,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -894,7 +861,6 @@ exports[`Component Examples renders Pivot.IconCount.Example.tsx correctly 1`] =
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab4"
           name="Customized Rendering"
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot
index 55ec81ffbeb88..20f4d779bfbca 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Large.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -37,11 +35,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -154,7 +147,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="My Files"
           onClick={[Function]}
@@ -197,11 +189,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -309,7 +296,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Recent"
           onClick={[Function]}
@@ -352,11 +338,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -464,7 +445,6 @@ exports[`Component Examples renders Pivot.Large.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Shared with me"
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot
index a6a179f069cc1..a00bbb818cec9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.OnChange.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -38,11 +36,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -168,7 +161,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 color: #ffffff;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="Foo"
           onClick={[Function]}
@@ -211,11 +203,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -333,7 +320,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Bar"
           onClick={[Function]}
@@ -376,11 +362,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -498,7 +479,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Bas"
           onClick={[Function]}
@@ -541,11 +521,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -663,7 +638,6 @@ exports[`Component Examples renders Pivot.OnChange.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab3"
           name="Biz"
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot
index 6a7178433d4e3..00f27d270dd1a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Override.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -36,11 +34,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -153,7 +146,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="My Files"
           onClick={[Function]}
@@ -196,11 +188,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -308,7 +295,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Recent"
           onClick={[Function]}
@@ -351,11 +337,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -463,7 +444,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Shared with me"
           onClick={[Function]}
@@ -538,11 +518,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -612,7 +587,6 @@ exports[`Component Examples renders Pivot.Override.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot
index ddafe1c4b8b8b..c28a96840bdc8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Remove.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -38,11 +36,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -168,7 +161,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 color: #ffffff;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="Foo"
           onClick={[Function]}
@@ -211,11 +203,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -333,7 +320,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Bar"
           onClick={[Function]}
@@ -376,11 +362,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -498,7 +479,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Bas"
           onClick={[Function]}
@@ -541,11 +521,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -663,7 +638,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab3"
           name="Biz"
           onClick={[Function]}
@@ -783,11 +757,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
   </div>
   <div>
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -857,7 +826,6 @@ exports[`Component Examples renders Pivot.Remove.Example.tsx correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot
index 7f7891e7f73be..daee7899a044b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Separate.Example.tsx.shot
@@ -16,8 +16,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
   />
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -48,11 +46,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -165,7 +158,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
                 color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="ShapeColorPivot_rectangleRed"
           name="Rectangle red"
           onClick={[Function]}
@@ -208,11 +200,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -320,7 +307,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="ShapeColorPivot_squareRed"
           name="Square red"
           onClick={[Function]}
@@ -363,11 +349,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -475,7 +456,6 @@ exports[`Component Examples renders Pivot.Separate.Example.tsx correctly 1`] = `
                 box-sizing: border-box;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="ShapeColorPivot_rectangleGreen"
           name="Rectangle green"
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot
index 19736048ef377..bee4593c2fece 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.Tabs.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -37,11 +35,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -167,7 +160,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 color: #ffffff;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="Foo"
           onClick={[Function]}
@@ -210,11 +202,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -332,7 +319,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Bar"
           onClick={[Function]}
@@ -375,11 +361,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -497,7 +478,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Bas"
           onClick={[Function]}
@@ -540,11 +520,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -662,7 +637,6 @@ exports[`Component Examples renders Pivot.Tabs.Example.tsx correctly 1`] = `
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab3"
           name="Biz"
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot
index 9cfdbc5a64eaf..aa5b4af5b1a47 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Pivot.TabsLarge.Example.tsx.shot
@@ -4,8 +4,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
 <div>
   <div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone1"
       onFocus={[Function]}
@@ -38,11 +36,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
         role="tablist"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={true}
           className=
               ms-Button
@@ -168,7 +161,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 color: #ffffff;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab0"
           name="Foo"
           onClick={[Function]}
@@ -211,11 +203,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -333,7 +320,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab1"
           name="Bar"
           onClick={[Function]}
@@ -376,11 +362,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -498,7 +479,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab2"
           name="Bas"
           onClick={[Function]}
@@ -541,11 +521,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           aria-selected={false}
           className=
               ms-Button
@@ -663,7 +638,6 @@ exports[`Component Examples renders Pivot.TabsLarge.Example.tsx correctly 1`] =
                 color: #000000;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Pivot0-Tab3"
           name="Biz"
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot
index d92f00766f439..5b48c4a695ab4 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/PositioningContainer.Basic.Example.tsx.shot
@@ -6,11 +6,6 @@ exports[`Component Examples renders PositioningContainer.Basic.Example.tsx corre
     className="ms-PositioningContainerBasicExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -81,7 +76,6 @@ exports[`Component Examples renders PositioningContainer.Basic.Example.tsx corre
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Basic.Example.tsx.shot
index 9c6249bf23982..864860cb32118 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Basic.Example.tsx.shot
@@ -53,7 +53,6 @@ exports[`Component Examples renders ProgressIndicator.Basic.Example.tsx correctl
       aria-valuemax={100}
       aria-valuemin={0}
       aria-valuenow={0}
-      aria-valuetext={undefined}
       className=
           ms-ProgressIndicator-progressBar
           {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Indeterminate.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Indeterminate.Example.tsx.shot
index de1a62aec7aad..0b158a7db01f8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Indeterminate.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ProgressIndicator.Indeterminate.Example.tsx.shot
@@ -50,10 +50,6 @@ exports[`Component Examples renders ProgressIndicator.Indeterminate.Example.tsx
           }
     />
     <div
-      aria-valuemax={undefined}
-      aria-valuemin={undefined}
-      aria-valuenow={undefined}
-      aria-valuetext={undefined}
       className=
           ms-ProgressIndicator-progressBar
           {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.Basic.Example.tsx.shot
index 469064a5afb40..af27d4b995653 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.Basic.Example.tsx.shot
@@ -23,8 +23,6 @@ exports[`Component Examples renders Rating.Basic.Example.tsx correctly 1`] = `
     id="Rating0"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-Rating-focuszone
@@ -836,8 +834,6 @@ exports[`Component Examples renders Rating.Basic.Example.tsx correctly 1`] = `
     id="Rating3"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-Rating-focuszone
@@ -1649,8 +1645,6 @@ exports[`Component Examples renders Rating.Basic.Example.tsx correctly 1`] = `
     id="Rating6"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-Rating-focuszone
@@ -3227,8 +3221,6 @@ exports[`Component Examples renders Rating.Basic.Example.tsx correctly 1`] = `
     id="Rating9"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-Rating-focuszone
@@ -3790,8 +3782,6 @@ exports[`Component Examples renders Rating.Basic.Example.tsx correctly 1`] = `
     id="Rating12"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-Rating-focuszone
@@ -4513,8 +4503,6 @@ exports[`Component Examples renders Rating.Basic.Example.tsx correctly 1`] = `
     id="Rating15"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-Rating-focuszone
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot
index c7e8a268f4387..3ddb7fa49f6dc 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Rating.ButtonControlled.Example.tsx.shot
@@ -17,8 +17,6 @@ exports[`Component Examples renders Rating.ButtonControlled.Example.tsx correctl
     id="Rating0"
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-Rating-focuszone
@@ -721,11 +719,6 @@ exports[`Component Examples renders Rating.ButtonControlled.Example.tsx correctl
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -805,7 +798,6 @@ exports[`Component Examples renders Rating.ButtonControlled.Example.tsx correctl
           color: Window;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot
index d5704484f88ac..f7da62f6986b7 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/ResizeGroup.OverflowSet.Example.tsx.shot
@@ -24,8 +24,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
       }
     >
       <div
-        aria-describedby={undefined}
-        aria-labelledby={undefined}
         className=
             ms-FocusZone
             ms-OverflowSet
@@ -49,11 +47,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -124,7 +117,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -207,11 +199,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -282,7 +269,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -365,11 +351,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -440,7 +421,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -523,11 +503,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -598,7 +573,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -681,11 +655,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -756,7 +725,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -839,11 +807,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -914,7 +877,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -997,11 +959,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -1072,7 +1029,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1155,11 +1111,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -1230,7 +1181,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1313,11 +1263,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -1388,7 +1333,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1471,11 +1415,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -1546,7 +1485,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1629,11 +1567,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -1704,7 +1637,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1787,11 +1719,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -1862,7 +1789,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -1945,11 +1871,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -2020,7 +1941,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -2103,11 +2023,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -2178,7 +2093,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -2261,11 +2175,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -2336,7 +2245,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -2419,11 +2327,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -2494,7 +2397,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -2577,11 +2479,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -2652,7 +2549,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -2735,11 +2631,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -2810,7 +2701,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -2893,11 +2783,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -2968,7 +2853,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -3051,11 +2935,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
-            aria-label={undefined}
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             checked={false}
             className=
                 ms-Button
@@ -3126,7 +3005,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                   color: #212121;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -3203,17 +3081,9 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
       </div>
     </div>
   </div>
-  <div
-    className={undefined}
-  >
+  <div>
     <button
       aria-checked={false}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={false}
       className=
           ms-Checkbox
@@ -3275,15 +3145,11 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-61"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -3326,7 +3192,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                 transition-timing-function: cubic-bezier(.4, 0, .23, 1);
                 width: 20px;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -3372,12 +3237,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
     </button>
     <button
       aria-checked={false}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={false}
       className=
           ms-Checkbox
@@ -3439,15 +3298,11 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-62"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -3490,7 +3345,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                 transition-timing-function: cubic-bezier(.4, 0, .23, 1);
                 width: 20px;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -3536,12 +3390,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
     </button>
     <button
       aria-checked={false}
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       checked={false}
       className=
           ms-Checkbox
@@ -3603,15 +3451,11 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
           &:focus .ms-Checkbox-text {
             color: #333333;
           }
-      data-ktp-execute-target={undefined}
-      disabled={undefined}
       id="checkbox-63"
-      name={undefined}
       onBlur={[Function]}
       onClick={[Function]}
       onFocus={[Function]}
       role="checkbox"
-      title={undefined}
       type="button"
     >
       <label
@@ -3654,7 +3498,6 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
                 transition-timing-function: cubic-bezier(.4, 0, .23, 1);
                 width: 20px;
               }
-          data-ktp-target={undefined}
         >
           <i
             aria-hidden={true}
@@ -3698,9 +3541,7 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
         </span>
       </label>
     </button>
-    <div
-      className={undefined}
-    >
+    <div>
       <div
         className=
             ms-Dropdown-container
@@ -3728,18 +3569,14 @@ exports[`Component Examples renders ResizeGroup.OverflowSet.Example.tsx correctl
               }
           htmlFor="Dropdown64"
           id="Dropdown64-label"
-          required={undefined}
         >
           Number of items to render
         </label>
         <div
           aria-activedescendant="Dropdown64-option"
           aria-describedby="Dropdown64-option"
-          aria-disabled={undefined}
           aria-expanded="false"
-          aria-label={undefined}
           aria-labelledby="Dropdown64-label"
-          aria-owns={undefined}
           className=
               ms-Dropdown
               {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.CustomIcon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.CustomIcon.Example.tsx.shot
index 112e69adaf3c9..41f7f2116a031 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.CustomIcon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.CustomIcon.Example.tsx.shot
@@ -121,7 +121,6 @@ exports[`Component Examples renders SearchBox.CustomIcon.Example.tsx correctly 1
           &:-ms-input-placeholder {
             color: #666666;
           }
-      disabled={undefined}
       id="SearchBox0"
       onChange={[Function]}
       onInput={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.FullSize.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.FullSize.Example.tsx.shot
index 1948ba8d9e04d..b823bdd1ee2fd 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.FullSize.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.FullSize.Example.tsx.shot
@@ -121,7 +121,6 @@ exports[`Component Examples renders SearchBox.FullSize.Example.tsx correctly 1`]
           &:-ms-input-placeholder {
             color: #666666;
           }
-      disabled={undefined}
       id="SearchBox0"
       onChange={[Function]}
       onInput={[Function]}
@@ -245,7 +244,6 @@ exports[`Component Examples renders SearchBox.FullSize.Example.tsx correctly 1`]
           &:-ms-input-placeholder {
             color: #666666;
           }
-      disabled={undefined}
       id="SearchBox1"
       onChange={[Function]}
       onInput={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Small.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Small.Example.tsx.shot
index 7b88ebeaca7fc..577049d114ec8 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Small.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Small.Example.tsx.shot
@@ -121,7 +121,6 @@ exports[`Component Examples renders SearchBox.Small.Example.tsx correctly 1`] =
           &:-ms-input-placeholder {
             color: #666666;
           }
-      disabled={undefined}
       id="SearchBox0"
       onChange={[Function]}
       onInput={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Underlined.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Underlined.Example.tsx.shot
index c843906abf8d8..e747d82006fea 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Underlined.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SearchBox.Underlined.Example.tsx.shot
@@ -120,7 +120,6 @@ exports[`Component Examples renders SearchBox.Underlined.Example.tsx correctly 1
         &:-ms-input-placeholder {
           color: #666666;
         }
-    disabled={undefined}
     id="SearchBox0"
     onChange={[Function]}
     onInput={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Application.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Application.Example.tsx.shot
index 04814278321c9..6ad7bae6f85b2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Application.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Application.Example.tsx.shot
@@ -2,9 +2,7 @@
 
 exports[`Component Examples renders Shimmer.Application.Example.tsx correctly 1`] = `
 <div>
-  <div
-    className={undefined}
-  >
+  <div>
     <div
       className=
           ms-Toggle
@@ -52,8 +50,6 @@ exports[`Component Examples renders Shimmer.Application.Example.tsx correctly 1`
       >
         <button
           aria-checked={false}
-          aria-disabled={undefined}
-          aria-label={undefined}
           checked={false}
           className=
               ms-Toggle-background
@@ -102,7 +98,6 @@ exports[`Component Examples renders Shimmer.Application.Example.tsx correctly 1`
                 border-color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Toggle0"
           onChange={[Function]}
           onClick={[Function]}
@@ -208,8 +203,6 @@ exports[`Component Examples renders Shimmer.Application.Example.tsx correctly 1`
       >
         <button
           aria-checked={false}
-          aria-disabled={undefined}
-          aria-label={undefined}
           checked={false}
           className=
               ms-Toggle-background
@@ -258,7 +251,6 @@ exports[`Component Examples renders Shimmer.Application.Example.tsx correctly 1`
                 border-color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Toggle1"
           onChange={[Function]}
           onClick={[Function]}
@@ -364,8 +356,6 @@ exports[`Component Examples renders Shimmer.Application.Example.tsx correctly 1`
       >
         <button
           aria-checked={false}
-          aria-disabled={undefined}
-          aria-label={undefined}
           checked={false}
           className=
               ms-Toggle-background
@@ -414,7 +404,6 @@ exports[`Component Examples renders Shimmer.Application.Example.tsx correctly 1`
                 border-color: Highlight;
               }
           data-is-focusable={true}
-          disabled={undefined}
           id="Toggle2"
           onChange={[Function]}
           onClick={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot
index c37a1692f955a..6af75a9fb42d5 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Basic.Example.tsx.shot
@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Component Examples renders Shimmer.Basic.Example.tsx correctly 1`] = `
-<div
-  className={undefined}
->
+<div>
   Basic Shimmer with no elements provided. It defaults to a line of 16px height.
   <div
     className=
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot
index 884c5200d5b8d..c376fe7dc5639 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.CustomElements.Example.tsx.shot
@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Component Examples renders Shimmer.CustomElements.Example.tsx correctly 1`] = `
-<div
-  className={undefined}
->
+<div>
   Using ShimmerElementsGroup component to build complex structures of the placeholder you need.
   <div
     className=
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.LoadData.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.LoadData.Example.tsx.shot
index 35fd14009b741..0d06d0754a2b2 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.LoadData.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.LoadData.Example.tsx.shot
@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] = `
-<div
-  className={undefined}
->
+<div>
   <div
     className=
         ms-Toggle
@@ -27,8 +25,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
     >
       <button
         aria-checked={false}
-        aria-disabled={undefined}
-        aria-label={undefined}
         checked={false}
         className=
             ms-Toggle-background
@@ -77,7 +73,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
               border-color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle0"
         onChange={[Function]}
         onClick={[Function]}
@@ -345,8 +340,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
     >
       <button
         aria-checked={false}
-        aria-disabled={undefined}
-        aria-label={undefined}
         checked={false}
         className=
             ms-Toggle-background
@@ -395,7 +388,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
               border-color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle1"
         onChange={[Function]}
         onClick={[Function]}
@@ -855,7 +847,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
               color: #212121;
             }
         size={12}
-        style={undefined}
       >
         <div
           className=
@@ -880,7 +871,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
                   text-align: center;
                   width: 40px;
                 }
-            style={undefined}
           >
             <div
               aria-hidden="true"
@@ -902,7 +892,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
                     box-sizing: border-box;
                     color: WindowText;
                   }
-              style={undefined}
             >
               <i
                 aria-hidden={true}
@@ -945,7 +934,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
                     background-color: WindowText;
                     border-color: Window;
                   }
-              style={undefined}
             >
               <i
                 aria-hidden={true}
@@ -971,7 +959,6 @@ exports[`Component Examples renders Shimmer.LoadData.Example.tsx correctly 1`] =
                     }
                 data-icon-name="SkypeClock"
                 role="presentation"
-                style={undefined}
               >
                 
               </i>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Styling.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Styling.Example.tsx.shot
index 6e0a02bf43fef..b7bf6d325b8dd 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Styling.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Shimmer.Styling.Example.tsx.shot
@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Component Examples renders Shimmer.Styling.Example.tsx correctly 1`] = `
-<div
-  className={undefined}
->
+<div>
   <div
     className=
         ms-Shimmer-container
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Slider.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Slider.Basic.Example.tsx.shot
index 45213f86a1f8c..cbaad24eed816 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Slider.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Slider.Basic.Example.tsx.shot
@@ -53,7 +53,6 @@ exports[`Component Examples renders Slider.Basic.Example.tsx correctly 1`] = `
           aria-valuemax={3}
           aria-valuemin={1}
           aria-valuenow={2}
-          aria-valuetext={undefined}
           className=
               ms-Slider-slideBox
               ms-Slider-showValue
@@ -281,7 +280,6 @@ exports[`Component Examples renders Slider.Basic.Example.tsx correctly 1`] = `
           aria-valuemax={500}
           aria-valuemin={50}
           aria-valuenow={300}
-          aria-valuetext={undefined}
           className=
               ms-Slider-slideBox
               ms-Slider-showValue
@@ -476,7 +474,6 @@ exports[`Component Examples renders Slider.Basic.Example.tsx correctly 1`] = `
           aria-valuemax={10}
           aria-valuemin={0}
           aria-valuenow={0}
-          aria-valuetext={undefined}
           className=
               ms-Slider-slideBox
               ms-Slider-showValue
@@ -719,7 +716,6 @@ exports[`Component Examples renders Slider.Basic.Example.tsx correctly 1`] = `
             aria-valuemax={3}
             aria-valuemin={1}
             aria-valuenow={2}
-            aria-valuetext={undefined}
             className=
                 ms-Slider-slideBox
                 ms-Slider-showValue
@@ -969,7 +965,6 @@ exports[`Component Examples renders Slider.Basic.Example.tsx correctly 1`] = `
             aria-valuemax={500}
             aria-valuemin={50}
             aria-valuenow={300}
-            aria-valuetext={undefined}
             className=
                 ms-Slider-slideBox
                 ms-Slider-showValue
@@ -1186,7 +1181,6 @@ exports[`Component Examples renders Slider.Basic.Example.tsx correctly 1`] = `
             aria-valuemax={10}
             aria-valuemin={0}
             aria-valuenow={0}
-            aria-valuetext={undefined}
             className=
                 ms-Slider-slideBox
                 ms-Slider-showValue
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot
index 7bbe56580999a..bab3268c356fc 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Basic.Example.tsx.shot
@@ -77,9 +77,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -99,17 +96,13 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
             border-color: Highlight;
             outline: none;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={false}
         aria-labelledby="Label0"
         aria-valuemax={100}
         aria-valuemin={0}
         aria-valuenow={0}
-        aria-valuetext={undefined}
         autoComplete="off"
         className=
             ms-spinButton-input
@@ -147,7 +140,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
               border-color: Highlight;
               color: HighlightText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input1"
         onBlur={[Function]}
@@ -179,11 +171,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -259,7 +246,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -312,11 +298,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -392,7 +373,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -493,9 +473,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -515,17 +492,13 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
             border-color: Highlight;
             outline: none;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={false}
         aria-labelledby="Label8"
         aria-valuemax={10}
         aria-valuemin={0}
         aria-valuenow={0}
-        aria-valuetext={undefined}
         autoComplete="off"
         className=
             ms-spinButton-input
@@ -563,7 +536,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
               border-color: Highlight;
               color: HighlightText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input9"
         onBlur={[Function]}
@@ -595,11 +567,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -675,7 +642,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -728,11 +694,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -808,7 +769,6 @@ exports[`Component Examples renders SpinButton.Basic.Example.tsx correctly 1`] =
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot
index 2bc8c68888125..eee42df0b4bdf 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicDisabled.Example.tsx.shot
@@ -58,9 +58,6 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -79,17 +76,13 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct
           @media screen and (-ms-high-contrast: active){& {
             color: GrayText;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={true}
         aria-labelledby="Label0"
         aria-valuemax={100}
         aria-valuemin={0}
         aria-valuenow={25}
-        aria-valuetext={undefined}
         autoComplete="off"
         className=
             ms-spinButton-input
@@ -124,7 +117,6 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct
             @media screen and (-ms-high-contrast: active){& {
               color: GrayText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input1"
         onBlur={[Function]}
@@ -163,11 +155,7 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct
             }
       >
         <button
-          aria-describedby={undefined}
           aria-disabled={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -295,11 +283,7 @@ exports[`Component Examples renders SpinButton.BasicDisabled.Example.tsx correct
           </div>
         </button>
         <button
-          aria-describedby={undefined}
           aria-disabled={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot
index 9db9e5b6a1463..7e00ee8dbf905 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithEndPosition.Example.tsx.shot
@@ -77,9 +77,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -99,17 +96,13 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
             border-color: Highlight;
             outline: none;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={false}
         aria-labelledby="Label0"
         aria-valuemax={100}
         aria-valuemin={0}
         aria-valuenow={0}
-        aria-valuetext={undefined}
         autoComplete="off"
         className=
             ms-spinButton-input
@@ -147,7 +140,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
               border-color: Highlight;
               color: HighlightText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input1"
         onBlur={[Function]}
@@ -179,11 +171,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -259,7 +246,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -312,11 +298,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -392,7 +373,6 @@ exports[`Component Examples renders SpinButton.BasicWithEndPosition.Example.tsx
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot
index 7f790d95c8454..2a769a92ee9eb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIcon.Example.tsx.shot
@@ -77,9 +77,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -99,17 +96,13 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
             border-color: Highlight;
             outline: none;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={false}
         aria-labelledby="Label0"
         aria-valuemax={100}
         aria-valuemin={0}
         aria-valuenow={0}
-        aria-valuetext={undefined}
         autoComplete="off"
         className=
             ms-spinButton-input
@@ -147,7 +140,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
               border-color: Highlight;
               color: HighlightText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input1"
         onBlur={[Function]}
@@ -179,11 +171,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -259,7 +246,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -312,11 +298,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -392,7 +373,6 @@ exports[`Component Examples renders SpinButton.BasicWithIcon.Example.tsx correct
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot
index 4c613babe313c..7dd84a053a033 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.BasicWithIconDisabled.Example.tsx.shot
@@ -82,9 +82,6 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -103,17 +100,13 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx
           @media screen and (-ms-high-contrast: active){& {
             color: GrayText;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={true}
         aria-labelledby="Label0"
         aria-valuemax={100}
         aria-valuemin={0}
         aria-valuenow={0}
-        aria-valuetext={undefined}
         autoComplete="off"
         className=
             ms-spinButton-input
@@ -148,7 +141,6 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx
             @media screen and (-ms-high-contrast: active){& {
               color: GrayText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input1"
         onBlur={[Function]}
@@ -187,11 +179,7 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx
             }
       >
         <button
-          aria-describedby={undefined}
           aria-disabled={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -319,11 +307,7 @@ exports[`Component Examples renders SpinButton.BasicWithIconDisabled.Example.tsx
           </div>
         </button>
         <button
-          aria-describedby={undefined}
           aria-disabled={true}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot
index ea03e86fad83c..370e9cf8a70be 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.CustomStyled.Example.tsx.shot
@@ -48,9 +48,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -70,17 +67,13 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
             border-color: Highlight;
             outline: none;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={false}
         aria-labelledby="Label0"
         aria-valuemax={100}
         aria-valuemin={0}
         aria-valuenow={0}
-        aria-valuetext={undefined}
         autoComplete="off"
         className=
             ms-spinButton-input
@@ -118,7 +111,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
               border-color: Highlight;
               color: HighlightText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input1"
         onBlur={[Function]}
@@ -150,11 +142,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -230,7 +217,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -283,11 +269,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -363,7 +344,6 @@ exports[`Component Examples renders SpinButton.CustomStyled.Example.tsx correctl
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot
index 5fbcfef3da7cb..36e6cb1cc34c6 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SpinButton.Stateful.Example.tsx.shot
@@ -54,9 +54,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
       </label>
     </div>
     <div
-      aria-label={undefined}
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -76,16 +73,12 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
             border-color: Highlight;
             outline: none;
           }
-      data-ktp-target={undefined}
-      title={undefined}
     >
       <input
-        aria-describedby={undefined}
         aria-disabled={false}
         aria-labelledby="Label0"
         aria-valuemax={100}
         aria-valuemin={0}
-        aria-valuenow={undefined}
         aria-valuetext="7 cm"
         autoComplete="off"
         className=
@@ -124,7 +117,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
               border-color: Highlight;
               color: HighlightText;
             }
-        data-ktp-execute-target={undefined}
         data-lpignore={true}
         id="input1"
         onBlur={[Function]}
@@ -156,11 +148,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
             }
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -236,7 +223,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -289,11 +275,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
           </div>
         </button>
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           checked={false}
           className=
               ms-Button
@@ -369,7 +350,6 @@ exports[`Component Examples renders SpinButton.Stateful.Example.tsx correctly 1`
                 color: HighlightText;
               }
           data-is-focusable={false}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot
index 9cfc3c66deece..fad9ad8c3742d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/SwatchColorPicker.Basic.Example.tsx.shot
@@ -6,8 +6,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     Simple circle swatch color picker:
   </div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className=
         ms-FocusZone
         ms-swatchColorPickerBodyContainer
@@ -24,8 +22,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     role="presentation"
   >
     <table
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -55,11 +51,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="green"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -200,7 +192,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={0}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker0-a-0"
               onClick={[Function]}
               onFocus={[Function]}
@@ -263,11 +254,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="orange"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -408,7 +395,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={1}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker0-b-1"
               onClick={[Function]}
               onFocus={[Function]}
@@ -471,11 +457,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="blue"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -616,7 +598,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={2}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker0-c-2"
               onClick={[Function]}
               onFocus={[Function]}
@@ -679,11 +660,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="red"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -824,7 +801,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={3}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker0-d-3"
               onClick={[Function]}
               onFocus={[Function]}
@@ -887,11 +863,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="white"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -1042,7 +1014,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={4}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker0-e-4"
               onClick={[Function]}
               onFocus={[Function]}
@@ -1101,8 +1072,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     Simple square swatch color picker:
   </div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className=
         ms-FocusZone
         ms-swatchColorPickerBodyContainer
@@ -1119,8 +1088,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     role="presentation"
   >
     <table
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -1150,11 +1117,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="green"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -1292,7 +1255,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={0}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker18-a-0"
               onClick={[Function]}
               onFocus={[Function]}
@@ -1354,11 +1316,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="orange"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -1496,7 +1454,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={1}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker18-b-1"
               onClick={[Function]}
               onFocus={[Function]}
@@ -1558,11 +1515,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="blue"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -1700,7 +1653,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={2}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker18-c-2"
               onClick={[Function]}
               onFocus={[Function]}
@@ -1762,11 +1714,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="red"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -1904,7 +1852,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={3}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker18-d-3"
               onClick={[Function]}
               onFocus={[Function]}
@@ -1966,11 +1913,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="white"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -2120,7 +2063,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={4}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker18-e-4"
               onClick={[Function]}
               onFocus={[Function]}
@@ -2188,8 +2130,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     Sample Text
   </div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className=
         ms-FocusZone
         ms-swatchColorPickerBodyContainer
@@ -2206,8 +2146,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     role="presentation"
   >
     <table
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -2237,11 +2175,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="green"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -2382,7 +2316,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={0}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-a-0"
               onClick={[Function]}
               onFocus={[Function]}
@@ -2445,11 +2378,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="orange"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -2590,7 +2519,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={1}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-b-1"
               onClick={[Function]}
               onFocus={[Function]}
@@ -2653,11 +2581,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="blue"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -2798,7 +2722,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={2}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-c-2"
               onClick={[Function]}
               onFocus={[Function]}
@@ -2861,11 +2784,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="red"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -3006,7 +2925,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={3}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-d-3"
               onClick={[Function]}
               onFocus={[Function]}
@@ -3073,11 +2991,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="green"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -3218,7 +3132,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={4}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-g-4"
               onClick={[Function]}
               onFocus={[Function]}
@@ -3281,11 +3194,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="orange"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -3426,7 +3335,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={5}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-h-5"
               onClick={[Function]}
               onFocus={[Function]}
@@ -3489,11 +3397,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="blue"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -3634,7 +3538,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={6}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-i-6"
               onClick={[Function]}
               onFocus={[Function]}
@@ -3697,11 +3600,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="red"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -3842,7 +3741,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={7}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-j-7"
               onClick={[Function]}
               onFocus={[Function]}
@@ -3909,11 +3807,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="black"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -4054,7 +3948,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={8}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-k-8"
               onClick={[Function]}
               onFocus={[Function]}
@@ -4117,11 +4010,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="grey"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -4262,7 +4151,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={9}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-l-9"
               onClick={[Function]}
               onFocus={[Function]}
@@ -4325,11 +4213,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="purple"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -4470,7 +4354,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={10}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-m-10"
               onClick={[Function]}
               onFocus={[Function]}
@@ -4533,11 +4416,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
-              aria-disabled={undefined}
               aria-label="yellow"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -4678,7 +4557,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                   }
               data-index={11}
               data-is-focusable={true}
-              disabled={undefined}
               id="swatchColorPicker36-n-11"
               onClick={[Function]}
               onFocus={[Function]}
@@ -4737,8 +4615,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     Simple disabled circle swatch color picker:
   </div>
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className=
         ms-FocusZone
         ms-swatchColorPickerBodyContainer
@@ -4755,8 +4631,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
     role="presentation"
   >
     <table
-      aria-posinset={undefined}
-      aria-setsize={undefined}
       className=
 
           {
@@ -4786,11 +4660,8 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
               aria-disabled={true}
               aria-label="green"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -4996,11 +4867,8 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
               aria-disabled={true}
               aria-label="orange"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -5206,11 +5074,8 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
               aria-disabled={true}
               aria-label="blue"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -5416,11 +5281,8 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
               aria-disabled={true}
               aria-label="red"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -5626,11 +5488,8 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
             role="presentation"
           >
             <button
-              aria-describedby={undefined}
               aria-disabled={true}
               aria-label="white"
-              aria-labelledby={undefined}
-              aria-pressed={undefined}
               aria-selected={false}
               className=
                   ms-Button
@@ -5856,8 +5715,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
       Sample Text
     </div>
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className=
           ms-FocusZone
           ms-swatchColorPickerBodyContainer
@@ -5874,8 +5731,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
       role="presentation"
     >
       <table
-        aria-posinset={undefined}
-        aria-setsize={undefined}
         className=
 
             {
@@ -5905,11 +5760,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="green"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -6050,7 +5901,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={0}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-a-0"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -6113,11 +5963,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="orange"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -6258,7 +6104,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={1}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-b-1"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -6321,11 +6166,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="blue"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -6466,7 +6307,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={2}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-c-2"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -6529,11 +6369,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="red"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -6674,7 +6510,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={3}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-d-3"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -6741,11 +6576,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="green"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -6886,7 +6717,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={4}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-g-4"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -6949,11 +6779,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="orange"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -7094,7 +6920,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={5}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-h-5"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -7157,11 +6982,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="blue"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -7302,7 +7123,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={6}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-i-6"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -7365,11 +7185,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="red"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -7510,7 +7326,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={7}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-j-7"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -7577,11 +7392,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="black"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -7722,7 +7533,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={8}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-k-8"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -7785,11 +7595,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="grey"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -7930,7 +7736,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={9}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-l-9"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -7993,11 +7798,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="purple"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -8138,7 +7939,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={10}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-m-10"
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -8201,11 +8001,7 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
               role="presentation"
             >
               <button
-                aria-describedby={undefined}
-                aria-disabled={undefined}
                 aria-label="yellow"
-                aria-labelledby={undefined}
-                aria-pressed={undefined}
                 aria-selected={false}
                 className=
                     ms-Button
@@ -8346,7 +8142,6 @@ exports[`Component Examples renders SwatchColorPicker.Basic.Example.tsx correctl
                     }
                 data-index={11}
                 data-is-focusable={true}
-                disabled={undefined}
                 id="swatchColorPicker93-n-11"
                 onClick={[Function]}
                 onFocus={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TagPicker.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TagPicker.Basic.Example.tsx.shot
index ee26c64e0d5c6..5521c0d533ec1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TagPicker.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TagPicker.Basic.Example.tsx.shot
@@ -4,12 +4,6 @@ exports[`Component Examples renders TagPicker.Basic.Example.tsx correctly 1`] =
 <div>
   <button
     aria-checked={false}
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-posinset={undefined}
-    aria-setsize={undefined}
     checked={false}
     className=
         ms-Checkbox
@@ -71,15 +65,11 @@ exports[`Component Examples renders TagPicker.Basic.Example.tsx correctly 1`] =
         &:focus .ms-Checkbox-text {
           color: #333333;
         }
-    data-ktp-execute-target={undefined}
-    disabled={undefined}
     id="checkbox-0"
-    name={undefined}
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
     role="checkbox"
-    title={undefined}
     type="button"
   >
     <label
@@ -122,7 +112,6 @@ exports[`Component Examples renders TagPicker.Basic.Example.tsx correctly 1`] =
               transition-timing-function: cubic-bezier(.4, 0, .23, 1);
               width: 20px;
             }
-        data-ktp-target={undefined}
       >
         <i
           aria-hidden={true}
@@ -172,8 +161,6 @@ exports[`Component Examples renders TagPicker.Basic.Example.tsx correctly 1`] =
     onKeyDown={[Function]}
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone2"
       onFocus={[Function]}
@@ -201,14 +188,12 @@ exports[`Component Examples renders TagPicker.Basic.Example.tsx correctly 1`] =
             id="selected-items-id__1"
           />
           <input
-            aria-activedescendant={undefined}
             aria-autocomplete="both"
             aria-controls=" "
             aria-describedby="selected-items-id__1"
             aria-expanded={false}
             aria-haspopup="true"
             aria-label="Tag Picker"
-            aria-owns={undefined}
             autoCapitalize="off"
             autoComplete="off"
             className="ms-BasePicker-input"
@@ -236,8 +221,6 @@ exports[`Component Examples renders TagPicker.Basic.Example.tsx correctly 1`] =
     onKeyDown={[Function]}
   >
     <div
-      aria-describedby={undefined}
-      aria-labelledby={undefined}
       className="ms-FocusZone"
       data-focuszone-id="FocusZone4"
       onFocus={[Function]}
@@ -265,14 +248,12 @@ exports[`Component Examples renders TagPicker.Basic.Example.tsx correctly 1`] =
             id="selected-items-id__3"
           />
           <input
-            aria-activedescendant={undefined}
             aria-autocomplete="both"
             aria-controls=" "
             aria-describedby="selected-items-id__3"
             aria-expanded={false}
             aria-haspopup="true"
             aria-label="Tag Picker"
-            aria-owns={undefined}
             autoCapitalize="off"
             autoComplete="off"
             className="ms-BasePicker-input"
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot
index ebaeacac24fcf..d850328cef082 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Basic.Example.tsx.shot
@@ -8,11 +8,6 @@ exports[`Component Examples renders TeachingBubble.Basic.Example.tsx correctly 1
     className="ms-TeachingBubbleBasicExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -82,7 +77,6 @@ exports[`Component Examples renders TeachingBubble.Basic.Example.tsx correctly 1
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot
index 02e4c9429fa8f..72352ef108d6a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Condensed.Example.tsx.shot
@@ -8,11 +8,6 @@ exports[`Component Examples renders TeachingBubble.Condensed.Example.tsx correct
     className="ms-TeachingBubbleBasicExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -82,7 +77,6 @@ exports[`Component Examples renders TeachingBubble.Condensed.Example.tsx correct
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot
index 4c840402213a8..31061e9294ae9 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.Illustration.Example.tsx.shot
@@ -8,11 +8,6 @@ exports[`Component Examples renders TeachingBubble.Illustration.Example.tsx corr
     className="ms-TeachingBubbleBasicExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -82,7 +77,6 @@ exports[`Component Examples renders TeachingBubble.Illustration.Example.tsx corr
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot
index 64cd7e979e046..2fe80c57c1906 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.SmallHeadline.Example.tsx.shot
@@ -8,11 +8,6 @@ exports[`Component Examples renders TeachingBubble.SmallHeadline.Example.tsx cor
     className="ms-TeachingBubbleBasicExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -82,7 +77,6 @@ exports[`Component Examples renders TeachingBubble.SmallHeadline.Example.tsx cor
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot
index 0d28a6918e754..53508366cd09f 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TeachingBubble.WideIllustration.Example.tsx.shot
@@ -8,11 +8,6 @@ exports[`Component Examples renders TeachingBubble.WideIllustration.Example.tsx
     className="ms-TeachingBubbleBasicExample-buttonArea"
   >
     <button
-      aria-describedby={undefined}
-      aria-disabled={undefined}
-      aria-label={undefined}
-      aria-labelledby={undefined}
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -82,7 +77,6 @@ exports[`Component Examples renders TeachingBubble.WideIllustration.Example.tsx
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AllErrorMessage.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AllErrorMessage.Example.tsx.shot
index be959781d8d1e..58b3913217e97 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AllErrorMessage.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AllErrorMessage.Example.tsx.shot
@@ -54,7 +54,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         Default with error message
       </label>
@@ -94,7 +93,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
         <input
           aria-describedby="TextFieldDescription1"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -138,7 +136,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -218,7 +215,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
         <input
           aria-describedby="TextFieldDescription3"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -263,7 +259,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="Placeholder with error message"
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -350,7 +345,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
               word-wrap: break-word;
             }
         htmlFor="TextField4"
-        required={undefined}
       >
         Underlined with error message:
       </label>
@@ -393,7 +387,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
         <input
           aria-describedby="TextFieldDescription5"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -438,7 +431,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -503,7 +495,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
               word-wrap: break-word;
             }
         htmlFor="TextField6"
-        required={undefined}
       >
         Multiline with error message
       </label>
@@ -544,7 +535,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
         <textarea
           aria-describedby="TextFieldDescription7"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -591,7 +581,6 @@ exports[`Component Examples renders TextField.AllErrorMessage.Example.tsx correc
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           rows={4}
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AutoComplete.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AutoComplete.Example.tsx.shot
index 772342cb0188a..03f9064561ffe 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AutoComplete.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.AutoComplete.Example.tsx.shot
@@ -50,7 +50,6 @@ exports[`Component Examples renders TextField.AutoComplete.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         Fill in and submit this form. The page will reload and autocomplete suggestions will appear.
       </label>
@@ -84,9 +83,7 @@ exports[`Component Examples renders TextField.AutoComplete.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           autoComplete="on"
           className=
               ms-TextField-field
@@ -132,7 +129,6 @@ exports[`Component Examples renders TextField.AutoComplete.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -140,11 +136,6 @@ exports[`Component Examples renders TextField.AutoComplete.Example.tsx correctly
     </div>
   </div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--primary
@@ -224,7 +215,6 @@ exports[`Component Examples renders TextField.AutoComplete.Example.tsx correctly
           color: Window;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Basic.Example.tsx.shot
index 183b6a61f04aa..b08965ae181e1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Basic.Example.tsx.shot
@@ -49,7 +49,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         Standard
       </label>
@@ -83,9 +82,7 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -129,7 +126,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -182,7 +178,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
               word-wrap: break-word;
             }
         htmlFor="TextField2"
-        required={undefined}
       >
         Disabled
       </label>
@@ -215,9 +210,7 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -263,7 +256,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -315,7 +307,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
               word-wrap: break-word;
             }
         htmlFor="TextField4"
-        required={undefined}
       >
         Read Only
       </label>
@@ -349,9 +340,7 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -487,9 +476,7 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -533,7 +520,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           required={true}
           type="text"
           value=""
@@ -591,7 +577,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
               word-wrap: break-word;
             }
         htmlFor="TextField8"
-        required={undefined}
       >
         With error message
       </label>
@@ -631,7 +616,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
         <input
           aria-describedby="TextFieldDescription9"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -675,7 +659,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -734,7 +717,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
               word-wrap: break-word;
             }
         htmlFor="TextField10"
-        required={undefined}
       >
         With number mask
       </label>
@@ -768,9 +750,7 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -818,7 +798,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
           onMouseDown={[Function]}
           onMouseUp={[Function]}
           onPaste={[Function]}
-          readOnly={undefined}
           type="text"
           value="_____"
         />
@@ -870,7 +849,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
               word-wrap: break-word;
             }
         htmlFor="TextField12"
-        required={undefined}
       >
         With input mask
       </label>
@@ -904,9 +882,7 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -954,7 +930,6 @@ exports[`Component Examples renders TextField.Basic.Example.tsx correctly 1`] =
           onMouseDown={[Function]}
           onMouseUp={[Function]}
           onPaste={[Function]}
-          readOnly={undefined}
           type="text"
           value="mask: (___) ___ - ____"
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Borderless.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Borderless.Example.tsx.shot
index 93d39eb5a4a22..b33cda567b3f1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Borderless.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Borderless.Example.tsx.shot
@@ -51,7 +51,6 @@ exports[`Component Examples renders TextField.Borderless.Example.tsx correctly 1
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         Borderless Multiline TextField
       </label>
@@ -88,9 +87,7 @@ exports[`Component Examples renders TextField.Borderless.Example.tsx correctly 1
             }
       >
         <textarea
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -138,7 +135,6 @@ exports[`Component Examples renders TextField.Borderless.Example.tsx correctly 1
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="No borders here, folks."
-          readOnly={undefined}
           rows={4}
           value=""
         />
@@ -191,7 +187,6 @@ exports[`Component Examples renders TextField.Borderless.Example.tsx correctly 1
               word-wrap: break-word;
             }
         htmlFor="TextField2"
-        required={undefined}
       >
         Borderless Standard TextField
       </label>
@@ -227,9 +222,7 @@ exports[`Component Examples renders TextField.Borderless.Example.tsx correctly 1
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -274,7 +267,6 @@ exports[`Component Examples renders TextField.Borderless.Example.tsx correctly 1
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="No borders here, folks."
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot
index 3a03890196ea8..a7e318e772e2d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.CustomRender.Example.tsx.shot
@@ -45,11 +45,7 @@ exports[`Component Examples renders TextField.CustomRender.Example.tsx correctly
           className="ms-CustomRenderExample-labelIconArea"
         >
           <button
-            aria-describedby={undefined}
-            aria-disabled={undefined}
             aria-label="Info"
-            aria-labelledby={undefined}
-            aria-pressed={undefined}
             className=
                 ms-Button
                 ms-Button--icon
@@ -116,7 +112,6 @@ exports[`Component Examples renders TextField.CustomRender.Example.tsx correctly
                   color: #0078d4;
                 }
             data-is-focusable={true}
-            disabled={undefined}
             onClick={[Function]}
             onKeyDown={[Function]}
             onKeyPress={[Function]}
@@ -199,9 +194,7 @@ exports[`Component Examples renders TextField.CustomRender.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -245,7 +238,6 @@ exports[`Component Examples renders TextField.CustomRender.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.ErrorMessage.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.ErrorMessage.Example.tsx.shot
index 0eff463c6f6fb..4929b395b13be 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.ErrorMessage.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.ErrorMessage.Example.tsx.shot
@@ -49,7 +49,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         TextField with a string-based validator. Hint: the length of the input string must be less than 3.
       </label>
@@ -83,9 +82,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -129,7 +126,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -181,7 +177,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField2"
-        required={undefined}
       >
         TextField with a Promise-based validator. Hint: the length of the input string must be less than 3.
       </label>
@@ -215,9 +210,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -261,7 +254,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -318,7 +310,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField4"
-        required={undefined}
       >
         TextField with a string-based validator. Hint: the length of the input string must be less than 3.
       </label>
@@ -358,7 +349,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
         <input
           aria-describedby="TextFieldDescription5"
           aria-invalid={true}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -402,7 +392,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value="It should show an error message under this error message on render."
         />
@@ -461,7 +450,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField6"
-        required={undefined}
       >
         TextField with a string-based validator. Hint: the length of the input string must be less than 3.
       </label>
@@ -495,9 +483,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -541,7 +527,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value="It will run validation only on input change and not on render."
         />
@@ -593,7 +578,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField8"
-        required={undefined}
       >
         TextField with a Promise-based validator. Hint: the length of the input string must be less than 3.
       </label>
@@ -627,9 +611,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -673,7 +655,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value="It should show an error message under this error message 5 seconds after render."
         />
@@ -730,7 +711,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField10"
-        required={undefined}
       >
         TextField has both description and error message.
       </label>
@@ -770,7 +750,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
         <input
           aria-describedby="TextFieldDescription11"
           aria-invalid={true}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -814,7 +793,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value="It should show description and error message on render at the same time."
         />
@@ -883,7 +861,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField12"
-        required={undefined}
       >
         TextField with a string-based validator. Hint: the length of the input string must be less than 3.
       </label>
@@ -917,9 +894,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -964,7 +939,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="Validation will start after users stop typing for 2 seconds."
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -1016,7 +990,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField14"
-        required={undefined}
       >
         TextField that validates only on focus and blur. Hint: the length of the input string must be less than 3.
       </label>
@@ -1050,9 +1023,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -1097,7 +1068,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="Validation will start only on input focus and blur"
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -1149,7 +1119,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField16"
-        required={undefined}
       >
         TextField that validates only on blur. Hint: the length of the input string must be less than 3.
       </label>
@@ -1183,9 +1152,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -1230,7 +1197,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="Validation will start only on input blur."
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -1299,7 +1265,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField18"
-        required={undefined}
       >
         Underlined TextField
       </label>
@@ -1336,9 +1301,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -1383,7 +1346,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -1440,7 +1402,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               word-wrap: break-word;
             }
         htmlFor="TextField20"
-        required={undefined}
       >
         TextField that uses the errorMessage property to set an error state.
       </label>
@@ -1480,7 +1441,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
         <input
           aria-describedby="TextFieldDescription21"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -1525,7 +1485,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="This field always has an error."
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -1588,7 +1547,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
                 word-wrap: break-word;
               }
           htmlFor="TextField22"
-          required={undefined}
         >
           Number TextField with valid initial value
         </label>
@@ -1622,9 +1580,7 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               }
         >
           <input
-            aria-describedby={undefined}
             aria-invalid={false}
-            aria-label={undefined}
             className=
                 ms-TextField-field
                 {
@@ -1668,7 +1624,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             onChange={[Function]}
             onFocus={[Function]}
             onInput={[Function]}
-            readOnly={undefined}
             type="text"
             value="100"
           />
@@ -1679,11 +1634,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
       className="NumberTextField-restoreButton"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -1753,7 +1703,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
@@ -1854,7 +1803,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
                 word-wrap: break-word;
               }
           htmlFor="TextField27"
-          required={undefined}
         >
           Number TextField with invalid initial value
         </label>
@@ -1894,7 +1842,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
           <input
             aria-describedby="TextFieldDescription28"
             aria-invalid={true}
-            aria-label={undefined}
             className=
                 ms-TextField-field
                 {
@@ -1938,7 +1885,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
             onChange={[Function]}
             onFocus={[Function]}
             onInput={[Function]}
-            readOnly={undefined}
             type="text"
             value="Not a number"
           />
@@ -1956,11 +1902,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
       className="NumberTextField-restoreButton"
     >
       <button
-        aria-describedby={undefined}
-        aria-disabled={undefined}
-        aria-label={undefined}
-        aria-labelledby={undefined}
-        aria-pressed={undefined}
         className=
             ms-Button
             ms-Button--default
@@ -2030,7 +1971,6 @@ exports[`Component Examples renders TextField.ErrorMessage.Example.tsx correctly
               color: #212121;
             }
         data-is-focusable={true}
-        disabled={undefined}
         onClick={[Function]}
         onKeyDown={[Function]}
         onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Icon.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Icon.Example.tsx.shot
index 8f6241a627631..89e2f6a97854c 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Icon.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Icon.Example.tsx.shot
@@ -49,7 +49,6 @@ exports[`Component Examples renders TextField.Icon.Example.tsx correctly 1`] = `
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         TextField with an icon
       </label>
@@ -83,9 +82,7 @@ exports[`Component Examples renders TextField.Icon.Example.tsx correctly 1`] = `
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -129,7 +126,6 @@ exports[`Component Examples renders TextField.Icon.Example.tsx correctly 1`] = `
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Multiline.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Multiline.Example.tsx.shot
index 24b72645908b7..4800b395865eb 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Multiline.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Multiline.Example.tsx.shot
@@ -50,7 +50,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         Standard
       </label>
@@ -85,9 +84,7 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
             }
       >
         <textarea
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -134,7 +131,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           rows={4}
           value=""
         />
@@ -188,7 +184,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
               word-wrap: break-word;
             }
         htmlFor="TextField2"
-        required={undefined}
       >
         Disabled
       </label>
@@ -222,9 +217,7 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
             }
       >
         <textarea
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -273,7 +266,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           rows={4}
           value="lorem text"
         />
@@ -367,9 +359,7 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
             }
       >
         <textarea
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -416,7 +406,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           required={true}
           rows={4}
           value=""
@@ -475,7 +464,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
               word-wrap: break-word;
             }
         htmlFor="TextField6"
-        required={undefined}
       >
         With error message
       </label>
@@ -516,7 +504,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
         <textarea
           aria-describedby="TextFieldDescription7"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -563,7 +550,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           rows={4}
           value=""
         />
@@ -623,7 +609,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
               word-wrap: break-word;
             }
         htmlFor="TextField8"
-        required={undefined}
       >
         Non-resizable
       </label>
@@ -658,9 +643,7 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
             }
       >
         <textarea
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               ms-TextField--unresizable
@@ -709,7 +692,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           value=""
         />
       </div>
@@ -761,7 +743,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
               word-wrap: break-word;
             }
         htmlFor="TextField10"
-        required={undefined}
       >
         With auto adjusting height
       </label>
@@ -796,9 +777,7 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
             }
       >
         <textarea
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -845,7 +824,6 @@ exports[`Component Examples renders TextField.Multiline.Example.tsx correctly 1`
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           value=""
         />
       </div>
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.OnRenderDescription.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.OnRenderDescription.Example.tsx.shot
index e9784d5c66bee..974c26cad9c88 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.OnRenderDescription.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.OnRenderDescription.Example.tsx.shot
@@ -61,7 +61,6 @@ exports[`Component Examples renders TextField.OnRenderDescription.Example.tsx co
         <input
           aria-describedby="TextFieldDescription1"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -105,7 +104,6 @@ exports[`Component Examples renders TextField.OnRenderDescription.Example.tsx co
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Placeholder.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Placeholder.Example.tsx.shot
index d2cc229583ec2..7a89172432316 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Placeholder.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Placeholder.Example.tsx.shot
@@ -59,7 +59,6 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
           aria-label="Please enter text here"
           className=
@@ -106,7 +105,6 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="I am a placeholder."
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -168,9 +166,7 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -217,7 +213,6 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="I am disabled. "
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -287,9 +282,7 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -334,7 +327,6 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="I am required."
-          readOnly={undefined}
           required={true}
           type="text"
           value=""
@@ -408,7 +400,6 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
         <input
           aria-describedby="TextFieldDescription7"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -453,7 +444,6 @@ exports[`Component Examples renders TextField.Placeholder.Example.tsx correctly
           onFocus={[Function]}
           onInput={[Function]}
           placeholder="I have an error message."
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Prefix.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Prefix.Example.tsx.shot
index c61e9d5c6d9eb..f163368f460a1 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Prefix.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Prefix.Example.tsx.shot
@@ -85,9 +85,7 @@ exports[`Component Examples renders TextField.Prefix.Example.tsx correctly 1`] =
           </span>
         </div>
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -131,7 +129,6 @@ exports[`Component Examples renders TextField.Prefix.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.PrefixAndSuffix.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.PrefixAndSuffix.Example.tsx.shot
index ea2689f08c8cf..12bc88d870cf5 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.PrefixAndSuffix.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.PrefixAndSuffix.Example.tsx.shot
@@ -85,9 +85,7 @@ exports[`Component Examples renders TextField.PrefixAndSuffix.Example.tsx correc
           </span>
         </div>
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -131,7 +129,6 @@ exports[`Component Examples renders TextField.PrefixAndSuffix.Example.tsx correc
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Styled.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Styled.Example.tsx.shot
index c1bd603afdfe3..7bc2dfb9f1c69 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Styled.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Styled.Example.tsx.shot
@@ -93,9 +93,7 @@ exports[`Component Examples renders TextField.Styled.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -139,7 +137,6 @@ exports[`Component Examples renders TextField.Styled.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           required={true}
           type="text"
           value=""
@@ -233,9 +230,7 @@ exports[`Component Examples renders TextField.Styled.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -279,7 +274,6 @@ exports[`Component Examples renders TextField.Styled.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           required={true}
           type="text"
           value=""
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Suffix.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Suffix.Example.tsx.shot
index 50ebc70ebb4b4..33ec3b0ccd4a5 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Suffix.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Suffix.Example.tsx.shot
@@ -59,9 +59,7 @@ exports[`Component Examples renders TextField.Suffix.Example.tsx correctly 1`] =
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -105,7 +103,6 @@ exports[`Component Examples renders TextField.Suffix.Example.tsx correctly 1`] =
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Underlined.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Underlined.Example.tsx.shot
index c18c4387e53ca..c408a8619c0fc 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Underlined.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/TextField.Underlined.Example.tsx.shot
@@ -66,7 +66,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
               word-wrap: break-word;
             }
         htmlFor="TextField0"
-        required={undefined}
       >
         Standard:
       </label>
@@ -103,9 +102,7 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -150,7 +147,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -214,7 +210,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
               word-wrap: break-word;
             }
         htmlFor="TextField2"
-        required={undefined}
       >
         Disabled:
       </label>
@@ -250,9 +245,7 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -299,7 +292,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
@@ -411,9 +403,7 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
             }
       >
         <input
-          aria-describedby={undefined}
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -458,7 +448,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           required={true}
           type="text"
           value=""
@@ -539,7 +528,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
               word-wrap: break-word;
             }
         htmlFor="TextField6"
-        required={undefined}
       >
         With error message:
       </label>
@@ -582,7 +570,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
         <input
           aria-describedby="TextFieldDescription7"
           aria-invalid={false}
-          aria-label={undefined}
           className=
               ms-TextField-field
               {
@@ -627,7 +614,6 @@ exports[`Component Examples renders TextField.Underlined.Example.tsx correctly 1
           onChange={[Function]}
           onFocus={[Function]}
           onInput={[Function]}
-          readOnly={undefined}
           type="text"
           value=""
         />
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Toggle.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Toggle.Basic.Example.tsx.shot
index cd2814681e270..a448f4346580b 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Toggle.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Toggle.Basic.Example.tsx.shot
@@ -56,8 +56,6 @@ exports[`Component Examples renders Toggle.Basic.Example.tsx correctly 1`] = `
     >
       <button
         aria-checked={true}
-        aria-disabled={undefined}
-        aria-label={undefined}
         className=
             ms-Toggle-background
             {
@@ -108,7 +106,6 @@ exports[`Component Examples renders Toggle.Basic.Example.tsx correctly 1`] = `
               background-color: WindowText;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle0"
         onBlur={[Function]}
         onChange={[Function]}
@@ -220,8 +217,6 @@ exports[`Component Examples renders Toggle.Basic.Example.tsx correctly 1`] = `
     >
       <button
         aria-checked={false}
-        aria-disabled={undefined}
-        aria-label={undefined}
         className=
             ms-Toggle-background
             {
@@ -269,7 +264,6 @@ exports[`Component Examples renders Toggle.Basic.Example.tsx correctly 1`] = `
               border-color: Highlight;
             }
         data-is-focusable={true}
-        disabled={undefined}
         id="Toggle1"
         onBlur={[Function]}
         onChange={[Function]}
@@ -382,7 +376,6 @@ exports[`Component Examples renders Toggle.Basic.Example.tsx correctly 1`] = `
       <button
         aria-checked={true}
         aria-disabled={true}
-        aria-label={undefined}
         className=
             ms-Toggle-background
             {
@@ -539,7 +532,6 @@ exports[`Component Examples renders Toggle.Basic.Example.tsx correctly 1`] = `
       <button
         aria-checked={false}
         aria-disabled={true}
-        aria-label={undefined}
         className=
             ms-Toggle-background
             {
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot
index 08cb56aef6c48..1d69bad73ac9d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Basic.Example.tsx.shot
@@ -3,7 +3,6 @@
 exports[`Component Examples renders Tooltip.Basic.Example.tsx correctly 1`] = `
 <div>
   <div
-    aria-describedby={undefined}
     className="ms-TooltipHost"
     onBlurCapture={[Function]}
     onFocusCapture={[Function]}
@@ -12,10 +11,7 @@ exports[`Component Examples renders Tooltip.Basic.Example.tsx correctly 1`] = `
   >
     <button
       aria-describedby="myID"
-      aria-disabled={undefined}
-      aria-label={undefined}
       aria-labelledby="id__0"
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -85,7 +81,6 @@ exports[`Component Examples renders Tooltip.Basic.Example.tsx correctly 1`] = `
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot
index 99ba709f6c8be..a10f3edb5db20 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Custom.Example.tsx.shot
@@ -2,7 +2,6 @@
 
 exports[`Component Examples renders Tooltip.Custom.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
   className="ms-TooltipHost"
   onBlurCapture={[Function]}
   onFocusCapture={[Function]}
@@ -11,10 +10,7 @@ exports[`Component Examples renders Tooltip.Custom.Example.tsx correctly 1`] = `
 >
   <button
     aria-describedby="customID"
-    aria-disabled={undefined}
-    aria-label={undefined}
     aria-labelledby="id__0"
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -84,7 +80,6 @@ exports[`Component Examples renders Tooltip.Custom.Example.tsx correctly 1`] = `
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot
index bc6b0b4cfffb3..f3974e0ae7949 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Interactive.Example.tsx.shot
@@ -3,7 +3,6 @@
 exports[`Component Examples renders Tooltip.Interactive.Example.tsx correctly 1`] = `
 <div>
   <div
-    aria-describedby={undefined}
     className="ms-TooltipHost"
     onBlurCapture={[Function]}
     onFocusCapture={[Function]}
@@ -12,10 +11,7 @@ exports[`Component Examples renders Tooltip.Interactive.Example.tsx correctly 1`
   >
     <button
       aria-describedby="myID"
-      aria-disabled={undefined}
-      aria-label={undefined}
       aria-labelledby="id__0"
-      aria-pressed={undefined}
       className=
           ms-Button
           ms-Button--default
@@ -85,7 +81,6 @@ exports[`Component Examples renders Tooltip.Interactive.Example.tsx correctly 1`
             color: #212121;
           }
       data-is-focusable={true}
-      disabled={undefined}
       onClick={[Function]}
       onKeyDown={[Function]}
       onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot
index 4472097113cc9..dfd43889b6a14 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.NoScroll.Example.tsx.shot
@@ -2,7 +2,6 @@
 
 exports[`Component Examples renders Tooltip.NoScroll.Example.tsx correctly 1`] = `
 <div
-  aria-describedby={undefined}
   className="ms-TooltipHost"
   onBlurCapture={[Function]}
   onFocusCapture={[Function]}
@@ -10,11 +9,6 @@ exports[`Component Examples renders Tooltip.NoScroll.Example.tsx correctly 1`] =
   onMouseLeave={[Function]}
 >
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -84,7 +78,6 @@ exports[`Component Examples renders Tooltip.NoScroll.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot
index 57f88bd0c4679..40d175dd1b16d 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Tooltip.Overflow.Example.tsx.shot
@@ -3,11 +3,6 @@
 exports[`Component Examples renders Tooltip.Overflow.Example.tsx correctly 1`] = `
 <div>
   <button
-    aria-describedby={undefined}
-    aria-disabled={undefined}
-    aria-label={undefined}
-    aria-labelledby={undefined}
-    aria-pressed={undefined}
     className=
         ms-Button
         ms-Button--default
@@ -77,7 +72,6 @@ exports[`Component Examples renders Tooltip.Overflow.Example.tsx correctly 1`] =
           color: #212121;
         }
     data-is-focusable={true}
-    disabled={undefined}
     onClick={[Function]}
     onKeyDown={[Function]}
     onKeyPress={[Function]}
@@ -141,16 +135,13 @@ exports[`Component Examples renders Tooltip.Overflow.Example.tsx correctly 1`] =
       }
     >
       <div
-        aria-describedby={undefined}
         className="ms-TooltipHost"
         onBlurCapture={[Function]}
         onFocusCapture={[Function]}
         onMouseEnter={[Function]}
         onMouseLeave={[Function]}
       >
-        <span
-          aria-describedby={undefined}
-        >
+        <span>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat lectus ut magna sodales, sit amet accumsan arcu accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         </span>
       </div>
diff --git a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
index f9bb6d24c87a2..9b97bc77365e5 100644
--- a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap
@@ -5,13 +5,10 @@ exports[`Suggestions renders a list properly 1`] = `
   className="ms-Suggestions"
 >
   <div
-    aria-label={undefined}
     className="ms-Suggestions-container"
-    id={undefined}
     role="listbox"
   >
     <div
-      aria-label={undefined}
       aria-selected={true}
       id="sug-0"
       role="option"
@@ -20,11 +17,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item is-suggested undefined"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -99,7 +91,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -129,7 +120,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-1"
       role="option"
@@ -138,11 +128,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -217,7 +202,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -247,7 +231,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-2"
       role="option"
@@ -256,11 +239,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -335,7 +313,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -365,7 +342,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-3"
       role="option"
@@ -374,11 +350,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -453,7 +424,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -483,7 +453,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-4"
       role="option"
@@ -492,11 +461,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -571,7 +535,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -601,7 +564,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-5"
       role="option"
@@ -610,11 +572,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -689,7 +646,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -719,7 +675,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-6"
       role="option"
@@ -728,11 +683,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -807,7 +757,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -837,7 +786,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-7"
       role="option"
@@ -846,11 +794,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -925,7 +868,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -955,7 +897,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-8"
       role="option"
@@ -964,11 +905,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1043,7 +979,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1073,7 +1008,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-9"
       role="option"
@@ -1082,11 +1016,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1161,7 +1090,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1191,7 +1119,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-10"
       role="option"
@@ -1200,11 +1127,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1279,7 +1201,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1309,7 +1230,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-11"
       role="option"
@@ -1318,11 +1238,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1397,7 +1312,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1427,7 +1341,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-12"
       role="option"
@@ -1436,11 +1349,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1515,7 +1423,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1545,7 +1452,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-13"
       role="option"
@@ -1554,11 +1460,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1633,7 +1534,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1663,7 +1563,6 @@ exports[`Suggestions renders a list properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-14"
       role="option"
@@ -1672,11 +1571,6 @@ exports[`Suggestions renders a list properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1751,7 +1645,6 @@ exports[`Suggestions renders a list properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1794,13 +1687,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
   className="ms-Suggestions"
 >
   <div
-    aria-label={undefined}
     className="ms-Suggestions-container"
-    id={undefined}
     role="listbox"
   >
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-0"
       role="option"
@@ -1809,11 +1699,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -1888,7 +1773,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -1918,7 +1802,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-1"
       role="option"
@@ -1927,11 +1810,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2006,7 +1884,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2036,7 +1913,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-2"
       role="option"
@@ -2045,11 +1921,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2124,7 +1995,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2154,7 +2024,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-3"
       role="option"
@@ -2163,11 +2032,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2242,7 +2106,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2272,7 +2135,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-4"
       role="option"
@@ -2281,11 +2143,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2360,7 +2217,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2390,7 +2246,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-5"
       role="option"
@@ -2399,11 +2254,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2478,7 +2328,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2508,7 +2357,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-6"
       role="option"
@@ -2517,11 +2365,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2596,7 +2439,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2626,7 +2468,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-7"
       role="option"
@@ -2635,11 +2476,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2714,7 +2550,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2744,7 +2579,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={true}
       id="sug-8"
       role="option"
@@ -2753,11 +2587,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item is-suggested undefined"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2832,7 +2661,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2862,7 +2690,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-9"
       role="option"
@@ -2871,11 +2698,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -2950,7 +2772,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -2980,7 +2801,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-10"
       role="option"
@@ -2989,11 +2809,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -3068,7 +2883,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3098,7 +2912,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-11"
       role="option"
@@ -3107,11 +2920,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -3186,7 +2994,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3216,7 +3023,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-12"
       role="option"
@@ -3225,11 +3031,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -3304,7 +3105,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3334,7 +3134,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-13"
       role="option"
@@ -3343,11 +3142,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -3422,7 +3216,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
@@ -3452,7 +3245,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
       </div>
     </div>
     <div
-      aria-label={undefined}
       aria-selected={false}
       id="sug-14"
       role="option"
@@ -3461,11 +3253,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
         className="ms-Suggestions-item"
       >
         <button
-          aria-describedby={undefined}
-          aria-disabled={undefined}
-          aria-label={undefined}
-          aria-labelledby={undefined}
-          aria-pressed={undefined}
           className=
               ms-Button
               ms-Button--action
@@ -3540,7 +3327,6 @@ exports[`Suggestions scrolls to selected index properly 1`] = `
                 color: #004578;
               }
           data-is-focusable={true}
-          disabled={undefined}
           onClick={[Function]}
           onKeyDown={[Function]}
           onKeyPress={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap b/packages/office-ui-fabric-react/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap
index 1785bd99b72c5..d38458a7c77f4 100644
--- a/packages/office-ui-fabric-react/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap
@@ -6,8 +6,6 @@ exports[`Pickers BasePicker renders BasePicker correctly 1`] = `
   onKeyDown={[Function]}
 >
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone1"
     onFocus={[Function]}
@@ -35,18 +33,15 @@ exports[`Pickers BasePicker renders BasePicker correctly 1`] = `
           id="selected-items-id__0"
         />
         <input
-          aria-activedescendant={undefined}
           aria-autocomplete="both"
           aria-controls=" "
           aria-describedby="selected-items-id__0"
           aria-expanded={false}
           aria-haspopup="true"
-          aria-owns={undefined}
           autoCapitalize="off"
           autoComplete="off"
           className="ms-BasePicker-input"
           data-lpignore={true}
-          disabled={undefined}
           onBlur={[Function]}
           onChange={[Function]}
           onClick={[Function]}
@@ -70,8 +65,6 @@ exports[`Pickers TagPicker renders TagPicker correctly 1`] = `
   onKeyDown={[Function]}
 >
   <div
-    aria-describedby={undefined}
-    aria-labelledby={undefined}
     className="ms-FocusZone"
     data-focuszone-id="FocusZone70"
     onFocus={[Function]}
@@ -99,18 +92,15 @@ exports[`Pickers TagPicker renders TagPicker correctly 1`] = `
           id="selected-items-id__69"
         />
         <input
-          aria-activedescendant={undefined}
           aria-autocomplete="both"
           aria-controls=" "
           aria-describedby="selected-items-id__69"
           aria-expanded={false}
           aria-haspopup="true"
-          aria-owns={undefined}
           autoCapitalize="off"
           autoComplete="off"
           className="ms-BasePicker-input"
           data-lpignore={true}
-          disabled={undefined}
           onBlur={[Function]}
           onChange={[Function]}
           onClick={[Function]}
diff --git a/rush.json b/rush.json
index d151fa8194067..70d0b514ad98f 100644
--- a/rush.json
+++ b/rush.json
@@ -1,9 +1,15 @@
 {
+  "$schema": "https://developer.microsoft.com/json-schemas/rush/v5/rush.schema.json",
   "npmVersion": "5.4.0",
-  "rushVersion": "4.3.0",
+  "rushVersion": "5.0.6",
   "repository": {
     "url": "https://github.com/OfficeDev/office-ui-fabric-react.git"
   },
+  "eventHooks": {
+    "postRushInstall": [
+      "node scripts/install-husky.js"
+    ]
+  },
   "nodeSupportedVersionRange": ">=6.9.0 <10.0.0",
   "projects": [
     {
@@ -137,4 +143,4 @@
       "shouldPublish": false
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/scripts/install-husky.js b/scripts/install-husky.js
new file mode 100644
index 0000000000000..2de0d288757b7
--- /dev/null
+++ b/scripts/install-husky.js
@@ -0,0 +1,5 @@
+let path = require('path');
+let husky = require('husky/src/install');
+// "src" is needed because husky normally expects to look upwards from
+// its "src" folder
+husky(path.resolve(__dirname, 'src'));
diff --git a/scripts/package.json b/scripts/package.json
index 9f7ccb858377a..b0672174dec40 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -25,9 +25,11 @@
     "github": "^7.0.0",
     "glob": "^7.1.2",
     "gzip-size": "^3.0.0",
+    "husky": "^0.14.3",
     "jest": "^23.1.0",
     "jscodeshift": "^0.5.0",
     "json-loader": "^0.5.7",
+    "lint-staged": "^7.0.5",
     "mustache": "^2.3.0",
     "node-sass": "^4.5.3",
     "ngrok": "^3.0.1",