Fix Accessibility Violations - Add Accessible Labels to Copy Buttons (#1171)

huangkevin-apr · web-flow · commit da18afafcbc6 · 2026-01-28T18:35:18.000+01:00
diff --git a/src/layouts/LandingPageLayout.res b/src/layouts/LandingPageLayout.res
@@ -220,6 +220,7 @@ module QuickInstall = {
         disabled={state === Copied}
         className="relative h-10 w-10 flex justify-center items-center "
         onClick
+        ariaLabel={"Copy " ++ code ++ " command"}
       >
         <Icon.Copy className="w-6 h-6 mt-px text-gray-40 hover:cursor-pointer hover:text-gray-80" />
       </button>

Original file line number	Diff line number	Diff line change
`@@ -220,6 +220,7 @@ module QuickInstall = {`
`220`	`220`	`disabled={state === Copied}`
`221`	`221`	`className="relative h-10 w-10 flex justify-center items-center "`
`222`	`222`	`onClick`
	`223`	`+ ariaLabel={"Copy " ++ code ++ " command"}`
`223`	`224`	`>`
`224`	`225`	`<Icon.Copy className="w-6 h-6 mt-px text-gray-40 hover:cursor-pointer hover:text-gray-80" />`
`225`	`226`	`</button>`