mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2026-02-01 08:04:07 +00:00
[accessibility-2724013]: [Screen reader - Cosmos DB - Data Explorer -> Entities -> Add entity]: Screen reader announces incorrect role when focus lands on the "Edit" and "Delete" buttons. (#1923)
Co-authored-by: Satyapriya Bai <v-satybai@microsoft.com>
This commit is contained in:
@@ -348,8 +348,9 @@ export class NodePropertiesComponent extends React.Component<
|
|||||||
as="span"
|
as="span"
|
||||||
onActivated={this.setIsDeleteConfirm.bind(this, true)}
|
onActivated={this.setIsDeleteConfirm.bind(this, true)}
|
||||||
aria-label="Delete this vertex"
|
aria-label="Delete this vertex"
|
||||||
|
role="button"
|
||||||
>
|
>
|
||||||
<img src={DeleteIcon} alt="Delete" role="button" />
|
<img src={DeleteIcon} alt="Delete" aria-label="hidden" />
|
||||||
</AccessibleElement>
|
</AccessibleElement>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
@@ -405,8 +406,9 @@ export class NodePropertiesComponent extends React.Component<
|
|||||||
as="span"
|
as="span"
|
||||||
aria-label="Edit properties"
|
aria-label="Edit properties"
|
||||||
onActivated={expandClickHandler}
|
onActivated={expandClickHandler}
|
||||||
|
role="button"
|
||||||
>
|
>
|
||||||
<img src={EditIcon} alt="Edit" role="button" />
|
<img src={EditIcon} alt="Edit" aria-label="hidden" />
|
||||||
</AccessibleElement>
|
</AccessibleElement>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user