Submitted over 2 years ago

Accessible landing page with performance improvement

accessibility, bem, gulp, lighthouse, sass/scss

Dusan Brankov•860

@dusan-b

A solution to the Insure landing page challenge

Preview Code

Solution retrospective

Hello Frontend Mentor Community,

I built this landing page with focus on accessibility and performance, while also doing my best to design the page in a pixel-perfect way.

Here are some features I used in this project for better performance and user experience:

Inline SVG images for faster loading time
Appropriate use of the aria-label and aria-labelledby attributes
A design based focus outline for keyboard users with a complementary color scheme
Animated mobile menu
Responsive layout (mobile, tablet, desktop and between)

Of course I am open to any suggestions for improvement!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dusan Brankov's solution.

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