Designo website (React, Next.js, Chakra UI, GraphCMS)

Community feedback

• 

  Marlon Passos•920

  @MarlonPassos-git

  Posted over 3 years ago

  Wow this project was very cool, it must have been a lot of work. Congratulations man. It really looks good, flexible, functional and ok with the original version. I don't know anything about the framework, so I don't have much to suggest, but a few things I saw and I'm going to point out.

  • In the form on the phone part it is accepting letters as something valid, I recommend you leave only numbers

  • both "3886 Wellington Street Toronto, Ontario M9C 3J5" and "Australia" "USA" could be <adress> tags make more semantic sense

  • "OUR COMPANY LOCATIONS CONTACT" should be inside a <nav> tag

  • Items inside "App Design; Web Design Graphic Design" are not accessible by TAB, this is not very good for accessibility

  • The tablet version in the location area is very strange, I don't know if that's how it was in the designer, but I found it weird. I would increase the size of the map, make it centered or something. See the screenshot https://prnt.sc/1vwev9g

  • Where you put phone numbers you could have used a <a href="tel:+496170961709"> tag that would cause the user to click would already take them to make a call

  • Put <input type="number"> in the phone form to show only numbers on the android keyboard

  • And type="email" in the email part to pop the @ easily for the mobile user

  • There are a lot of accessibility errors in your project report, it would be nice to read it, we always learn something new there.

  Again congratulations for the project was very good. (I hope to reach this level someday 😅)

  11