A brief round up of what I did this year, mainly for myself but you can read it if you want.
Posted in: General
I have a results table where each row is a form and the user continues by pressing the submit button for that result. At smaller widths I collapse the table, hide the submit button and add a click event handler to the
tr – it works fine, up to a point.
A filter bar was added that uses AJAX to reorder and add to the results so now the DOM is being generated with JS. Usually you can use
.on(event, selector, handler) to catch any generated elements, but this won’t work on iPhone or iPad*.
The HTML 5 specification includes a web storage API for data storage in web clients. It means we can store large amounts of data, client-side, to read and write to as we like without causing the site to slow down (when compared to using cookies).
Over the last few months I’d like to think my skills in jQuery have got a lot better, I’ve been using it everyday and for more than just showing and hiding areas of a page. Along the way I’ve read about a few ways in which you can make your code a bit more efficient.
As a follow on from WAI-ARIA states and properties: Practical examples, I wanted to write up a bit more of what I’ve been adding to my current project. These examples all fall under how to cope with form validation and giving assistive-technology AT a view of what is going on.
This problem manifested itself when a user clicked submit from a form that had been loaded in using AJAX to a jQuery UI dialog box.
Everything was fine in my development browsers, but in IE the user would be posted off to a new page.
Take a straight forward question that is usually asked during any online sign-up form:
It is marked up according to the WCAG Priority 2 checkpoint 12.4 that says you should associate labels explicitly with their controls (i.e. by using the label element).
<input type="radio" id="male" name="gender" /> <label for="male">Male</label>
However, I want to explicitly link the original question (gender) with the 2 possible answers and this isn’t possible using the label element because there can be
only one label and one control per line. There are a couple of solutions.
I want to allow the user to search within all sections of a website or to search within one or more chosen groups. The list should only be visible when the user selects that they want to choose groups. To do this I am going to use 2 radio buttons to toggle the unordered list of sections on and off.