huddle-landing-page-with-curved-sections-master

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  Hi there! 👋

  All <svg> elements should have focusable="false" attribute to prevent them from getting focused.

  Make sure decorative images that are using inline SVG should have aria-hidden="true" to prevent them from getting pronounced by screen readers. Then, meaningful SVG should have role="img" and <title> as to give alternative text.

  Learn more about SVG and images: Contextually Marking up accessible images and SVGs

  For your information, decorative images are images that don't add any information and serve only aesthetic purposes.

  Even better, I recommend using <img> elements that reference the SVGs. You only need to use inline SVG if you want to change its color.

  <a href="#"><button>Get Started For Free</button></a> is invalid HTML. Choose either it should be a button or a link.

  For your information, anchor tags are for navigation. The <button> element is for an action like opening a modal, submitting a form, toggling an element, etc. It is essential to use the correct elements.

  If there is no heading tag inside a <section> or an <article>, you should use <div> instead.

  Use <input> element instead of <textarea> for the email input.

  I hope this helps. Happy coding! 👍

  Marked as helpful

  0