From f995809dd4cbdb16741f1ed724d405e58f2a9806 Mon Sep 17 00:00:00 2001
From: Bruce Blaser <bbsmooth@gmail.com>
Date: Thu, 5 Jan 2023 22:25:18 -0800
Subject: [PATCH] fix(a11y): donation faq (#48941)

* fix: headings for faq titles

* fix: add aria-expanded

* fix: header font
---
 .../components/Donation/donation-text-components.tsx   | 10 ++++++----
 client/src/components/Donation/donation.css            |  6 ++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Donation/donation-text-components.tsx b/client/src/components/Donation/donation-text-components.tsx
index 8df1792ca2f..208f989ccfd 100644
--- a/client/src/components/Donation/donation-text-components.tsx
+++ b/client/src/components/Donation/donation-text-components.tsx
@@ -47,11 +47,13 @@ const FaqItem = (
   const [isExpanded, setExpanded] = useState(false);
   return (
     <div className={`faq-item ${isExpanded ? 'open' : ''}`} key={key}>
-      <button className='map-title' onClick={() => setExpanded(!isExpanded)}>
+      <button
+        className='map-title'
+        onClick={() => setExpanded(!isExpanded)}
+        aria-expanded={isExpanded}
+      >
         <Caret />
-        <h4>
-          <b>{title}</b>
-        </h4>
+        <h3>{title}</h3>
       </button>
       {isExpanded && (
         <>
diff --git a/client/src/components/Donation/donation.css b/client/src/components/Donation/donation.css
index da4c037fff6..2bb6675f6e1 100644
--- a/client/src/components/Donation/donation.css
+++ b/client/src/components/Donation/donation.css
@@ -526,6 +526,12 @@ a.patreon-button:hover {
   margin-inline-start: 0.25em;
 }
 
+.faq-item h3 {
+  font-size: 1rem;
+  line-height: 1.5;
+  margin: 0;
+}
+
 .faq-item div {
   width: 100%;
   padding: 10px 15px;