---
title: "About · TOPAL"
description: "How this base supports assistive technology, every screen size from phone to 4K TV, and automated clients."
url: https://toppalt.r01.no/about
updated: 2026-09-29
breadcrumbs:
  - name: "Home"
    url: https://toppalt.r01.no/
  - name: "About"
    url: https://toppalt.r01.no/about
---

[Home](https://toppalt.r01.no/) › About

# About this base

What each audience gets. [llms.txt](https://toppalt.r01.no/llms.txt) gives agents the same overview in plain text.

## People and assistive technology

- Landmarks (header, primary navigation, main, footer) and a skip link.
- A visible focus ring, underlined links, 44px touch targets and 16px form text.
- Follows system light/dark, high-contrast, forced-colours and reduced-motion settings. Browser zoom and the system text-size setting are always respected.
- Print gets a stylesheet of its own.

## Screens

**Behaviour by screen class**

| Screen                         | Behaviour                                                                    |
| ------------------------------ | ---------------------------------------------------------------------------- |
| Phone                          | Single column, safe-area padding for notches and home indicators             |
| Laptop / desktop               | Fluid type and spacing, prose limited to a readable line length              |
| Ultrawide                      | Content centred at 90rem wide; text is not enlarged for extra width          |
| QHD / 4K monitor               | Root text grows gently, up to 125%                                           |
| TV (<?display=tv>)             | 10-foot text size, overscan margins, large focus ring, arrow-key/D-pad focus |
| Info screen (<?display=kiosk>) | Text readable at a distance, no cursor, slow pixel shift against burn-in     |

## Agents, crawlers and automation

- Every control has a role and a visible name, so `getByRole('link', { name: 'About' })` works in any test runner or browser agent.
- Pages carry canonical URLs, OpenGraph tags and schema.org JSON-LD, and are listed in [sitemap.xml](https://toppalt.r01.no/sitemap.xml).
- [robots.txt](https://toppalt.r01.no/robots.txt), [llms.txt](https://toppalt.r01.no/llms.txt) and a web app manifest. `/healthz` and `/readyz` return JSON status.