Virtual

Join the Zoom Event

A triptych through recent additions to HTML, CSS, and JavaScript in the last 10 years that are useful for improving a bespoke or legacy web application, which may not have been designed with accessibility in mind and predates some of the more advanced features that are now built into every modern web browser.

Examples:

• Building a bespoke web app framework (like Django, Dancer, or Mojolicious) to separate server code from presentation while retaining as much of the legacy code base and structure as possible to avoid needing to rewrite the world
• Use of the HTML5 elements such as <details> and <summary>; <table>, <legend>, and <thead>; text <input> fields with client-side regex validation using the pattern attribute, as well as accessibility using <label> elements and title attributes.
• Use of JavaScript document.querySelectorAll() to add interactivity efficiently using high-performance CSS selectors
• Use of ARIA aria-live and role attributes to notify a sighted or non-sighted user of changes to the page caused by interactive elements

We’ve spent time learning how to improve our web UIs to be more usable and accessible, and we can get the most value out of our learnings by sharing them with the community.

Presenter(s)

• Mark Tinberg