Meta Refresh 2013

The design and engineering of user interface on the web

Prem Nawaz Khan

Prem Nawaz Khan


Inclusive Design challenges with UI Widgets

Submitted Dec 12, 2012


  • Learn how difficult it is to use UI widgets
  • Step by Step Guide to to make your widgets usable for Keyboard only, Screen reader, Mobile users etc.
  • Simple Demo on Drop Down widget


There are various UI Libraries to build components like modals, tooltips, and grids to people who don’t spend a lot of time writing front-end code.
Geeks always like to rewrite the code to satisfy the objective of sleeknes, performance etc.
But One thing most of them forget is the inclusion of Person with Disabilities and other devices like Mobile, Tablets, TV etc.
While Responsive design helps to adapt to different screen resolutions , it is upon the developers shoulders to make the widgets usable to EVERYONE.
This Session will explain on what is required to make it accessible and how to do them


Anything they would like to take the notes on..

Speaker bio

I have been speaking at PayPal and previously at Yahoo as part of my Work.
Thought of spreading the word of Accessibility to outside world Since there are too many JavaScript library which claims sleek and which lags inclusive Design..


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more