Site Footer

Navigation

Overview

The site footer contains a brief description of my role, a resume of the page, social links and a webring link are placed here.

Text is small in muted-foreground; links are muted, with the accent underline on hover and focus. Social links are icon-only and each carries its name ("LinkedIn", "GitHub") for screen readers.
Columns collapse to one on a phone (breakpoint-sm). Padding is space-12 above and space-8 below.
The closing line reads "© 2026 Mica. Made with sweat and tears for everyone", followed by a hidden icon from assistive technology.

The footer is a footer element and it is placed inmediately after the main element.
Every column has its own heading like an h3 for the name and an h4 for "Navigation" and "Get in touch". The webring has an h2.
The email is an a with mailto:. The social links are icon-only a with target="_blank" and rel="noopener noreferrer", named with aria-label ("Go to my Github's profile"), and the icon is aria-hidden. The webring links use rel="external".
The VAT number is plain text. Next to it is a button type="button" named "Copy VAT number", and the confirmation goes in a hidden span with role="status", so it is announced without moving focus.
The icon is aria-hidden, and the closing note is a p.

This section is still in progress.

This section is still in progress.