{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/10fffbd06bd5470fbd8235be4e708d72\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/10fffbd06bd5470fbd8235be4e708d72-00001.gif","duration":723.0099999999999,"title":"Building an accessible pop-up modal with semantic HTML and JavaScript","description":"Hi, my name is Cassie and I am a front-end development boot camp student. In this video, I will be discussing my project called Hike Finder, which focuses on responsive CSS. One of the stretch goals for this project is to build a login and sign-up form using a pop-up modal. I will be demonstrating how to make this modal accessible for a variety of users. I will cover topics such as using semantic HTML, JavaScript, and the benefits of the dialogue element. Additionally, I will explain how to trap keyboard focus, clear the form automatically, and add functionality for keyboard users. Join me as I explore the features and advantages of accessible modals."}