Accessibility for User Experience Designers

In this post, JavaScript Developer Matt Isner details the ins and outs of accessible design for user experience designers. Matt covers everything from the initial design stage to the technical specifics, with several tips and practical "Deque How To" hacks to help you ensure that your website is accessible by design. Remember, solving accessibility problems means improving usability for everyone! Continue Reading Accessibility for User Experience Designers

Building Accessible Buttons with ARIA: A11y Support Series

Previously Paul J. Adam explained how to build ARIA role="alert" Modal Dialogs in his A11y support series. In his latest post in the series, Paul details how to build another ARIA widget: a simple role="button" UI control. He also explains what screen reader and browser combinations are supported when using other ARIA attributes allowed on role="button." Continue Reading Building Accessible Buttons with ARIA: A11y Support Series

How to Build WAI-ARIA Modal Alert Dialogs: A11y Support Series

Team of developers learning how to build an accessible widget.

In the second part of his accessibility support series, Paul Adam explains how to build an accessible widget with ARIA Modal Alert Dialogs. Learn new tricks on building accessible widgets that go above and beyond the recommendations outlined in the WAI-ARIA Authoring Practices. Continue Reading How to Build WAI-ARIA Modal Alert Dialogs: A11y Support Series

Accessible HTML Heading Markup

A11Y Expert

Do headings introduced to meet SC 2.4.10 (AAA) need to be marked up With an h<n> tag too? On this page, HTML heading markup h<n> tags are used for the titles of each scenario I / Ii / III and for each of the two ARIA1 and ARIA2 techniques. This is good enough to comply with SC 1.3.1 (A) for the three scenarios illustrated below.… Continue Reading Accessible HTML Heading Markup

How Accessibility Impacts Responsive Design

A11Y Expert

This illustrates why accessibility support in terms of differences in navigation techniques and HTML / ARIA behavior on a mobile device needs to be taken into account during design. Continue Reading How Accessibility Impacts Responsive Design

Text Links: Best Practices for Screen Readers

A11Y Expert

Sometimes, the visible anchor text as mandated by the user interface design is not very meaningful to vision impaired users. One could use aria-label or the title attribute or even off-screen text on text links. But what's the best practice based on current assistive technology support? Continue Reading Text Links: Best Practices for Screen Readers

Page 1 of 3123