These three methods of popping up a modal use just a hint of JavaScript in the of onclick mouse actions. The accessibility features include a negative tabindex and hidden aria settings. The background behind the popup has a dark overlay on it to reduce distractions. The popups transition from small to large in 3 seconds. I drastically modified Donna Galletta's method.
This button includes an image. When clicked, a lightbox-styled modal pops up with a caption, movie, and closing button.
This button includes a Google arrow icon. When clicked, a lightbox-styled modal pops up with a caption, image, and closing button.
This button includes a Google email message icon. When clicked, an app-styled modal pops up with a . The box shadow is subtle.