Responsive Interactive pricing component solution

Community feedback

• 

  P. Ricardo•2,370

  @pRicard0Posted about 1 year ago

  Some HTML tips

  • All images must have an ALT attribute. However, for decorative images, the ALT attribute should be empty. Screen readers and other technologies will recognize an empty ALT tag, identify the image as decorative and skip over it.
  • Instead of using the tag <span> for the price and discount text, I think you can use the <em> tag. The <em> tag is used to define emphasized text. The content inside is typically displayed in italic. A screen reader will pronounce the words in <em> with an emphasis, using verbal stress.

  UX tip

  • Talking about the "billing" button... The user can only trigger the event by clicking on the circle. I think the user should be able to trigger the event when clicking on the div(with the class "switch") and the circle.

  Marked as helpful

  1