Skip to content
Submitted almost 3 years ago

URL Shortener | vanillaJS

Michael•160
@Minard-NG
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...URL shortening API landing page
  • HTML
  • CSS
  • JS
  • API
3intermediate

Design comparison

SolutionDesign

Solution retrospective

This was quite a daunting challenge...Learnt a lot from this challenge.

Kindly review, feedbacks are very welcome!

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmedPosted almost 3 years ago

    To avoid accessibility issues in the future wrap everything in your body in <main> OR give role="" to the direct children of your <body> ... Click here to read more

    Good job! :)

    Marked as helpful
    1
    Michael•160
    @Minard-NGPosted almost 3 years ago

    Hi @anoshaahmed, thanks for the feedback. Updated

    1
  • Siege•520
    @idesmarPosted almost 3 years ago

    Some additional container tags to suppliment @Aakash suggestions are <header>, <section> (section will require a heading tag inside: h1-h6) and <footer>.

    Happy coding!

    Marked as helpful
    1
    Michael•160
    @Minard-NGPosted almost 3 years ago

    Thanks for the feedback @idesmar ... Just Updated!

    0
  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Hi! Michael,

    To solve accessibility issues:

    1. wrap everything in your body in <main> OR give role="" to the direct children of your <body> ... Click here to read more here

    2. Always use aria-label for block elements.

    Good Luck ;)

    Marked as helpful
    1
    Michael•160
    @Minard-NGPosted almost 3 years ago

    Hello @skyv26, thanks for the feedback. Updated!

    1
  • David Emad•925
    @DavidEmad01Posted almost 3 years ago

    Nice Work Dear Just Go on 3>

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord