-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating
jQuery Mobile Cookbook
By :
The jQuery Mobile framework has very good support for the accessibility features, such as WAI-ARIA . This provides support for accessibility tools such as screen readers. This enables your application screens to be read out to those users who depend on such assistive technologies. Also speech input controls are now available on a few browsers like Chrome (which uses the webkit engine). These controls accept voice input. This recipe shows you how to generate accessible form controls that accept voice input and also support screen readers.
Copy the full code of this recipe from the code/05/accessible-controls sources folder. You can launch this code by using the URL http://localhost:8080/05/accessible-controls/main.html.
In main.html, add the following code to create a form:
<form action='#' method='post'>
<div data-role='fieldcontain' class='ui-hide-label'>
<input type='text' name='username' id='username' placeholder...
Change the font size
Change margin width
Change background colour