Enhance Accessibility: Add ARIA Attributes to SearchModal Component

Signed-off-by: JeevaRamanathan <jeevaramanathan.m@infosys.com>
This commit is contained in:
JeevaRamanathan
2024-04-09 21:49:45 +05:30
parent 5bee7071cd
commit 0501243a57
2 changed files with 7 additions and 1 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/plugin-search': patch
---
Added `aria-label` attribute to DialogTitle element and set `aria-modal` attribute to `true` for improved accessibility in the search modal.
@@ -190,7 +190,8 @@ export const SearchModal = (props: SearchModalProps) => {
paperFullWidth: classes.paperFullWidth,
}}
onClose={toggleModal}
aria-labelledby="search-modal-title"
aria-label="Search Modal"
aria-modal="true"
fullWidth
maxWidth="lg"
open={open}