feat(Sheet): add aria attributes (#1555)

gravity-ui · Apr 27, 2024 · b71ea01 · b71ea01
1 parent 882c9a9
commit b71ea01
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/Sheet/SheetContent.tsx b/src/components/Sheet/SheetContent.tsx
@@ -140,14 +140,20 @@ class SheetContent extends React.Component<SheetContentInnerProps, SheetContentS
 
         return (
             <React.Fragment>
-                {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}
                 <div
                     ref={this.veilRef}
                     className={sheetBlock('veil', veilTransitionMod)}
                     onClick={isAnimating ? undefined : this.onVeilClick}
                     onTransitionEnd={this.onVeilTransitionEnd}
+                    role="presentation"
                 />
-                <div ref={this.sheetRef} className={sheetBlock('sheet', sheetTransitionMod)}>
+                <div
+                    ref={this.sheetRef}
+                    className={sheetBlock('sheet', sheetTransitionMod)}
+                    role="dialog"
+                    aria-modal="true"
+                    aria-label={title}
+                >
                     {!hideTopBar && (
                         <div ref={this.sheetTopRef} className={sheetBlock('sheet-top')}>
                             <div className={sheetBlock('sheet-top-resizer')} />