Creating An Accessible Modal Dialog

A tutorial about creating an accessible modal dialog with practical tips.

For visual users navigating with a mouse, creating a dialog is as simple as styling the element to look visually different from the rest of the page. However, users navigating a site via a keyboard and/or screenreader need a lot more. With this tutorial you can create an accessible modal dialog.

Related Post

Here is a jQuery plugin for showing the latest tweets about a certain word or phrase. This plugin use jQuery Read more

Colortip is a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, Read more

Tabs are easy to implement and can be built to work with your existing markup. This tutorial will walk through Read more

A responsive table to compare and filter through multiple products by using css and jQuery. A time-saver comparison table, specifically designed Read more

jQuery Pinterest Pin It Plugin looks for all images, and wrap it inside a container that come with a pinterest Read more

A tutorial about creating cool science slider with bubles by using css and javascript. 

A tutorial about creating animated e-commerce shop card by using html, css and javascript.

A tutorial about creating simple, interactive resource that can be used to provide a virtual tour of your product.

Go