Data storage component

Community feedback

• 

  Alex Kim•1,325

  @alex-kim-devPosted over 4 years ago

  Hey Mubaraq, great solution! Here are some of my thoughts:

  • I would use aria-label instead of adding a span with .visually-hidden on the buttons, your solution works perfectly though, so that's just a preference;
  • I would add a visually hidden meter element + wrap the paragraph above into a label for that meter, just to be sure that assistive technology will announce this part.

  Good luck and have fun making the next one!

  3

  ---

  

  Mubaraq Wahab•480

  @mubaraqwahabPosted over 4 years ago

  @Alex-K1m Thanks a lot! I actually used a meter and label before, and I tested with NVDA. I changed it and used an aria-hidden div because I felt it was redundant and quite noisy.

  1
• 

  Hari Ram•370

  @hariramjp777Posted over 4 years ago

  Good solution brother especially using classes for accessibility such as visually-hidden..

  1