fix(a11y,seo): add accessible names and fill missing meta descriptions

Resolves the most widespread Unlighthouse findings across the site:

- link-name / button-name (scored 0 on all crawled pages): icon-only
  social links, mobile-menu toggle, dropdown chevron, and back-to-top
  button now have aria-labels; decorative icons marked aria-hidden.
- meta-description (scored 0 on 65 list/taxonomy/author/pagination
  pages): these had neither .Description nor .Summary, leaving the tag
  empty. Add a summary-then-title fallback so every page emits a
  non-empty description.
- unsized-images / image-aspect-ratio: footer CC BY-SA and Netlify
  badges get explicit width/height matching intrinsic ratio.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: HeyItsGilbert

themes/powershell-community/layouts/_default/baseof.html

@@ -9,7 +9,16 @@
     {{- $ogTitle := cond .IsHome .Site.Title .Title -}}
     {{- $title := cond .IsHome .Site.Title (printf "%s — %s" .Title $brand) -}}
     {{- $metaDesc := .Site.Params.description -}}
-    {{- if .Description }}{{ $metaDesc = .Description }}{{ else if not .IsHome }}{{ $metaDesc = (.Summary | plainify | truncate 160) }}{{ end -}}
+    {{- if .Description -}}
+        {{- $metaDesc = .Description -}}
+    {{- else if not .IsHome -}}
+        {{- $summary := .Summary | plainify | strings.TrimSpace -}}
+        {{- if $summary -}}
+            {{- $metaDesc = ($summary | truncate 160) -}}
+        {{- else if .Title -}}
+            {{- $metaDesc = printf "%s on PowerShell.org — articles, podcasts, and resources from the PowerShell community." .Title -}}
+        {{- end -}}
+    {{- end -}}
     {{- $socialDesc := $metaDesc -}}
     {{- with .Params.og_description }}{{ $socialDesc = . }}{{ end -}}
     {{- $ogImage := partial "og-image.html" . -}}

themes/powershell-community/layouts/partials/footer.html

@@ -13,21 +13,21 @@ <h3 class="text-lg font-semibold text-white">PowerShell.org</h3>
                     The community hub for PowerShell enthusiasts, automaters, and professionals worldwide.
                 </p>
                 <div class="flex space-x-4">
-                    <a href="{{ .Site.Params.social.twitter }}" target="_blank" rel="noopener" 
+                    <a href="{{ .Site.Params.social.twitter }}" target="_blank" rel="noopener" aria-label="PowerShell.org on Twitter"
                        class="text-gray-400 hover:text-blue-400 transition-colors duration-200">
-                        <i class="fab fa-twitter text-lg"></i>
+                        <i class="fab fa-twitter text-lg" aria-hidden="true"></i>
                     </a>
-                    <a href="{{ .Site.Params.social.youtube }}" target="_blank" rel="noopener" 
+                    <a href="{{ .Site.Params.social.youtube }}" target="_blank" rel="noopener" aria-label="PowerShell.org on YouTube"
                        class="text-gray-400 hover:text-red-400 transition-colors duration-200">
-                        <i class="fab fa-youtube text-lg"></i>
+                        <i class="fab fa-youtube text-lg" aria-hidden="true"></i>
                     </a>
-                    <a href="{{ .Site.Params.social.github }}" target="_blank" rel="noopener" 
+                    <a href="{{ .Site.Params.social.github }}" target="_blank" rel="noopener" aria-label="PowerShell.org on GitHub"
                        class="text-gray-400 hover:text-gray-200 transition-colors duration-200">
-                        <i class="fab fa-github text-lg"></i>
+                        <i class="fab fa-github text-lg" aria-hidden="true"></i>
                     </a>
-                    <a href="{{ .Site.Params.social.discord }}" target="_blank" rel="noopener"
+                    <a href="{{ .Site.Params.social.discord }}" target="_blank" rel="noopener" aria-label="PowerShell.org on Discord"
                        class="text-gray-400 hover:text-purple-400 transition-colors duration-200">
-                        <i class="fab fa-discord text-lg"></i>
+                        <i class="fab fa-discord text-lg" aria-hidden="true"></i>
                     </a>
                 </div>
             </div>
