Fix Accessibility Violations for Navbar Social Media Links

Author: huangkevin-apr

themes/containerd/layouts/partials/navbar.html

@@ -72,19 +72,19 @@
         <div class="navbar-item">
           <div class="field is-grouped">
             <p class="control">
-              <a class="button has-background-twitter-blue is-borderless has-text-white" href="{{ $twitterUrl }}">
+              <a class="button has-background-twitter-blue is-borderless has-text-white" href="{{ $twitterUrl }}" aria-label="Twitter">
                 <span class="icon">
                   <i class="fab fa-twitter" aria-hidden="true"></i>
                 </span>
               </a>
 
-              <a class="button is-borderless has-background-black has-text-white" href="{{ $githubUrl }}">
+              <a class="button is-borderless has-background-black has-text-white" href="{{ $githubUrl }}" aria-label="GitHub">
                 <span class="icon">
                   <i class="fab fa-github" aria-hidden="true"></i>
                 </span>
               </a>
 
-              <a class="button has-background-slack-green is-borderless has-text-white" href="{{ $slackChannel }}">
+              <a class="button has-background-slack-green is-borderless has-text-white" href="{{ $slackChannel }}" aria-label="Slack">
                 <span class="icon">
                   <i class="fab fa-slack" aria-hidden="true"></i>
                 </span>