Many developers don’t use it efficiently. They either duplicate the text around the picture or don’t add it at all. The alt-text is not a duplicate title. It helps screen reader users understand what is shown in the picture. You can use alt to describe external characteristics of the product

Button type=button Is Better Than an href=”#”

Browsers still think it’s a link because it is still in the context menu

  • Therefore, it is better to use the button element because you get an interactive element that has no link options, and the user won’t be confused
  • Don’t do this

Take Care of Those Users Who May Experience Dizziness, Nausea, and Headaches

WCAG 2.3.2.3 says that some users may experience dizziness, nausea, and headaches when they see animations that trigger moving elements.

  • If we create this type of animation, we should use the prefers-reduced-motion media feature.

justify-content: space-between Causes Unexpected Markup

When we use these values, we don’t think that the number of items may change.

  • Therefore, in this situation, it is better to use margin if you need IE11 support, or column-gap to set space between items.

justify-content and align-items lose items

These properties ignore the size of flex items, so if flex items are larger than the flex container, they will go beyond its borders and may not be displayed correctly.

  • To fix this, set the margin property set to auto.

Source