From 56843b8e4ee75392da567b5858079b5f1158d55b Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sun, 31 May 2026 09:53:50 -0500
Subject: [PATCH] fix: add aria-label to section landmarks on home page

Adds descriptive aria-label attributes to 5 <section> elements that were missing accessible landmark labels: 'Pain points', 'Use cases', 'Pricing', 'Technical details', 'Get started'.

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
---
 lib/towerops_web/controllers/page_html/home.html.heex | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/towerops_web/controllers/page_html/home.html.heex b/lib/towerops_web/controllers/page_html/home.html.heex
index 7f7d4a66..c5fc1583 100644
--- a/lib/towerops_web/controllers/page_html/home.html.heex
+++ b/lib/towerops_web/controllers/page_html/home.html.heex
@@ -44,7 +44,7 @@
   </div>
   
 <!-- Pain Point Section -->
-  <section class="bg-slate-900 py-20 sm:py-24">
+  <section aria-label="Pain points" class="bg-slate-900 py-20 sm:py-24">
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
       <div class="mx-auto max-w-2xl text-center">
         <h2 class="font-display text-3xl tracking-tight text-white sm:text-4xl">
@@ -274,7 +274,7 @@
   </section>
   
 <!-- Social Proof / Use Cases -->
-  <section class="py-20 sm:py-24">
+  <section aria-label="Use cases" class="py-20 sm:py-24">
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
       <div class="mx-auto max-w-2xl md:text-center">
         <h2 class="font-display text-3xl tracking-tight text-slate-900 dark:text-white sm:text-4xl">
@@ -314,7 +314,7 @@
   </section>
   
 <!-- Pricing Section -->
-  <section id="pricing" class="bg-slate-50 dark:bg-slate-900 py-20 sm:py-32">
+  <section id="pricing" aria-label="Pricing" class="bg-slate-50 dark:bg-slate-900 py-20 sm:py-32">
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
       <div class="mx-auto max-w-2xl text-center">
         <h2 class="font-display text-3xl tracking-tight text-slate-900 dark:text-white sm:text-4xl">
@@ -412,7 +412,7 @@
   </section>
   
 <!-- Tech Details -->
-  <section class="py-20 sm:py-24">
+  <section aria-label="Technical details" class="py-20 sm:py-24">
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
       <div class="mx-auto max-w-2xl md:text-center">
         <h2 class="font-display text-3xl tracking-tight text-slate-900 dark:text-white sm:text-4xl">
@@ -452,7 +452,7 @@
   </section>
   
 <!-- Final CTA -->
-  <section class="relative overflow-hidden bg-blue-600 py-32">
+  <section aria-label="Get started" class="relative overflow-hidden bg-blue-600 py-32">
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative">
       <div class="mx-auto max-w-lg text-center">
         <h2 class="font-display text-3xl tracking-tight text-white sm:text-4xl">