Fixed several accessibility issues. Cleaned up unused resources. (#959)

Author: azaslonov

package-lock.json

@@ -41,7 +41,6 @@
         "clean-webpack-plugin": "2.0.2",
         "copy-webpack-plugin": "^6.0.3",
         "css-loader": "^4.2.2",
-        "extract-text-webpack-plugin": "^4.0.0-beta.0",
         "file-loader": "^6.0.0",
         "html-loader": "^1.2.1",
         "mini-css-extract-plugin": "^0.10.0",

package.json

@@ -163,7 +163,7 @@ <h3>Response: <span data-bind="text: response.statusCode"></span></h3>
     <!-- ko if: $component.definitions().length > 0 -->
     <h3>Definitions</h3>
 
-    <div class="table-preset table-preset-definitions">
+    <div role="table" class="table-preset table-preset-definitions">
         <div class="d-contents" role="rowgroup">
             <div class="d-contents" role="row">
                 <div class="table-preset-head text-truncate" role="columnheader">Name</div>

src/components/operations/operation-details/ko/runtime/operation-details.html

@@ -1,4 +1,4 @@
-<div class="table-preset table-preset-enum">
+<div role="table" class="table-preset table-preset-enum">
     <div class="d-contents" role="rowgroup">
         <div class="d-contents" role="row">
             <div class="table-preset-head text-truncate" role="columnheader">Type</div>

src/components/operations/operation-details/ko/runtime/type-definition-enum.html

@@ -1,6 +1,6 @@
 <!-- ko if: definition.properties && definition.properties.length > 0 -->
 
-<div class="table-preset table-preset-schema">
+<div role="table" class="table-preset table-preset-schema">
     <div class="d-contents" role="rowgroup">
         <div class="d-contents" role="row">
             <div role="cell" class="table-preset-head text-truncate">Name</div>

src/components/operations/operation-details/ko/runtime/type-definition-object.html

@@ -44,7 +44,7 @@ <h2>API response times</h2>
 
 <h2>Products</h2>
 <div>
-    <div class="table-preset table-preset-reports">
+    <div role="table" class="table-preset table-preset-reports">
         <div class="d-contents" role="rowgroup">
             <div class="d-contents" role="row">
                 <div class="table-preset-head" role="columnheader">
@@ -291,7 +291,7 @@ <h2>Subscriptions</h2>
 
 <h2>APIs</h2>
 <div>
-    <div class="table-preset table-preset-reports">
+    <div role="table" class="table-preset table-preset-reports">
         <div class="d-contents" role="rowgroup">
             <div class="d-contents" role="row">
                 <div class="table-preset-head" role="columnheader">
@@ -412,7 +412,7 @@ <h2>APIs</h2>
 
 <h2>Operations</h2>
 <div>
-    <div class="table-preset table-preset-reports">
+    <div role="table" class="table-preset table-preset-reports">
         <div class="d-contents" role="rowgroup">
             <div class="d-contents" role="row">
                 <div class="table-preset-head" role="columnheader">

src/components/reports/ko/runtime/reports.html

@@ -1,8 +1,8 @@
-import { ArmResource } from "./contracts/armResource";
 import { NameValuePair } from "request";
+import { ArmResource } from "./contracts/armResource";
 import { JwtToken } from "./contracts/jwtToken";
 import { js } from "js-beautify";
-import { off } from "process";
+
 
 export class Utils {
     public static getResourceName(resource: string, fullId: string, resultType: string = "name"): string {