Does this page look plain and unstyled?

Tools, wizards, articles and tutorials on Web Accessibility for the conscientious web developer

Subscribe to Accessify's RSS Feed   

Accessibility Tools - An update

Many long-term Accessify readers will know that the reason this web site exists is basically down to the tools that are featured here (the site became a container for the various tools that I created a few years ago). In recent times, though, the site has primarily been a source of accessibility news and I suspect that readers may have forgotten that these tools exist or never knew about them in the first place (particularly if you are reading through an RSS feed), so I thought it was about time to send out a reminder, particularly as one of the tools that was seemingly lost for good (during the ASP-to-PHP conversion) has been revived …

The accessible table builder source code went on holiday for a while, liked it and decided never to return. But it’s back - thanks to Struan King who was missing the tool and offered to rebuild it from scratch (and from memory of how the old version worked).

How does it work?

It’s a wizard-based approach - it asks you how many columns, rows, whether the first columns is a header too and requests other accessibility -related information such as caption, summary and whether you want to use scope attribute or headers and ids. In the end you have a table - the HTML and the CSS - that contains all the necessary markup required.

So, why not give it a try (and be sure to report any problems you have). It’s free, as in beer, folks (and if you know where I can find some actual free beer, let me know that too)

Try out the accessible table builder here ยป

Other acccessibility and developer tools

This is the ‘reminder’ part of this note. There have been a number of bugs reported on some of the tools that I’ve been sitting on for far too long, but I believe I’ve fixed most of them now. It would be great if you could take a look at some of these tools below, see if they work for you, and if they do recommend them to your friends, loved ones and possibly your gran; she’d love it.

You can report bugs with any of the tools here (but please be sure to state what tool the fault relates to).

  • Accessibility Tools
    • Accessible Form Builder - A simple but very quick way of putting together a form that uses either CSS or table for layout, automatically creates label elements and the associated for and id atttributes, as well as (optional) title attributes for each text field. It’s as simple as entering a list of fields that need to be captured and hitting return.
    • Form Element Generator - Build individual form elements that are accessible (requires JavaScript to work). Could be used after creating the form above to address fields that are not straightforward text inputs.
    • Pop-up Window Generator - Create pop-ups that are accessible and search engine-friendly. Note: this tool is going to get a revamp very soon, such that inline event handlers are not used. So, don’t flame me, all ye DOM scripters!
    • Favelets - Little pieces of JavaScript that can be saved as favourites in Internet Explorer, Mozilla and Opera. You may find these useful for checking features of a page (for example, what links are present, images missing alt attributes etc
  • General Developer Tools
    • Yes/No List creator - It’s a tool for quickly generating accessible, XHTML-compliant yes/no radio button choices from a list
    • Insta-Select - An easy XHTML-compliant select list generator (paste in your list and out comes the select with relevent option elements and value attributes)
    • List-o-matic - Create CSS-styled navigation blocks based on unordered list
    • items.
    • Acrobot - converts all your acronyms/abbreviations using the and tag
    • HTML to JavaScript Convertor - Similar to Response.Right, this tool takes your markup and converts it to a series of document.write() statements that you can use in a block of JavaScript.
    • XFN (XHTML Friends Network) Link Creator - Build up XFN-friendly links for copying/pasting into a blog-roll or navigation menu.
    • Response.Right - Save time converting large blocks of text/HTML to server-side write statements (such as PHP echo or ASP response.write) with this handy convertor.
    • Quick Escape - Converts HTML to escaped characters suitable for pasting into form textarea inputs.

Post a Comment

(Never published)
 

Site Navigation

Outside reading

Jeremy Keith does an excellent write-up of the Accessibility 2.0 conference (which I was unable to attend)
Sharepoint and Web Accessibility
Bruce Lawson describes the disparity between Sharepoint/MOSS developed web sites and the level of accessiblity that the tool offers to users (summary - it really is not good!)
How does a screen reader user really hear your web site?
Interesting post on Beast Blog about how a screen reader user - a real one! Not one of those fake web developer tester types! - uses the tool to read a web page. A few surprises were waiting in store for author Mike Cherim.
Web Accessibility Toolbar now available in simplified Chinese
The Web Accessibility Tools Consortium (WAT-C) release a simplified Chinese version of the Web Accessibility Toolbar.
Web 2.0 vs Web Accessibility
1-day seminar in London, 25th April, brings together experts in the field to discuss/demonstrate the accessibility issues faced by web 2.0.
Leading accessibility technologists form new alliance to fix problems
The Accessibility Interoperability Alliance (AIA), comprising (among others) Adobe, HP, Microsoft, Novell, and from the assistive tech industry Dolphin, GW Micro and HiSoftware forms to work together "to create and harmonize standards for accessible techn
Fieldsets, legends and screen readers
An excellent run-down of how fieldsets and legends can improve accessibility and how the various screen readers cope with this useful markup.
CAPTCHAs explained - WacBlog
Another really good post on the RNIB\'s Web Access Centre blog explaining captchas, why they\'re bad for accessibility and what the alternatives may be.
Making WCAG easier to read
Derek Featherstone has created some fancy style sheets to make reading WCAG documents a little easier on the eye.
Top Tips for the title attribute
Ann McMeekin provides a set of simple tips regarding when - or rather when not to - use the title attribute. \'Cos sometimes you can try *too much* to be helpful
California court tilts towards mandating web accessibility
Outlaw.com reports (on behalf of The Register) on the Target California class action lawsuit, digging a little deeper into what Target have been doing of late to address matters.
Screen Readers and display:none
Juicy Studio, aka Gez Lemon, investigate some quirks whereby screen readers announce content that they should not be. Perhaps this could be used for good rather than evil?
Google Developer Podcast: The status of accessibility on the Web
An interview with Google research scientist TV Rahman (and Hubbell, his seeing-eye dog!). Lots of talk about CAPTCHAs and accessibility, but no sign of a transcript for this interview as yet.
Transcript of Shawn Henry's talk from Jun 5th 2007 in London on RNIB's Web Access Centre Blog
Virtual worlds open up to blind
"Online virtual worlds could soon be accessible to blind people thanks to research by students at IBM in Ireland" states BBC News

View all Accessify bookmarks on del.icio.us



This page is styled using Cascading Style Sheets (CSS). If you can read this message, the chances are that your browser does not properly support CSS or you have disabled this yourself. The content on this site is perfectly readable without style sheets, though; it just doesn't look quite so fancy.

site statistics

This site is partnered with MIS Web Design and Top4Office for Copiers and Digipro for Photocopiers. Web design by Swindon Internet & PR Services.

How you can help support this site: Learn web design from the creator of this site, or help him by requesting some PR Photography