Error page v2

[TomDeeterink1]

Whats in the pull request?

In this pull request u can find the components belonging to the error page

• Homelink.svelte
• Mainform.svelte

These are loaded in the following page:

• error/page.svelte

Whats new in this pull request (V2)?

From the pull review i got feedback, i have converted this in to tickets.

I have completed the following tickets:

• Error page BEM toevoegen V2 #182
• Error page code refactor indents V2 #183
• Error page code refactor css V2 #184

These are part of this bigger ticket:

• Error page V2 #179

Which tests have I conducted?

I went through our entire Definition of Done (DOD) and also tested the functionality.

Code

• Your code adheres to the agreed conventions.
• You consistently use tabs and line breaks.
• Your code is structured with comments.
• You explain complex code with comments.

Design

• The completed component matches the design.

Responsiveness

• It is responsive on all screens down to at least 300px wide.

Accessibility

• It can be operated using a keyboard.
• It has a clear focus state.
• Semantic HTML is used (try to avoid using divs unnecessarily).
• All buttons and other clickable elements have cursor: pointer.
• You score at least 85% on Lighthouse for accessibility on both mobile and desktop.
• Images, buttons, and links have alt tags that are short and clearly describe their purpose.
• Your HTML passes the HTML validator.
• It has been tested on multiple browsers, at least Firefox and Chrome.

Performance

• All images have a standard height and width set in the HTML.
• The format of each image is either webp or svg.
• There is no unnecessary/duplicate code.
• You achieve at least 85% on the performance Lighthouse test for both mobile and desktop.

Merging

• All merge conflicts are resolved.
• At least one person has reviewed and approved your code.

What needs to be tested?

• I would like someone to double-check:
• That all functionalities work.
• That everything follows code conventions.
• That I adhered to all DOD requirements.
• Performance testing.
• Lighthouse testing.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lose-your-head-the-client-case	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 14, 2025 0:23am
lose-your-head-the-client-case-5q6r	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 14, 2025 0:23am