diff --git a/.jules/palette.md b/.jules/palette.md
new file mode 100644
index 0000000..ebb4ffd
--- /dev/null
+++ b/.jules/palette.md
@@ -0,0 +1,3 @@
+## 2024-04-27 - Icon-only buttons lacking ARIA labels
+**Learning:** Found multiple instances where icon-only buttons (like those using `×` to denote close actions) were missing `aria-label` attributes in `src/app/page.tsx` for modals like Privacy Policy, Terms of Service, and Report Issue. This makes them inaccessible to screen readers as the entity `×` provides no semantic meaning.
+**Action:** Always verify that interactive elements, especially those lacking visible descriptive text, include appropriate `aria-label` or `aria-labelledby` attributes to ensure screen reader accessibility.
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9201420..b04c14d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -440,7 +440,7 @@ export default function LandingPage() {
                   <span className="animate-bounce inline-block">↓</span> Scroll to read all sections
                 </p>
               </div>
-              <button onClick={() => setShowPrivacy(false)} className="text-wiki-text-muted hover:text-wiki-text text-2xl leading-none">&times;</button>
+              <button onClick={() => setShowPrivacy(false)} className="text-wiki-text-muted hover:text-wiki-text text-2xl leading-none" aria-label="Close">&times;</button>
             </div>
             <div className="p-4 text-sm space-y-4 pb-12 overflow-y-auto flex-1" style={{ scrollbarWidth: 'auto', scrollbarColor: '#aaa #f0f0f0' }}>
               <p><b>Last updated:</b> January 2025</p>
@@ -502,7 +502,7 @@ export default function LandingPage() {
                   <span className="animate-bounce inline-block">↓</span> Scroll to read all sections
                 </p>
               </div>
-              <button onClick={() => setShowTerms(false)} className="text-wiki-text-muted hover:text-wiki-text text-2xl leading-none">&times;</button>
+              <button onClick={() => setShowTerms(false)} className="text-wiki-text-muted hover:text-wiki-text text-2xl leading-none" aria-label="Close">&times;</button>
             </div>
             <div className="p-4 text-sm space-y-4 pb-12 overflow-y-auto flex-1" style={{ scrollbarWidth: 'auto', scrollbarColor: '#aaa #f0f0f0' }}>
               <p><b>Last updated:</b> January 2025</p>
@@ -569,7 +569,7 @@ export default function LandingPage() {
                 <h2 className="text-xl font-bold">Report an Issue</h2>
                 <p className="text-xs text-wiki-text-muted">Help us improve OpenCitation</p>
               </div>
-              <button onClick={closeReportModal} className="text-wiki-text-muted hover:text-wiki-text text-2xl leading-none">&times;</button>
+              <button onClick={closeReportModal} className="text-wiki-text-muted hover:text-wiki-text text-2xl leading-none" aria-label="Close">&times;</button>
             </div>
             <div className="p-4 overflow-y-auto flex-1" style={{ scrollbarWidth: 'auto', scrollbarColor: '#aaa #f0f0f0' }}>
               {/* Choice Screen */}