Accessibility and Site Controls

Light and dark theme

In the top right corner there is a button with a moon (🌙) or a sun (☀️). Clicking it switches between the dark and light theme. The site remembers your choice, so it stays set the next time you visit.

When you arrive for the first time and do not switch anything yourself, the site follows the settings of your computer or phone – if you have dark mode enabled in your system, you will see the dark theme; if light, you will see the light one.

Click sounds

Next to the theme switcher there is a button with a speaker (🔊). When you click links and buttons, a quiet sound plays. If it bothers you or interferes with your screen reader, click this button to turn the sounds off (it changes to 🔇). This choice is saved as well, so you do not have to set it again.

Searching the site

On the home page there is a search box on the right that searches the whole site at once. It works without a mouse too:

• Press the slash (/) key or S to jump straight into the search box.
• Start typing and results are offered right below the box.
• Press the down arrow to move from the box into the list of results, and use the up and down arrows to move between them.
• Enter opens the selected result.
• Esc clears and closes the search.

The search understands typos and you do not have to type accents – the site is primarily in Czech, where for example "pater" still finds "páteř".

Keyboard control

You can move around the whole site with the Tab key (and back with Shift + Tab). Every link and button you are currently on is visibly highlighted with an orange outline, so it is always clear where you are.

The very first item on every page is the "Skip to main content" link. When you press Enter on it, you skip the top bar and navigation straight to the page text – no need to click through the menu.

Orientation on the page

Below the heading of every inner page there is a breadcrumb trail – a short path showing where you currently are within the site (for example "Crazy-Mac › Accessibility"). A link in it takes you one level up in a single step.

Pages have clearly separated regions – header, navigation, main content, and footer – and a meaningful heading structure. A screen reader can use them to jump between headings as well as between individual regions.

VoiceOver and screen readers

The site is continuously tested with VoiceOver. All images have a text description, buttons and links have clear labels, and decorative icons (emoji) are hidden from the screen reader so it does not read them out repeatedly. Links that open in a new window say so in their label.

Reduced motion and animations

If you have reduce motion enabled in your system (macOS, iOS, Windows), the site respects it and turns off smooth transitions and animations. You do not have to set anything here – the system setting is enough.

Did you hit a barrier?

Accessibility is never finished and every piece of advice is appreciated. If something on the site does not work as it should, or is hard to use, please let me know – it would help me a great deal.