From 9e62259845896d65026aa7e8f5921f9bd4851ab1 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Fri, 16 Dec 2022 15:58:16 -0600
Subject: [PATCH] toolbar/ActionButton: use aria-disabled

Since buttons are only styled as disabled, we need to use aria-disabled
to tell screen readers that the button is disabled.
---
 src/toolbar/ActionButton.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/toolbar/ActionButton.tsx b/src/toolbar/ActionButton.tsx
index fa716374..f30cbad7 100644
--- a/src/toolbar/ActionButton.tsx
+++ b/src/toolbar/ActionButton.tsx
@@ -107,6 +107,7 @@ const ActionButton: React.VoidFunctionComponent<ActionButtonProps> = ({
             }) => (
                 <Button
                     id={id}
+                    aria-disabled={enabled === false}
                     aria-label={label}
                     elementRef={tooltipTargetRef as React.Ref<HTMLButtonElement>}
                     {...mergeProps(tooltipTargetProps, {