mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2026-10-11 04:26:37 +01:00
Enhance accessibility by including description in aria-label for button component in Fabric Home (#2272)
Co-authored-by: Laurent Nguyen <[email protected]>
This commit is contained in:
co-authored by
Laurent Nguyen
parent
fa18b85364
commit
ca858c08fb
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user