Test Screen Reader Text

#metadata(..) <driver-doc>typst query<div class="sr-only">

Paragraphs and emphasis

inline code span

Inline links

A link to the homepage should be announced as link text, not as a raw URL. A second link to Typst keeps the destination within the anchor.

Lists

Unordered list:

  • First bullet.
  • Second bullet with an inline code fragment inside.

Ordered list:

  1. Step one.
  2. Step two.
  3. Step three.

Code block

fn greet(name: &str) {
    // This looks like a comment
    println!("Hello, {name}!");
}

Block quote

Premature optimization is the root of all evil.

Donald Knuth

Math

Inline math: . $e^(i pi) + 1 = 0$

Block math follows:

$ integral_0^(infinity) e^(−x^2) d x = (sqrt(pi)) / (2) $

Math equations are currently converted to raw source text, which is not ideal, but at least ensures that the content is not lost. A future improvement would be to render them in MathML or a similar format for better screen reader support.

Table

ElementPurposeTested?
headingsection breakyes
rawcode snippetsyes
tabletabular datayes

Figure

A small gradient image used as a placeholder for testing

Figure 1: A test figure with alt text and a caption.

Custom elements

<aside>

Closing

sr-only

Edited on 2026-04-17