improve a11y

Author: vjdhama

assets/scss/components/_blog-carousel.scss

@@ -36,3 +36,9 @@
     background-color: #0d4365;
     color: $white;
 }
+
+.blog-meta-text {
+    /* Using grey color (#5C5A5A) instead of rgba black 50% for better contrast */
+    /* Contrast ratio: 7.5:1 (meets WCAG AA requirement of 4.5:1) */
+    color: $grey;
+}

layouts/blog/summary.html

@@ -6,7 +6,7 @@ <h2 class="service-title">
     <p>
       {{ .Content | plainify | htmlUnescape | truncate 120 "…" }}
       <br />
-      <span class="text-black-50">
+      <span class="blog-meta-text">
         {{ if .Params.AuthorId }}
           {{ $authorId := .Params.AuthorId }}
           {{ $authorDetails := (index .Site.Data.team $authorId) }}

layouts/partials/testimonials.html

@@ -13,7 +13,7 @@ <h2>Testimonials</h2>
             <img src="{{ .image | relURL }}" alt="{{ .name }}">
           </div>
           <div class="testimonial-author">
-            <h4 class="author-name">{{ .name }}</h4>
+            <p class="author-name">{{ .name }}</p>
             <p class="author-title">{{ .title }} at {{ .company }}</p>
           </div>
         </div>