From 181b511580f30d8bdbbac1ed986120c8bfd577eb Mon Sep 17 00:00:00 2001
From: Phil <phil@safralondon.com>
Date: Fri, 26 Jan 2024 14:07:50 +0000
Subject: [PATCH] make client quotes keyboard accessible

---
 assets/styles/global.css | 5 +++++
 index.md                 | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/styles/global.css b/assets/styles/global.css
index bd0cb34..e86e1ae 100644
--- a/assets/styles/global.css
+++ b/assets/styles/global.css
@@ -240,6 +240,11 @@ ul {
   width: 100%;
 }
 
+.quotes:focus-visible {
+  outline: 2px solid;
+  outline-offset: -3px;
+}
+
 .quote {
   display: block;
   flex: none;
diff --git a/index.md b/index.md
index d6292c9..41e8108 100644
--- a/index.md
+++ b/index.md
@@ -25,6 +25,7 @@ layout: layouts/default.njk
   @media (min-width: 1279px) {
     main h1 {
       font-size: clamp(2.8rem, 5vw + 1rem, 5.2rem);
+      margin-top: 0;
     }
   }
 
@@ -72,7 +73,7 @@ Phil provides web accessibility consultancy services under the name [A11y is Eve
 Phil provides ecommerce (Shopify) consultancy services under the name [Safra](https://www.safralondon.com/).
 
 <ul class="arrow-list">
-  <li>Writing Shopify themes.</li>
+  <li>Writing bespoke Shopify themes.</li>
 </ul>
 
 ## Development process (vanilla)
@@ -200,7 +201,7 @@ Working with established agencies like <a href="https://www.wearefriday.com/">Fr
 
 ## Nice things people have said
 
-<div class="group quotes js-slides">
+<div class="group quotes js-slides" tabIndex="0" role="region" aria-label="Client recommendations">
   <div class="quote js-slide active" id="slide1" data-slide-number="1" aria-hidden="false">
     <blockquote>