Welcome to dotSUB!
Any Video Any Language
On dotSUB you can view, upload, transcribe, and translate any video into and from any language.
To get started and create your own subtitles, click on the yellow "get started" button below!
Transcript for Using JavaScript for error correction in forms
Go Back to Video Page
| Time | Content |
|---|---|
| 00:05 → 00:08 |
Roger - Many forms now use JavaScript for a variety of reasons |
| 00:08 → 00:11 |
but it is really hard to use JavaScript and still fully comply with |
| 00:11 → 00:17 |
Web Content Guidelines Version 1, but it is possible to make JavaScript very screen reader friendly |
| 00:17 → 00:21 |
so we have got a few examples of forms that use JavaScript for some typical |
| 00:21 → 00:24 |
purposes and in a screen reader friendly way |
| 00:24 → 00:26 |
over to you Andrew, what is the first one? |
| 00:27 → 00:29 |
[Display - Error Detection and Messages form] |
| 00:29 → 00:32 |
[Reader: "top, heading 1, error detection and messages, begin form. Enter some numbers"] |
| 00:32 → 00:37 |
[Reader: "First number, edit box first number"] Andrew - Right, so I enter some numbers. |
| 00:37 → 00:42 |
[Display - two shot] [Reader: "Browse off, first number, edit box. Second number."] |
| 00:42 → 00:45 |
[Display - form with numbers in first two edit boxes] [Reader: "Third number"] |
| 00:45 → 00:47 |
[Display - letter F in third box] Andrew - Now, that time I typed F rather than a number |
| 00:47 → 00:50 |
Roger - So you made a mistake? Andrew - Yes, made a mistake and I now hit sumbit |
| 00:50 → 00:53 |
[Display - Form with error message] [Reader: "Link please correct the following errors"] |
| 00:53 → 00:57 |
[Reader: "Link, Third number must be a number"] Andrew - I enter on that |
| 00:57 → 01:00 |
[Display - cursor goes to third edit box] [Reader: "Third number F edit box"] |
| 01:00 → 01:03 |
Andrew - So it drops me straight back into the edit box, so I delete F |
| 01:03 → 01:07 |
[Reader: "F"] And, I put in a number. [Reader: "Submit, button"] |
| 01:07 → 01:09 |
And then submit that and it will be happy. |
| 01:09 → 01:13 |
[Display - two shot] Roger - That's fantastic. Andrew - It's lovely. It drops you right |
| 01:13 → 01:17 |
on the right spot to tell you what the error was |
| 01:17 → 01:21 |
Quite often with a lot of forms you'll make an error but you've then |
| 01:21 → 01:24 |
got to scrounge around to find what it doesn't like |
| 01:24 → 01:27 |
or even to work out that it doesn't like something where as |
| 01:27 → 01:30 |
this is just very elegant indeed. Roger - I imagine in a simple little form like this, |
| 01:30 → 01:34 |
three fields wouldn't be a problem for you but if it was a form with 25 fields |
| 01:34 → 01:38 |
Andrew - That's right, it becomes quite tedious to find out sometimes |
| 01:38 → 01:41 |
even to know that you have made a mistake and then to find out |
| 01:41 → 01:44 |
which field they are referring to. This is very nice. |
| 01:44 → 01:49 |
Roger - In your experience, this works basically with both Window Eyes and Jaws? |
| 01:49 → 01:54 |
Andrew - Yes, its very screen reader friendly. |