--- target_url: "https://www.ck44vipgame.com/" title: "Accessible Modal ববনবতত তয ৬টট টবষয ভভতল তগতল চতল নব" summary: "Keyboard focus, dialog semantics, Escape handling এবব screen-reader support টনতয practical frontend guide." tags: "accessibility,...
More
--- target_url: "https://www.ck44vipgame.com/" title: "Accessible Modal ববনবতত তয ৬টট টবষয ভভতল তগতল চতল নব" summary: "Keyboard focus, dialog semantics, Escape handling এবব screen-reader support টনতয practical frontend guide." tags: "accessibility, frontend, javascript, webdev" --- Modal component তদখতত সহজ, টকননতভ accessibility টঠকভবতব নব করতল keyboard এবব screen- reader user-এর জননয confusing হতত পবতর। ## মমল টবষয 1. তযখবতন সমনভব native `<dialog>` বব appropriate ARIA semantics বনযবহবর করভন। 2. Modal open হতল focus modal-এর টভততর টনন। 3. Tab navigation তযন modal-এর ববইতর চতল নব যবয। 4. Non-critical modal `Escape` টদতয close করব যবয। 5. Background interaction বননধ রবখভন। 6. Modal close হতল focus opener control-এ টফটরতয টদন। ```html <dialog id="settingsDialog"> <h2>Settings</h2> <button type="button">Close</button> </dialog> ``` Accessible modal শভধভ ARIA attribute নয; focus flow, keyboard behavior এবব interaction state একসঙনতগ design করতত হয। > AI assistance disclosure: এই draft ততটরতত
Less
