order-summary-component using flexbox

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  Hi, LuckyPort!

  You should not have visually hidden headings like this.

  <h2 class="sr-only">Annual Plan</h2>
  <h3 class="sr-only">Annual Plan</h3>
  

  They are not needed. Make the visible text <h2> instead.

  Also, for the visually hidden styling, I recommend using the one from The A11Y Project website.

  See visually hidden styling — How-to: Hide content - The A11Y Project

  Learn more about visually hidden styling — The anatomy of visually-hidden - TPGi

  I hope this little suggestion helps you!

  Marked as helpful

  1

  ---

  

  LuckyPort•100

  @LuckyPortPosted over 1 year ago

  @vanzasetia Noted!!, thank you for the suggestion i will apply this suggestion on another challenges.‎️‍🔥️‍🔥

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  @LuckyPort

  Good! 👍

  Marked as helpful

  1