Bundle Landing Page (JR)

Community feedback

• 

  Vanza Setia•27,715

  @vanzasetia

  Posted about 2 years ago

  Hi, WiaterKa!

  I recommend using a code-formatter. This way, your code base will have a consistent format, which makes it easier to read the code. I suggest using Prettier as your code-formatter.

  Prettier · Opinionated Code Formatter

  Alternative text for images should not contain any words related to "image" (such as picture, photo, logo, icon, graphic, avatar). It is already an image element (<img>) so the screen reader will pronounce it as an image.

  Keep in mind that alternative text will be read by humans. So, you need to make sure that they are in human-readable format, not like code.

  Not every image needs alternative text. Decorative images should not have alternative text (alt=""). This will tell the screen reader to skip over the image. As a result, it saves screen reader users time navigating the page.

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

  For the dark logo, you can create a new SVG file and change the color. You can change the color by searching the fill property inside the SVG file.

  The list inside the <footer> should be a list of navigation links. So, you should wrap the list with a <nav> landmark. Then, wrap each text with an anchor tag.

  I hope this helps. Happy coding! 😄

  10

  Marked as helpful