Enhance accessibility by including description in aria-label for button component in Fabric Home (#2272)

Co-authored-by: Laurent Nguyen <languye@microsoft.com>
This commit is contained in:
Laurent Nguyen
2025-12-05 17:39:18 +01:00
committed by GitHub
parent fa18b85364
commit ca858c08fb

View File

@@ -142,7 +142,7 @@ const FabricHomeScreenButton: React.FC<FabricHomeScreenButtonProps & { className
return (
<div role="button" className={`${styles.buttonContainer} ${className}`} onClick={onClick} tabIndex={0}>
<div className={styles.buttonUpperPart}>{icon}</div>
<div aria-label={title} className={styles.buttonLowerPart}>
<div aria-label={`${title} ${description}`} className={styles.buttonLowerPart}>
<div>{title}</div>
<div>{description}</div>
</div>