Foundation-sites: The functionality of what-input.min.js

Created on 24 Jan 2016  路  2Comments  路  Source: foundation/foundation-sites

Hello,

Id like to know the functionality of what-input.min.js include in Zurbs foundation-6 framework , in the js/vendor directory, please.

Thanks for your answers,

codebase question

Most helpful comment

All of our components add outlines to focus/active states to make them accessible to keyboard users. _However_, designers find those outlines ugly, but they're necessary for accessibility.

what-input watches for what input device the user is using, mouse or keyboard. If it's a mouse, the outlines are removed in the CSS. If it's a keyboard, the outlines are kept as a navigational aid.

It's technically an optional dependency鈥攜ou can remove it if you want. However, we highly recommend keeping it.

All 2 comments

All of our components add outlines to focus/active states to make them accessible to keyboard users. _However_, designers find those outlines ugly, but they're necessary for accessibility.

what-input watches for what input device the user is using, mouse or keyboard. If it's a mouse, the outlines are removed in the CSS. If it's a keyboard, the outlines are kept as a navigational aid.

It's technically an optional dependency鈥攜ou can remove it if you want. However, we highly recommend keeping it.

ok, thanks a lot. ;-)

Was this page helpful?
0 / 5 - 0 ratings