Fixes some accessibility issues.

Closes #1144. Closes #1143. Closes #1142.
altair-graphql · Jan 4, 2020 · 6935437 · 6935437
1 parent 82dcf65
commit 6935437
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/src/app/components/query-collection-item/query-collection-item.component.html b/src/app/components/query-collection-item/query-collection-item.component.html
@@ -82,7 +82,7 @@
           </span>
           <popper-content #deprecatedCollectionQuery>
               {{ 'COLLECTIONS_DEPRECATED_QUERY_WARNING' | translate }}
-              <a target="_blank" href="https://altair.sirmuel.design/docs/tips/deprecated-collection-queries">{{ 'LEARN_MORE_TEXT' | translate }}</a>
+              <a target="_blank" href="https://altair.sirmuel.design/docs/tips/deprecated-collection-queries" rel="noopener">{{ 'LEARN_MORE_TEXT' | translate }}</a>
           </popper-content>
         </span>
         <span class="query-collections__item-queries-item-right">

diff --git a/src/app/components/query-editor/query-editor.component.html b/src/app/components/query-editor/query-editor.component.html
@@ -19,7 +19,7 @@
     <div class="variables-files-container">
       <button class="variables-add-files-button" track-id="add_file_variable" (click)="addFileVariableChange.next()">{{ 'ADD_FILES_TEXT' | translate }}</button>
 
-      <a href="https://sirmuel.design/working-with-file-uploads-using-altair-graphql-d2f86dc8261f" target="_blank">
+      <a href="https://sirmuel.design/working-with-file-uploads-using-altair-graphql-d2f86dc8261f" target="_blank" rel="noopener">
         <app-icon name="info"></app-icon>
         {{ 'LEARN_MORE_TEXT' | translate }}
       </a>

diff --git a/src/app/components/settings-dialog/settings-dialog.component.html b/src/app/components/settings-dialog/settings-dialog.component.html
@@ -35,7 +35,7 @@
           (ngModelChange)="onSettingsChange($event)"
         ></ngx-codemirror>
         <small>{{ 'SETTINGS_SHOW_EDITOR_HINT' | translate }}</small>
-        <small><a target="_blank" href="http://altair.sirmuel.design/docs/features/settings-pane">Click here for available settings options</a></small>
+        <small><a target="_blank" href="http://altair.sirmuel.design/docs/features/settings-pane" rel="noopener">Click here for available settings options</a></small>
       </div>
 
       <div class="app-dialog-section">

diff --git a/src/index.html b/src/index.html
@@ -1,11 +1,12 @@
 <!doctype html>
-<html>
+<html lang="en">
 <head>
   <meta charset="utf-8">
   <title>Altair</title>
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="A beautiful feature-rich GraphQL Client IDE for all platforms. Available for MacOS, Windows, Linux, Chrome, Firefox. Enables you interact with any GraphQL server you are authorized to access from any platform you are on. Much like Postman for GraphQL, you can easily test and optimize your GraphQL implementations. You also have several features to make your GraphQL development process much easier including subscriptions, query scaffolding, formatting, multiple languages, themes, and many more.">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>