graham/towerops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: add aria-label to section landmarks on home page

Browse source 
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>
This commit is contained in:
Graham McIntire 2026-05-31 09:53:50 -05:00
parent 1ce1738fc5
commit 56843b8e4e
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
lib/towerops_web/controllers/page_html/home.html.heex
View file

@ -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">