How this website is built
- Every page has one main heading, landmark regions, a skip link to the content, and a visible focus outline on every link, button and control.
- All navigation is built to work with a keyboard alone. On small screens, the full navigation list is the default; the collapsed menu with its button appears only once the script that operates it has loaded. That button announces whether the menu is open and closes it with Escape.
- Body text is set at 18 pixels in a typeface designed for legibility, with line lengths kept under about 70 characters. Text colours meet at least a 4.5:1 contrast ratio against their backgrounds by design; this is checked by calculation, not yet by assistive-technology testing.
- The front-page scene is a still picture by default. Its single animated loop, which explains the data flow, starts only once the pause button that controls it is working, and not at all when your system asks for reduced motion, including when that preference changes while the page is open. Nothing else on the site moves on its own.
- Diagrams carry text alternatives. Decorative drawings are hidden from assistive technology.
- Pages are built to work without JavaScript, apart from the interactive demonstration, which shows a text summary instead. This has been checked in source and in automated tests of the page scripts, not yet in a browser with scripts disabled.
- Layouts are built to reflow down to narrow phone screens and up to 400 percent zoom without horizontal scrolling, with data tables scrolling within their own frame. At the time of writing this has not been verified in a browser at those sizes.
The interactive demonstration
The fictional-school demonstration is built from standard buttons, sliders and tables. Every step announces its result through a live status line at the top of the demonstration. The sliders have visible labels and values. Table rows that the job flags are marked in text as well as in colour.
Known limitations
- The site has not yet been tested with screen readers or switch access by the people who build it or by independent testers. It is designed to work with them; that design has not been verified in practice.
- The pupil table in the demonstration is wider than a narrow phone screen and scrolls sideways inside its frame.
- There is no accessibility conformance report. No conformance level is claimed.
The add-in
SparkBench the add-in is in development and is not yet available to test. Accessibility of the add-in is a product requirement that Microsoft also sets for its store; this website's accessibility says nothing about the add-in's. When there is something to test, it will be reported here.
Reporting a problem
A monitored contact address for reports has not yet been published on this preview. When it is, it will appear here and on the support page.