From 632f86aa4fe3893613bcacf774a76cff7035ea35 Mon Sep 17 00:00:00 2001
From: KHAIRUL ARIF DANIAL <khaixd756@gmail.com>
Date: Tue, 11 Aug 2026 09:23:55 +0800
Subject: [PATCH 1/2] a11y: skip link + main landmark id (#6)

---
 parts/header.html    |  4 ++++
 style.css            | 18 ++++++++++++++++++
 templates/index.html |  4 ++--
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/parts/header.html b/parts/header.html
index 0e02cf3..d8375ba 100644
--- a/parts/header.html
+++ b/parts/header.html
@@ -1,3 +1,7 @@
+<!-- wp:html -->
+<a class="skip-link screen-reader-text" href="#main-content">Skip to content</a>
+<!-- /wp:html -->
+
 <!-- wp:group {"tagName":"header","className":"site-header","layout":{"type":"constrained"}} -->
 <header class="wp-block-group site-header">
 	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
diff --git a/style.css b/style.css
index f0db734..8a16948 100644
--- a/style.css
+++ b/style.css
@@ -13,3 +13,21 @@ License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:       {{TEXT_DOMAIN}}
 Tags:              block-theme, full-site-editing, custom-colors, custom-typography
 */
+
+/* Skip link: visible only when focused (keyboard / AT users). */
+.skip-link:focus {
+  clip: auto !important;
+  clip-path: none !important;
+  height: auto !important;
+  width: auto !important;
+  position: fixed;
+  left: 1rem;
+  top: 1rem;
+  z-index: 100000;
+  padding: 0.75rem 1rem;
+  background: #111;
+  color: #fff;
+  text-decoration: none;
+  outline: 2px solid #fff;
+  outline-offset: 2px;
+}
diff --git a/templates/index.html b/templates/index.html
index 37ddd27..28e70f9 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,7 +1,7 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
-<main class="wp-block-group">
+<!-- wp:group {"tagName":"main","anchor":"main-content","layout":{"type":"constrained"}} -->
+<main id="main-content" class="wp-block-group" tabindex="-1">
 	<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
 	<div class="wp-block-query">
 		<!-- wp:post-template -->

From 1cea35e1a9f7fe68b446d270c0e5e9576fd4836c Mon Sep 17 00:00:00 2001
From: Khairul <khaixd756@gmail.com>
Date: Mon, 17 Aug 2026 09:59:47 +0800
Subject: [PATCH 2/2] =?UTF-8?q?docs(a11y):=20note=20legacy=20clip=20retent?=
 =?UTF-8?q?ion=20for=20WP=206.4=E2=80=936.7=20skip-link=20focus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 8a16948..22e60a2 100644
--- a/style.css
+++ b/style.css
@@ -14,8 +14,12 @@ Text Domain:       {{TEXT_DOMAIN}}
 Tags:              block-theme, full-site-editing, custom-colors, custom-typography
 */
 
-/* Skip link: visible only when focused (keyboard / AT users). */
+/* Skip link: visible only when focused (keyboard / AT users).
+ * Keep legacy `clip` alongside `clip-path` so focus reveal still works when
+ * WordPress 6.4–6.7 screen-reader-text styles set clip: rect(...).
+ */
 .skip-link:focus {
+  /* stylelint-disable-next-line property-no-deprecated -- WP 6.4–6.7 compat */
   clip: auto !important;
   clip-path: none !important;
   height: auto !important;