Category Archives: design

Accessible website design for users with disabilities lags far behind demand

“The internet is, in essence, broken,” said Todd Bankofier, the CEO of accessibility software company AudioEye. Last week the company announced a partnership with web design firm Dealer Inspire, which makes customer-facing sites for auto retailers, to implement AudioEye’s Ally Toolbar across their entire portfolio.

The move “expands our reach immediately, making it much more efficient to continue our mission to make the most expansive infrastructure in the world accessible to everyone,” Bankofier added.

Even the most well-meaning brand leaders and site designers have too narrow a view of what constitutes disability, he said. It’s not just people who are blind, deaf, or use wheelchairs: people with autism, PTSD, visual impairment, epilepsy, dyslexia or colorblindness all have different needs for digital access. AudioEye’s Ally Toolbar takes all these users into account and allows a person to select precisely the site they need to see.

Curated by (Lifekludger)
Read full article at Source: Accessible website design for users with disabilities lags far behind demand | Campaign US

Designing inclusively: Some examples

The video below has lots of examples of designing inclusively in the built environment. There are two key messages: get a diverse group of people together before you start designing, and think about all the extra people you can serve or sell to when you design with everyone in mind. While there are several videos around with a similar message, it is good to see the variety of environments covered – from transport to theatre.

Rather than take an off-the-shelf ATM, Barclays Bank commissioned the design of their ATMs and came up with the idea of a niche to hang your walking stick – a key factor as if it falls to the ground, the owner may not be able to bend down to pick it up.

The video is 8 minutes but worth the watch to the end.


Curated by (Lifekludger)
Read full article at source

Inclusive – Microsoft Design

Inclusive Design at Microsoft

It’s in our mission statement: empower every person on the planet to achieve more. Designing for inclusivity opens up our experiences and reflects how people adapt to the world around them.

Our inclusive design principles

Recognize exclusion

Exclusion happens when we solve problems using our own biases. As Microsoft designers, we seek out those exclusions, and use them as opportunities to create new ideas and inclusive designs.

Learn from diversity

Human beings are the real experts in adapting to diversity. Inclusive design puts people in the center from the very start of the process, and those fresh, diverse perspectives are the key to true insight.

Solve for one, extend to many

Everyone has abilities, and limits to those abilities. Designing for people with permanent disabilities actually results in designs that benefit people universally. Constraints are a beautiful thing.

Inclusive: A Microsoft design toolkit

The toolkit is a comprehensive resource for any inclusive session you want to lead. Practice new skills, develop new concepts, or create a prototype – the toolkit is made to be retrofitted to your design team’s goals. Download everything here, and start exploring!

 …

Curated by (Lifekludger)
Read full article at Source: Inclusive – Microsoft Design

An Introduction to the Reduced Motion Media Query | CSS-Tricks

A brief history of Reduced Motion

When it was released in 2013, iOS 7 featured a dramatic reworking of the operating system’s visuals. Changes included translucency and blurring, a more simplified “flat” user interface, and dramatic motion effects such as full-screen zooming and panning.

While the new look was largely accepted, some people using the updated operating system reported experiencing motion sickness and vertigo. User interface movement didn’t correspond with users’ feeling of movement or spatial orientation, triggering the reported effects.

Although technology unintentionally inflicting adverse effects has existed before this, the popularity of iOS gave the issue prominence. Apple has great support for accessibility, so an option in the operating system preferences to disable motion effects for those with vestibular disorders was added in response.

#Enter a new media query

Safari 10.1 introduced the Reduced Motion Media Query. It is a non-vendor-prefixed declaration that allows developers to “create styles that avoid large areas of motion for users that specify a preference for reduced motion in System Preferences.”

The syntax is pretty straightforward:

/* Applies styles when Reduced Motion is enabled */
@media screen and (prefers-reduced-motion: reduce) { }

@media screen and (prefers-reduced-motion) { }

Safari will parse this code and apply it to your site, letting you provide an alternative experience for users who have the Reduced Motion option enabled.

Curated by (Lifekludger)
Read full article at Source: An Introduction to the Reduced Motion Media Query | CSS-Tricks

How icons are ruining interfaces – Axess Lab

Four icons that are hard to interpret. Last one a sick zombie.

Icons used correctly can enhance both the user experience and look of your interface. Sadly, more and more designers are using them in the wrong way. And it’s hurting both the usability and accessibility of the interface.

MY DAD AND HIS TED APP

I love to watch my dad use technology. It’s such a great learning experience for me as an interaction designer.

He is 57, wears glasses when reading and always delays getting a new phone until his old one completely stops working. You see, he does not like to learn new technology. He just wants his stuff to do what he needs it to do without having to think.

Curated by (Lifekludger)
Read full article at Source: How icons are ruining interfaces – Axess Lab

Accessibility for Software and Devices | Microsoft

Our commitment to accessibility Microsoft’s mission is to empower every person and every organization on the planet to achieve more. With over 1 billion people with disabilities in the world, we’re passionate about ensuring that our products and services are designed for people of all abilities. We are committed to transparency, accountability, and inclusion in our products and our culture, and we are deeply inspired by the opportunity to work with others around the world to explore what’s possible. There a …

Curated by (Lifekludger)
Read full article at Source: Accessibility for Software and Devices | Microsoft

Colorblind-friendly ‘Uno’ cards

In the game of Uno, knowing the color of a card is just as important as knowing its number, which means some colorblind players can be at a serious disadvantage. But now Mattel is fixing that — the company just announced a new accessible version of Uno, made with ColorADD cards.

Here’s a key that explains how the symbols work with the Uno cards and other colors:

IMAGE: MATTEL

Curated by (Lifekludger)
Read full article at source.