Designing for Accessibility

Digital products are made to be operated by all people but we designers still don’t address and ensure all users have equal access to any digital product.

Image for post
Image for post
Universal Accessibility

Accessibility

Image for post
Image for post
LEFT: Seen by color blind | RIGHT: Normal people

Why Web Accessibility

Principles of Accessibility

Accessibility Checklist

Include text alternatives for visual content:

Image for post
Image for post

Retain text hierarchy:

Image for post
Image for post

Using live text not flattened:

Image for post
Image for post

Choose decent colors:

Image for post
Image for post

Convey information not just color alone:

Image for post
Image for post

Use labels or instructions with form fields and inputs:

Image for post
Image for post

Add alt text to all of your images:

Image for post
Image for post

Enable keyboard navigation:

Image for post
Image for post

Conclusion

References

Written by

Product Designer and Frontend Developer | https://twitter.com/ishan02016

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store