@petritnuredini
Posted
Congratulations on completing your Social Links Profile project! It's a great milestone and your design looks clean and user-friendly. Here are some quick best practices recommendations:
-
Alt Text for Images: Always include descriptive alt text for images. For the profile photo, use something like
alt="Jessica Randall's Profile Picture"
to improve accessibility and SEO. Learn more about alt text here. -
Consistent Commenting: It's good to see comments in your CSS for clarity. Be consistent with this practice throughout your code for better readability and maintenance. Here's a guide on CSS commenting here.
-
Semantic HTML Elements: Use semantic elements like
<header>
,<footer>
, and<section>
to improve the structure and readability of your HTML. More on semantic HTML here. -
Responsive Design: Good implementation of media queries for responsiveness. Consider testing on various devices to ensure uniformity of user experience. Responsive design principles can be found here.
-
SASS Best Practices: Great use of SASS features like mixins and variables. Ensure to maintain this practice for scalable and maintainable code. More on SASS best practices here.
-
Button Accessibility: For the buttons, consider adding
aria-labels
for screen readers, especially since they only contain text content. This enhances accessibility for users with screen readers. Learn aboutaria-labels
here.
Keep up the fantastic work! Each project you complete brings new learning and improvement. Your progress is commendable, and I'm excited to see what you'll create next!
@shubhamgupta0720
Posted
@petritnuredini Thankyou for the feedback! Will keep it in mind.