3-column preview card component

Community feedback

• 

  Fazza Razaq Amiarso•2,340

  @fazzaamiarsoPosted over 2 years ago

  Hello Abanum! Great Work!

  Your approach to accessibility is good. To fix the level-one heading error, which does not appear in the design. There is a workaround that keeps semantics that uses a visually hidden h1. Please add this class to your h1

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }
  

  I hope it helps! Cheers!

  Marked as helpful

  0

  ---

  

  Abanum Oliseyenum•230

  @CodeyenumPosted over 2 years ago

  @fazzaamiarso Thanks for the feedback, I’ll try that.

  0