Responsive Page Using Flexbox and JS

Community feedback

• 

  P

  tediko•6,680

  @tedikoPosted over 3 years ago

  Hello, Luiz Claudio Lopes! 👋

  Congrats on finishing another challenge! 🎉 Your solution looks very good and also responds well. Here's my few tips:

  • There is no need to use aria-label on .logo element when your image has alternative text. But you should change alt text to somethig more descriptive like "crowdfund - home page".
  • Add :focus pseudo class to interactive elements like anchors, buttons etc. Use outline property to make your website more accessible to keyboard users. Focusable elements like anchor, buttons or inputs they have applied default :focus pseudo class with outline property. These default styles are subtle and hardly visible tho. Furthermore every browser has a slightly different default style for the outline, so you probably want to change the default style. Read more about why we should change focus styles.
  • Not sure how advanced you're with JavaScript but.. After opening a modal with my keyboard the focus isn't in modal and I can't select modal options right away. Take a look at this great solution (link). Anna implemented focus trap in her project to - in short - prevent focus to go outside the modal once the modal is opened.

  Good luck with that, have fun coding! 💪

  2

  ---

  

  Luiz Claudio Lopes•505

  @lc-dev90Posted over 3 years ago

  @tediko Thank you again!!

  0