From e24b381d14139d4b30ad70e4bd69a91f49effb26 Mon Sep 17 00:00:00 2001
From: Nato Boram <nato.boram@gmail.com>
Date: Sat, 20 Mar 2021 13:56:29 -0400
Subject: [PATCH] Added some accessibility tags

---
 CHANGELOG.md                       | 2 ++
 src/app/pages/pages.component.html | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fb98ed7..f852c52 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
 
 ### Added
 
+- Added some accessibility tags
+
 ### Changed
 
 - Updated to Angular 11
diff --git a/src/app/pages/pages.component.html b/src/app/pages/pages.component.html
index 1e54d31..16b19e1 100644
--- a/src/app/pages/pages.component.html
+++ b/src/app/pages/pages.component.html
@@ -32,11 +32,11 @@
     color="primary">
   </mat-progress-bar>
 
-  <table class="mat-elevation-z8" [dataSource]="dataSource" mat-table>
+  <table class="mat-elevation-z8" [dataSource]="dataSource" mat-table aria-label="List of IPFS gateways and their statuses.">
 
     <!-- Result Column -->
     <ng-container matColumnDef="icon">
-      <th mat-header-cell *matHeaderCellDef> Status </th>
+      <th mat-header-cell *matHeaderCellDef scope="col"> Status </th>
       <td mat-cell *matCellDef="let element">
         <span [matTooltip]="element.message"> {{ element.icon }} </span>
       </td>
@@ -44,7 +44,7 @@
 
     <!-- Gateway Column -->
     <ng-container matColumnDef="gateway">
-      <th mat-header-cell *matHeaderCellDef> Gateway </th>
+      <th mat-header-cell *matHeaderCellDef scope="col"> Gateway </th>
       <td mat-cell *matCellDef="let element">
         <div [ngSwitch]="element.ok">
           <div *ngSwitchCase="true">