PolymerElements / paper-icon-button

A Material Design icon button
https://www.webcomponents.org/element/PolymerElements/paper-icon-button
42 stars 44 forks source link

Paper icon button does not respect accessibility rules #122

Open kul3r4 opened 6 years ago

kul3r4 commented 6 years ago

Default size of paper icon button is 40x40 while from: https://material.io/guidelines/usability/accessibility.html#accessibility-style:

Touch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element. For example, an icon may appear to be 24 x 24 dp, but the padding surrounding it comprises the full 48 x 48 dp touch target.

This is visible on samples like: Polymer shop in mobile view, where there is a cart icon on the right top.

aryashashank commented 5 years ago

Facing the same issue with extended elements.