fix: remove role=presentation from modal overlay — restores screen reader accessibility

This commit is contained in:
Ulas Kalayci
2026-04-25 22:22:17 +02:00
parent 4da6061adb
commit 808a70682c
+1 -1
View File
@@ -218,7 +218,7 @@ export function openModal({ title, content, onSave, onDelete, size = 'md' } = {}
const sizeClass = size !== 'md' ? ` modal-panel--${size}` : ''; const sizeClass = size !== 'md' ? ` modal-panel--${size}` : '';
const html = ` const html = `
<div class="modal-overlay" id="shared-modal-overlay" aria-label="${t('modal.overlayLabel')}" role="presentation"> <div class="modal-overlay" id="shared-modal-overlay" aria-label="${t('modal.overlayLabel')}">
<div class="modal-panel${sizeClass}" role="dialog" aria-modal="true" <div class="modal-panel${sizeClass}" role="dialog" aria-modal="true"
aria-labelledby="shared-modal-title"> aria-labelledby="shared-modal-title">
<div class="modal-panel__header"> <div class="modal-panel__header">