From 0404b40256ffc445afc5cbc6df54b83909af54b0 Mon Sep 17 00:00:00 2001
From: Mark Dumay <61946753+markdumay@users.noreply.github.com>
Date: Sun, 19 Jul 2026 10:47:59 +0200
Subject: [PATCH] fix: correct accessibility issues in the button demos

Two a11y fixes surfaced by the component Lighthouse sweep (pairs with gethinode/hinode#2066):
- The icon-only LinkedIn button had no accessible name; add label="LinkedIn" (link-name).
- The outlined-buttons example showed warning/info/light, whose text is 1.1-1.9:1 on the light
  preview (those variants are only legible on dark backgrounds). Drop them from the outline
  example; all eight colours remain in the solid 'Colored buttons' example above.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 content/components/button.md | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/content/components/button.md b/content/components/button.md
index 08bdec4..647d0b3 100644
--- a/content/components/button.md
+++ b/content/components/button.md
@@ -81,7 +81,7 @@ Set the `icon` argument to add an icon to the button. Use `order` to determine t
     LinkedIn
 {{< /button */>}}
 
-{{</* button icon="fab linkedin" href="https://linkedin.com" /*/>}}
+{{</* button icon="fab linkedin" label="LinkedIn" href="https://linkedin.com" /*/>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 
@@ -123,12 +123,6 @@ Set the `outline` argument to `true` to adjust the style of the button.
 
 {{</* button color="danger" href="#!" button-size="sm" outline="true" */>}}danger{{</* /button */>}}
 
-{{</* button color="warning" href="#!" button-size="sm" outline="true" */>}}warning{{</* /button */>}}
-
-{{</* button color="info" href="#!" button-size="sm" outline="true" */>}}info{{</* /button */>}}
-
-{{</* button color="light" href="#!" button-size="sm" outline="true" */>}}light{{</* /button */>}}
-
 {{</* button color="dark" href="#!" button-size="sm" outline="true" */>}}dark{{</* /button */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->