We’re thrilled to reveal an entirely new WebAIM website. The new site, which is the result of much effort, has an updated branding and design and nearly all of the WebAIM content has been updated. This is the most significant site update since WebAIM began in 1999. If you have recommendations or feedback on the site, please contact us.
New Site Features
The WebAIM site has been in much need of a refresh for several years. We’ve had the same design since 2006! We’ve been so busy helping other people make their sites accessible and have neglected our own. This updated logo and design reflect our new branding and vision to keep Web Accessibility In Mind.
The WebAIM site is very large (Google says over 160,000 pages), though much of this is dynamic content, such as our e-mail list archives. Still, there are hundreds of pages of web accessibility content that have accumulated over WebAIM’s 14 year history. Updating and curating this content has posed a challenge. This new site provides almost entirely updated site content made relevant to today’s web accessibility field. Most of our articles have been streamlined and condensed to give you accurate and efficient techniques and skills. Additional updates and new content, particularly for new accessibility technologies, such as ARIA and HTML5, will be coming soon. Of course some old content that was no longer relevant or useful has necessarily gone away.
Updated “Skip” Link
In this design, we chose to hide the “Skip to main content” link visually. It becomes visible when it receives keyboard focus, thus providing utility to the audience that needs it without distracting or confusing other users. To address potential issues with the link being missed by a keyboard user that navigates quickly, the link animates using CSS3 transitions to ensure it is clearly visible on screen, even if the user ‘tabs’ very quickly.
We have included some basic responsive web design to make the site more friendly on various devices and screens. Try resizing your browser window to see how the site layout readjusts.
Link focus indicators
To help ensure high accessibility for sighted keyboard users, we’ve added some nifty keyboard focus indicators for links and form controls. A distinctive color change and slight transition draw visual attention to focused links. Additionally, scripting provides a focus ‘trace’ or ‘flying focus’ to help the user follow the visual focus. Tab through the links on this page to see it in action.
ARIA and HTML5
HTML5 structuring, including the <main> element, is in use on the site. ARIA landmarks are defined for significant page areas. Other ARIA attributes have been implemented to provide enhancements to site accessibility.