<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/10fffbd06bd5470fbd8235be4e708d72&quot; frameborder=&quot;0&quot; width=&quot;1280&quot; height=&quot;960&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>960</height><width>1280</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>960</thumbnail_height><thumbnail_width>1280</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/10fffbd06bd5470fbd8235be4e708d72-00001.gif</thumbnail_url><duration>723.0099999999999</duration><title>Building an accessible pop-up modal with semantic HTML and JavaScript</title><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.</description></oembed>