UCD - Document Object Model (DOM) Scripting

DOM scripting (AKA unobtrusive JavaScript) is a powerful technique that can be used to greatly enhance user interaction with your website. The DOM scripting that we implement always:

• Helps to create an enhanced user experience
• Conforms to high accessibility standards (often improving accessibility)
• Has a non-JavaScript default so the website can be fully used by non-JavaScript users

DOM scripting is the underpinning to any kind of AJAX functionality.

DOM scripting forms an integral part of any web development project we do. Used in the right way, it can lead to large usability and accessibility improvements.

What is DOM scripting & accessible JavaScript?

DOM (document object model) scripting is a technique that changes the structure or appearance of a web page, depending on how users interact with that page. It's a fundamental component to any kind of AJAX functionality.

Accessible JavaScript basically means enhancing the user experience through the use of JavaScript, whilst allowing non-JavaScript users to still access and use all site content. JavaScript has in the past gained a bad reputation as it's been responsible for many undesirable effects (e.g. pop-ups), but when used sensibly can increase any website's usability, accessibility and efficiency.

We've used our powerful DOM scripting & accessible JavaScript techniques in a variety of ways, depending on the unique requirements of the website. Examples of things we've done (and can do) include:

• Drag and drop sliders (to help users intuitively select the product/service they want)
• On-the-page form validation
• Visible font resizer
• Sort by menus (e.g. for product listings)

By implementing each of the above through DOM scripting, a richer user experience can be created. One of the main benefits of using DOM scripting is that changes requested by users can take place instantly without a new page having to refresh.

We also use DOM scripting for small user experience improvements (every little helps after all) when creating websites. For example, it can be used to:

• Increase the size of a link target (making it easier to click an important link)
• Replace excess and repetitive HTML and CSS (making download speeds even quicker)
• Automatically open PDFs and downloads in new windows (very beneficial for usability)

Why use DOM scripting & accessible JavaScript?

Using DOM scripting & accessible JavaScript on your website can have the following benefits for your users:

• Increased interactivity and a richer user experience with your website
• Improved usability and accessibility
• Increased speed, efficiency and satisfaction for users

Using DOM scripting & accessible JavaScript on your website can also have the following business benefits to you:

• Greater search engine ranking (as HTML quality will be improved)
• Easier to manage website (due to this improvement in HTML quality)
• Reduction in development time
• Reduction in load on server so lower bandwidth costs

Interested in how it can work for you? Please contact [email protected] for more information.