Long hours of frontend development

Still working on the base page template—nothing too special today, just the usual long hours of frontend development. The goal is to make the website accessible as quickly as possible so everyone can check out the progress.

On the SEO side, the priority today is enabling all the domain settings, starting with HTTPS. I’m using a free Let's Encrypt certificate for that.

Yesterday, we added a hidden "skip to content" link. Today, we’re improving it by making the link visible when focused, so users can easily skip the header and jump straight to the main content. It’s a simple fix with CSS since we already have the label set in the aria-label. Here's the code:

.skip-button:focus:before { 
    content: attr(aria-label);
    padding: 4px;
    position: fixed;
    top: 0; left: 0;
    z-index: 50;
    background: white;
}

Now, when someone presses TAB, the "skip to content" link will appear in the top-left corner. Easy fix, but super helpful!