@@ -85,19 +85,19 @@ <h4 class="font-medium text-white mb-1">{{ .Site.Params.summit.title }}</h4>
                 <a href="/terms/" class="text-gray-400 hover:text-white transition-colors duration-200">Terms of Use</a>
                 <a href="/contact/" class="text-gray-400 hover:text-white transition-colors duration-200">Contact</a>
                 <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">
-                    <img src="/images/cc-by-sa.png" alt="Licensed under CC BY-SA 4.0" class="h-6" />
+                    <img src="/images/cc-by-sa.png" alt="Licensed under CC BY-SA 4.0" class="h-6 w-auto" width="2000" height="705" />
                 </a>
                 <a href="https://www.netlify.com" target="_blank" rel="noopener">
-                    <img src="https://www.netlify.com/assets/badges/netlify-badge-color-accent.svg" alt="Deploys by Netlify" class="h-6" />
+                    <img src="https://www.netlify.com/assets/badges/netlify-badge-color-accent.svg" alt="Deploys by Netlify" class="h-6 w-auto" width="114" height="51" />
                 </a>
             </div>
         </div>
     </div>
 
     <!-- Back to Top Button -->
-    <button id="back-to-top" 
+    <button id="back-to-top" type="button" aria-label="Back to top"
             onclick="window.scrollTo({top: 0, behavior: 'smooth'})"
             class="hidden fixed bottom-8 right-8 powershell-blue text-white p-3 rounded-full shadow-lg hover:opacity-90 transition-opacity duration-200 z-40">
-        <i class="fas fa-arrow-up"></i>
+        <i class="fas fa-arrow-up" aria-hidden="true"></i>
     </button>
 </footer>

themes/powershell-community/layouts/partials/header.html

@@ -59,17 +59,18 @@ <h1 class="text-xl font-bold text-gray-900">PowerShell.org</h1>
                     Summit {{ .Site.Params.summit.year }}
                 </a>
                 <a href="{{ .Site.Params.social.discord }}"
-                   target="_blank" rel="noopener"
+                   target="_blank" rel="noopener" aria-label="PowerShell.org on Discord"
                    class="text-gray-500 hover:text-blue-600 transition-colors duration-200">
-                    <i class="fab fa-discord text-xl"></i>
+                    <i class="fab fa-discord text-xl" aria-hidden="true"></i>
                 </a>
             </div>
 
             <!-- Mobile menu button -->
             <div class="md:hidden">
-                <button onclick="toggleMobileMenu()" 
+                <button onclick="toggleMobileMenu()" type="button"
+                        aria-label="Toggle navigation menu" aria-controls="mobile-menu" aria-expanded="false"
                         class="text-gray-700 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 p-2 rounded-md">
-                    <i class="fas fa-bars text-xl"></i>
+                    <i class="fas fa-bars text-xl" aria-hidden="true"></i>
                 </button>
             </div>
         </div>
@@ -93,8 +94,10 @@ <h1 class="text-xl font-bold text-gray-900">PowerShell.org</h1>
                            class="block text-gray-700 hover:text-blue-600 hover:bg-gray-50 px-3 py-2 rounded-md text-base font-medium flex-1 {{ if hasPrefix $.RelPermalink .URL }}text-blue-600 bg-blue-50{{ end }}">
                             {{ .Name }}
                         </a>
-                        <button @click="open = !open" class="px-3 py-2 text-gray-500 hover:text-blue-600">
-                            <i class="fas fa-chevron-down text-xs transition-transform duration-200" :class="open ? 'transform rotate-180' : ''"></i>
+                        <button @click="open = !open" type="button" :aria-expanded="open"
+                                aria-label="Toggle {{ .Name }} submenu"
+                                class="px-3 py-2 text-gray-500 hover:text-blue-600">
+                            <i class="fas fa-chevron-down text-xs transition-transform duration-200" :class="open ? 'transform rotate-180' : ''" aria-hidden="true"></i>
                         </button>
                     </div>
                     <div x-show="open" x-transition class="pl-6 space-y-1" style="display: none;">