A11y

A11y

943 bookmarks
Newest
Accessibility for Visual Design | UX Booth
Accessibility for Visual Design | UX Booth
They say beauty is in the eye of the beholder. As designers, we need to remember that the same is true of color, and all visual abilities. UX Booth author and visual UX designer Nick Babich has a list of how-tos, to help make every design both beautiful and usable.
·uxbooth.com·
Accessibility for Visual Design | UX Booth
Accessibility Testing
Accessibility Testing
A guideline to accessibility testing, from tools to workflows, by Rian Rietveld. This talk was originally presented at WCUS 2017, as 'Accessibility testing, tools and workflow.'
·humanmade.com·
Accessibility Testing
ARIA: switch role - Accessibility | MDN
ARIA: switch role - Accessibility | MDN
The ARIA switch role is functionally identical to the checkbox role, except that instead of representing "checked" and "unchecked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off."
·developer.mozilla.org·
ARIA: switch role - Accessibility | MDN
Accessible Rich Internet Applications (WAI-ARIA) 1.1
Accessible Rich Internet Applications (WAI-ARIA) 1.1
Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to allow an author to properly convey user interface behaviors and structural information to assistive technologies in document-level markup. T...
·w3.org·
Accessible Rich Internet Applications (WAI-ARIA) 1.1
Accessible CSS Transitions | Chris Bateman
Accessible CSS Transitions | Chris Bateman
Here's a simple example: we want to animate a container open and closed, perhaps as part of an expand/collapse treatment. .acc-demo-1 { height:40px; padding:10px; overflow:hidden; transition:0.5s all; } .acc-demo-1.hidden { height:0px; padding:0px …
·cbateman.com·
Accessible CSS Transitions | Chris Bateman
Animations are fun, but not for everyone » Simply Accessible
Animations are fun, but not for everyone » Simply Accessible
Our Best Practice of the Week (BPOW) looks at an often unknown area of accessibility: animations that have an adverse effect on a variety of people. Recent updates to CSS and JavaScript have made it really easy to implement fun, engaging animations on a web page. Be it CSS transitions or keyframes, or the latest jQuery SVG animation framework, one thing to keep in mind is your animation may make the user uncomfortable.
·simplyaccessible.com·
Animations are fun, but not for everyone » Simply Accessible