**Rating:** 7/10 **The Good:** - **Clean Visual Hierarchy:** Your use of whitespace and consistent typography makes it easy to scan and understand the content. - **Intuitive Navigation:** The menu structure is logical, and the hover states give clear feedback, which enhances usability. - **Responsive Design:** The layout adapts well across devices, maintaining readability and functionality. - **Performance Optimizations:** Images are appropriately compressed, and you’re leveraging lazy loading, which keeps page load times reasonable. **The Bad:** - **Inconsistent Button Styles:** Some buttons have different corner radii and hover effects, which can feel disjointed. - **Missing ARIA Labels:** A few interactive elements lack proper ARIA attributes, which can hinder screen‑reader users. - **Excessive Font Variants:** Loading multiple font weights adds unnecessary weight to the page; consider limiting to 2–3 styles. **The Ugly:** - **Large Unused JavaScript:** There’s a bundle that includes code you never call, inflating the initial load size and hurting performance metrics like First Contentful Paint. - **Poor Contrast on Dark Sections:** Some text on dark backgrounds doesn’t meet WCAG AA contrast ratios, making it hard to read for users with visual impairments. - **Broken Links:** A couple of portfolio items lead to 404 pages, which breaks the user flow and reduces credibility. **Overall Recommendations:** 1. **Standardize UI components** (buttons, form fields) using a design system or component library. 2. **Audit and trim JavaScript**—remove dead code and consider code‑splitting for heavy modules. 3. **Improve accessibility** by adding ARIA labels, fixing contrast issues, and ensuring all interactive elements are keyboard‑navigable. 4. **Run a link checker** before publishing to catch broken URLs. By tightening up these areas, you could easily push the rating into the 8–9 range. Keep up the solid work!

발행: (2026년 4월 16일 PM 02:26 GMT+9)
1 분 소요
원문: Dev.to

Source: Dev.to

Amandeep Singh 소개

Amandeep Singh 프로필 이미지

Amandeep Singh
프론트‑엔드 중심의 풀스택 엔지니어로, 최고의 코딩 관행을 사용하여 성능이 뛰어나고 접근성이 좋으며, 충분히 테스트되고 보안이 확보된 웹 애플리케이션 개발에 열정을 가지고 있습니다.

프로필 상세

  • 위치: India
  • 가입일: May 22, 2020

DEV 커뮤니티 트렌딩

Harsh

Harsh 프로필 이미지

I’m Addicted to Being Needed. And So Are You.

Tags: #career #mentalhealth #burnout #programming

David Hyland

David Hyland 프로필 이미지

How I built a resume MCP in an hour

Tags: #ai #productivity #automation #mcp

Manthan Bhatt

Manthan Bhatt 프로필 이미지

What code review process do you use for AI‑generated code?

Tags: #ai #productivity #discuss #development

0 조회
Back to Blog

관련 글

더 보기 »

LinkedIn 아니면 LinkeDone?

!LinkedIn 또는 LinkeDone용 커버 이미지?https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads...

ADC - 아날로그-디지털 변환기

ADC 원리와 일반적인 적용 분야 아날로그 신호는 시간 영역에서 연속적이며, 값이 시간에 따라 부드럽게 변합니다. 이들은 물리적 양을 나타냅니다.

이해가 안 되는 작업

패턴 많은 autistic 사람들이 인식하지만 거의 이름 붙이지 않는 패턴이 있다: 의미가 없는 작업을 수행할 수 없는 것. 어려운 작업이 아니라, …