From 1389f197ca19f8dce995ac674fdfb182bba83c29 Mon Sep 17 00:00:00 2001
From: Griffin Sullivan <48397354+Griffin-Sullivan@users.noreply.github.com>
Date: Mon, 30 Sep 2024 12:54:39 -0400
Subject: [PATCH] Fix disabled text color on DescriptionListDescription (#434)

Signed-off-by: Griffin-Sullivan <gsulliva@redhat.com>
---
 .../src/components/DashboardDescriptionListGroup.tsx       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/clients/ui/frontend/src/components/DashboardDescriptionListGroup.tsx b/clients/ui/frontend/src/components/DashboardDescriptionListGroup.tsx
index 7fb6ae63..4d140943 100644
--- a/clients/ui/frontend/src/components/DashboardDescriptionListGroup.tsx
+++ b/clients/ui/frontend/src/components/DashboardDescriptionListGroup.tsx
@@ -110,9 +110,10 @@ const DashboardDescriptionListGroup: React.FC<DashboardDescriptionListGroupProps
           </Flex>
         </DescriptionListTerm>
       )}
-      {/* The text color below is a hack for a11y. 
-      PF6 team needs to update their disabled color to work for white backgrounds */}
-      <DescriptionListDescription className={isEmpty && !isEditing ? text.iconColorSubtle : ''}>
+      <DescriptionListDescription
+        className={isEmpty && !isEditing ? text.textColorDisabled : ''}
+        aria-disabled={!!(isEmpty && !isEditing)}
+      >
         {isEditing ? contentWhenEditing : isEmpty ? contentWhenEmpty : children}
       </DescriptionListDescription>
     </DescriptionListGroup>