Add more ARIA attributes for accessibility

2025-06-26 19:21:01 +02:00
parent 5b7459f24d
commit e91c246a95
4 changed files with 18 additions and 13 deletions
@@ -47,11 +47,11 @@ export default class Dialog extends Component {

 	render() {
 		return html`
-			<div class="dialog" onClick=${this.handleBackdropClick}>
+			<div class="dialog" onClick=${this.handleBackdropClick} role="dialog" aria-modal="true">
 				<div class="dialog-body" ref=${this.body}>
 					<div class="dialog-header">
 						<h2>${this.props.title}</h2>
-						<button class="dialog-close" onClick=${this.handleCloseClick}>×</button>
+						<button class="dialog-close" onClick=${this.handleCloseClick} title="Close">×</button>
 					</div>
 					${this.props.children}
 				</div>