fix: fix accessibility issues

Author: nirgn975

assets/javascript/main.js

@@ -77,7 +77,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
                   <p>${editedPostText}</p>
                 </div>
                 <div class="uk-card-footer">
-                  <a href="${entity.getElementsByTagName("link")[0].textContent}" target="_blank" class="uk-button uk-button-text">Go to Post</a>
+                  <a href="${entity.getElementsByTagName("link")[0].textContent}" target="_blank" class="uk-button uk-button-text" rel="noreferrer">Go to Post</a>
                 </div>
               </div>
             </div>
@@ -103,8 +103,9 @@ document.addEventListener("DOMContentLoaded", function(event) {
                 </div>
               </div>
               <div class="uk-card-media-top">
-                <a href="${repo.value.url}" target="_blank">
-                  <img src="img/projects/${repo.url}.webp">
+                <a href="${repo.value.url}" target="_blank" rel="noreferrer">
+                  <p style="display: none">A GitHub project hero cover</p>
+                  <img src="img/projects/${repo.url}.webp" alt="A GitHub project hero cover">
                 </a>
               </div>
               <div class="uk-card-body">

exampleSite/config.toml

@@ -1,12 +1,16 @@
 baseURL = "https://example.com/"
 languageCode = "en-us"
+
 title = "DevRes"
 theme = "devRes"
 
 # themes directory - delete it on our own hugo website.
 themesDir = "../.."
 
 [params]
+  description = "The best theme for developers resume"
+  author = "nirgn975"
+
   [params.light]
     background = "#E0E0E0"
     text = "#333333"

layouts/partials/_banner.html

@@ -9,7 +9,7 @@
       </div>
       <div class="links">
         {{ range .Site.Data.content.banner.links }}
-          <a href="{{ .url }}" target="_blank">
+          <a href="{{ .url }}" target="_blank" rel="noreferrer">
             <i class="{{ .icon }}"></i>{{ .text }}
           </a>
           <br>
@@ -25,7 +25,7 @@
 </button>
 
 <!-- This is an anchor toggling the off-canvas -->
-<a href="#mobile-banner" uk-toggle></a>
+<a href="#mobile-banner" uk-toggle><p style="display: none">Mobile toggle button</p></a>
 
 <!-- This is the off-canvas -->
 <div id="mobile-banner" uk-offcanvas>
@@ -37,7 +37,7 @@
     </div>
     <div class="links">
       {{ range .Site.Data.content.banner.links }}
-        <a href="{{ .url }}" target="_blank">
+        <a href="{{ .url }}" target="_blank" rel="noreferrer">
           <i class="{{ .icon }}"></i>{{ .text }}
         </a>
         <br>

layouts/partials/_education.html

@@ -11,7 +11,7 @@ <h2>Education</h2>
           <span class="date">{{ .timeStart }} - {{ .timeEnd }}</span>
           <h3>
             {{ .course }} @
-            <a href="{{ .schoolUrl | safeHTML }}" target="_blank">{{ .schoolName }}</a>
+            <a href="{{ .schoolUrl | safeHTML }}" target="_blank" rel="noreferrer">{{ .schoolName }}</a>
           </h3>
           <p>
             {{ .text | safeHTML }}

layouts/partials/_talks.html

@@ -16,10 +16,10 @@ <h3 class="uk-card-title">{{ .title }}</h3>
               <p>
                 <span>{{ .date }}</span> |
                 <span>
-                  <a href="{{ .meetupUrl }}" target="_blank"> Meetpup Page</a> |
+                  <a href="{{ .meetupUrl }}" target="_blank" rel="noreferrer"> Meetpup Page</a> |
                 </span>
                 <span>
-                  <a href="{{ .downloadLink }}" target="_blank"> Download</a>
+                  <a href="{{ .downloadLink }}" target="_blank" rel="noreferrer"> Download</a>
                 </span>
               </p>
             </div>

layouts/partials/_work.html

@@ -11,7 +11,7 @@ <h2>Work</h2>
           <span class="date">{{ .timeStart }} - {{ .timeEnd }}</span>
           <h3>
             {{ .position }} @
-            <a href="{{ .employerUrl | safeHTML }}" target="_blank">{{ .employerName }}</a>
+            <a href="{{ .employerUrl | safeHTML }}" target="_blank" rel="noreferrer">{{ .employerName }}</a>
           </h3>
           <p>
             {{ .text | safeHTML }}