Papers

Displaying paper-related content is arXiv's richest, most complex, and highest stakes design challenge. This page gathers together guidelines that help us display papers and paper-related content consistently and accessibly. It is applicable to HTML papers pages, search results, displaying version information, and more.

Contents

The metadata hierarchy

This order is based on what we hear from arXiv readers. They focus in on certain information first and want it easy to find, while other content is lower in their reading order. Look for guidance on visual display? This table is purely about hierarchy and content flow. You will find design and display notes elsewhere on this page and in mockups, .

OrderDetailShown as
1TitleA link to the paper's abstract page.
2DatesSubmitted and Announced.
3FormatsPDF, HTML and TeX Source, on the same line as the dates.
4AuthorsEach a link to a search for that author.
5AbstractAn excerpt, with Show more for the rest.
6MetadataComments, journal reference, DOI, other formats (when a paper has it), and the arXiv ID.
7CategoriesThe subject categories, primary first.

A paper in a list

Search results and listings use the metadata hierarchy. We rely on proximity to define rows instead of relying on visual blocks or dividers. Information is close together within each result and with a comfortable gap between result rows.

  1. LUMA: A CNN for Strong Gravitational Lens Searches in Astronomical Imaging

    PDF of 2609.36857 HTML of 2609.36857 TeX Source of 2609.36857 Submitted  UTC , Announced

    Giovanni Vincenzo Donatiello, Achille A. Nucita, Francesco De Paolis, Antonio Franco, Francesco Strafella

    We present LUMA, a convolutional neural network (CNN) pipeline for the automated detection of strong gravitational lenses in simulated astronomical imaging. The method combines a physically motivated preprocessing stage, which enhances faint arc and ring features, with a compact three-block CNN trained using class reweighting and modern learning-rate schedul…

    Comments
    Accepted for publication in Astronomy and Computing, 2027, Corresponding Author: G.V. Donatiello (see associated pdf for useful e-mail addresses). 14 Pages, 8 Figures, 3 Tables
    arXiv ID
    2609.36857

  2. SN Helios: A Multiply Imaged Type II Supernova Opening Time-Delay Cosmography beyond redshift of 3

    PDF of 2609.30440 HTML of 2609.30440 TeX Source of 2609.30440 Submitted  UTC , Announced

    Seiji Fujimoto, Conor Larison, Justin D. R. Pierel, Lukas J. Furtak, Masamune Oguri, Adi Zitrin, Jose M. Diego, Keren Sharon

    We report the discovery and spectroscopic confirmation of SN Helios, a strongly lensed, multiply imaged Type II supernova (SN) at behind the galaxy cluster RXC J0018.5+1626. The transient was identified as a red F150W-dropout source (F277W = 26.1 mag) in JWST/NIRCam imaging taken on 2026 July 3 for the VENUS survey, with no counterpart in 2024 Decem…

    Comments
    14 pages, 9 figures, 5 tables. Comments welcome!
    arXiv ID
    2609.30440
Relevant code 
<ol class="ds-paper-list">
  <li class="ds-paper">
    <h3><a href="#">LUMA: A CNN for Strong Gravitational Lens Searches in Astronomical Imaging</a></h3>
    <p class="ds-paper-when"><span class="ds-link-list"><a href="#">PDF<span class="is-sr-only"> of 2609.36857</span></a> <a href="#">HTML<span class="is-sr-only"> of 2609.36857</span></a> <a href="#">TeX Source<span class="is-sr-only"> of 2609.36857</span></a></span>
      <span class="ds-date-row">Submitted <time datetime="2026-09-29">29&nbsp;Sep&nbsp;2026</time>&nbsp;UTC <span aria-hidden="true">·</span><span class="is-sr-only">,</span> Announced <time datetime="2026-09">Sep&nbsp;2026</time></span></p>
    <p class="ds-link-list"><a href="#">Giovanni Vincenzo Donatiello</a>, <a href="#">Achille A. Nucita</a>, <a href="#">Francesco De Paolis</a>, <a href="#">Antonio Franco</a>, <a href="#">Francesco Strafella</a></p>
    <p>We present LUMA, a convolutional neural network (CNN) pipeline for the automated detection of strong gravitational <mark>lenses</mark> in simulated astronomical imaging. The method combines a physically motivated preprocessing stage, which enhances faint arc and ring features, with a compact three-block CNN trained using class reweighting and modern learning-rate schedul… <button type="button" class="ds-show-more" aria-expanded="false">show more</button></p>
    <dl class="ds-data-list">
      <div><dt>Comments</dt><dd>Accepted for publication in Astronomy and Computing, 2027, Corresponding Author: G.V. Donatiello (see associated pdf for useful e-mail addresses). 14 Pages, 8 Figures, 3 Tables</dd></div>
      <div><dt>DOI</dt><dd><a href="https://doi.org/10.1016/j.ascom.2026.101198">10.1016/j.ascom.2026.101198</a></dd></div>
      <div><dt>arXiv ID</dt><dd><a href="#">2609.36857</a></dd></div>
    </dl>
    <ul class="ds-tag-list" aria-label="Subject categories, primary first">
      <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.IM/recent" class="ds-tag ds-tag--keep-case ds-tag--info" aria-describedby="cat-1-0">astro-ph.IM</a><span class="ds-tooltip" id="cat-1-0" role="tooltip"><span class="ds-tooltip-body">Instrumentation and Methods for Astrophysics (primary)</span></span></span></li>
      <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.GA/recent" class="ds-tag ds-tag--keep-case" aria-describedby="cat-1-1">astro-ph.GA</a><span class="ds-tooltip" id="cat-1-1" role="tooltip"><span class="ds-tooltip-body">Astrophysics of Galaxies</span></span></span></li>
    </ul>
  </li>
  <li class="ds-paper">
    <h3><a href="#">SN Helios: A Multiply Imaged Type II Supernova Opening Time-Delay Cosmography beyond redshift of 3</a></h3>
    <p class="ds-paper-when"><span class="ds-link-list"><a href="#">PDF<span class="is-sr-only"> of 2609.30440</span></a> <a href="#">HTML<span class="is-sr-only"> of 2609.30440</span></a> <a href="#">TeX Source<span class="is-sr-only"> of 2609.30440</span></a></span>
      <span class="ds-date-row">Submitted <time datetime="2026-09-24">24&nbsp;Sep&nbsp;2026</time>&nbsp;UTC <span aria-hidden="true">·</span><span class="is-sr-only">,</span> Announced <time datetime="2026-09">Sep&nbsp;2026</time></span></p>
    <p class="ds-link-list"><a href="#">Seiji Fujimoto</a>, <a href="#">Conor Larison</a>, <a href="#">Justin D. R. Pierel</a>, <a href="#">Lukas J. Furtak</a>, <a href="#">Masamune Oguri</a>, <a href="#">Adi Zitrin</a>, <a href="#">Jose M. Diego</a>, <a href="#">Keren Sharon</a> <button type="button" class="ds-show-more ds-show-more--among-links" aria-expanded="false">show all 67 authors</button></p>
    <p>We report the discovery and spectroscopic confirmation of SN Helios, a strongly <mark>lensed</mark>, multiply imaged Type II supernova (SN) at behind the galaxy cluster RXC J0018.5+1626. The transient was identified as a red F150W-dropout source (F277W = 26.1 mag) in JWST/NIRCam imaging taken on 2026 July 3 for the VENUS survey, with no counterpart in 2024 Decem… <button type="button" class="ds-show-more" aria-expanded="false">show more</button></p>
    <dl class="ds-data-list">
      <div><dt>Comments</dt><dd>14 pages, 9 figures, 5 tables. Comments welcome!</dd></div>
      <div><dt>arXiv ID</dt><dd><a href="#">2609.30440</a></dd></div>
    </dl>
    <ul class="ds-tag-list" aria-label="Subject categories, primary first">
      <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.GA/recent" class="ds-tag ds-tag--keep-case ds-tag--info" aria-describedby="cat-2-0">astro-ph.GA</a><span class="ds-tooltip" id="cat-2-0" role="tooltip"><span class="ds-tooltip-body">Astrophysics of Galaxies (primary)</span></span></span></li>
      <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.CO/recent" class="ds-tag ds-tag--keep-case" aria-describedby="cat-2-1">astro-ph.CO</a><span class="ds-tooltip" id="cat-2-1" role="tooltip"><span class="ds-tooltip-body">Cosmology and Nongalactic Astrophysics</span></span></span></li>
      <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.HE/recent" class="ds-tag ds-tag--keep-case" aria-describedby="cat-2-2">astro-ph.HE</a><span class="ds-tooltip" id="cat-2-2" role="tooltip"><span class="ds-tooltip-body">High Energy Astrophysical Phenomena</span></span></span></li>
    </ul>
  </li>
</ol>
.ds-paper-list
An <ol> of papers. Papers are separated by space, four times the space inside one, with no lines or boxes.
.ds-paper
One paper, an <li>. Its first child is the title: a heading one level below the list's own heading, linked to the abstract page.
.ds-paper-when
The format links (a .ds-link-list) and the dates (.ds-date-row) on one line. The links come first in the markup, so a screen reader reaches them straight after the title; the dates are shown first. On a narrow screen the links wrap below the dates.
p.ds-link-list
The authors. After eight names, Show more for the rest.
<p>
The abstract excerpt and its Show more. See Show more.
.ds-data-list
Comments, journal reference, DOI and the arXiv ID, in that order, each label beside its value. A paper shows only the rows it has. See Data list.
.ds-tag-list
The category tags, primary first. See Displaying categories. It sits close under the metadata.

Displaying paper versions

Every paper shows its dates, and its versions once there is more than one. What is shown depends on how many versions there are and which one the reader is viewing.

One version

The most common case because most papers have a single version. We show the submitted and announced dates and nothing else.

Submitted  UTC , Announced  UTC

Relevant code 
<p class="ds-date-row">
  Submitted <time datetime="2026-01-10">10&nbsp;Jan&nbsp;2026</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Announced <time datetime="2026-01-11T01:32Z">11&nbsp;Jan&nbsp;2026,&nbsp;01:32</time>&nbsp;UTC
</p>
.ds-date-row
The row. One <p> that holds the dates and, after them, the version links. Small type in the muted colour, with tabular figures so the digits line up.
<time datetime>
Every date. Announced is a full instant (2026-01-11T01:32Z); Submitted and Revised are date-only (2026-01-10). In the visible text, bind the day, month, year and clock time to each other with &nbsp;, and bind UTC to its date the same way, outside the element.
.is-sr-only
The separator. The visible "·" is aria-hidden, and the sr-only comma beside it is what a screen reader gets between one date and the next.

A few versions

Once a paper has more than one version, the date row displays three dates: Submitted and Announced are always the v1 dates; Revised … (this version) is the date of the version you are reading. Prior versions follow as text links. The current version is displayed in bold, is not a link, and includes the aria-current tag.

In the example below, we are viewing the latest version.

Viewing v3 of 3 (latest)

Submitted  UTC , Announced  UTC , Revised  UTC (this version) v1 v2 v3, this version

Relevant code 
<p class="ds-date-row">
  Submitted <time datetime="2026-01-10">10&nbsp;Jan&nbsp;2026</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Announced <time datetime="2026-01-11T01:32Z">11&nbsp;Jan&nbsp;2026,&nbsp;01:32</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Revised <time datetime="2026-04-24">24&nbsp;Apr&nbsp;2026</time>&nbsp;UTC (this version)
  <a class="ds-version" href="#v1" aria-label="View version 1">v1</a>
  <a class="ds-version" href="#v2" aria-label="View version 2">v2</a>
  <strong class="ds-version" aria-current="true">v3<span class="is-sr-only">, this version</span></strong>
</p>
.ds-version
One version number in the row, in the mono face. A prior version is an <a> with an href, and takes the page's link colour and underline. The version being viewed is a <strong>, not a link.
aria-current="true"
On the version being viewed. Goes with the bold, so the current version is marked twice and never by colour alone. The .is-sr-only span inside it says ", this version", because the attribute alone is not announced by every screen reader.
aria-label="View version 1"
On every prior-version link: "View version 1". The visible "v1" on its own does not say what the link does.

Viewing an older version

When the reader is on anything but the latest version, a few things change.

Viewing v1, latest is v3

Submitted  UTC (this version) , Announced  UTC v1, this version v2 v3

Relevant code 
<p class="ds-date-row">
  Submitted <time datetime="2026-01-10">10&nbsp;Jan&nbsp;2026</time>&nbsp;UTC (this version)
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Announced <time datetime="2026-01-11T01:32Z">11&nbsp;Jan&nbsp;2026,&nbsp;01:32</time>&nbsp;UTC
  <strong class="ds-version" aria-current="true">v1<span class="is-sr-only">, this version</span></strong>
  <a class="ds-version" href="#v2" aria-label="View version 2">v2</a>
  <a class="ds-version" href="#v3" aria-label="View version 3">v3</a>
</p>
<div class="ds-alert ds-alert--warning" role="alert">
  <svg class="ds-alert-icon" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/>
    <path d="M12 9v4"/>
    <path d="M12 17h.01"/>
  </svg>
  <div class="ds-alert-content">
    <p><strong>You are viewing version 1.</strong> A newer version is available — <a href="#v3">version 3, revised 24&nbsp;Apr&nbsp;2026</a>.</p>
  </div>
</div>
.ds-alert.ds-alert--warning
The older-version warning, documented on Alerts: the warning state, the triangle icon copied whole, and role="alert". Render it only when the version being viewed is not the latest. One sentence that names the version being viewed, then a link straight to the latest one.
aria-current="true"
On v1 here, since v1 is the version being viewed. "(this version)" moves to the Submitted date for the same reason.

Many versions

Once a paper has ten or more versions we make some additional changes.

Viewing v12 of 12 (latest), collapsed

Submitted  UTC , Announced  UTC , Revised  UTC (this version) v1 v2 v3 versions 4 through 9 hidden, v10 v11 v12, this version

Relevant code 
<p class="ds-date-row">
  Submitted <time datetime="2026-01-10">10&nbsp;Jan&nbsp;2026</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Announced <time datetime="2026-01-11T01:32Z">11&nbsp;Jan&nbsp;2026,&nbsp;01:32</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Revised <time datetime="2026-06-30">30&nbsp;Jun&nbsp;2026</time>&nbsp;UTC (this version)
  <a class="ds-version" href="#v1" aria-label="View version 1">v1</a>
  <a class="ds-version" href="#v2" aria-label="View version 2">v2</a>
  <a class="ds-version" href="#v3" aria-label="View version 3">v3</a>
  <span id="v12-elide"><span aria-hidden="true">…</span><span class="is-sr-only">versions 4 through 9 hidden,</span></span>
  <span id="v12-tail" hidden>
    <a class="ds-version" href="#v4" aria-label="View version 4">v4</a>
    <a class="ds-version" href="#v5" aria-label="View version 5">v5</a>
    <a class="ds-version" href="#v6" aria-label="View version 6">v6</a>
    <a class="ds-version" href="#v7" aria-label="View version 7">v7</a>
    <a class="ds-version" href="#v8" aria-label="View version 8">v8</a>
    <a class="ds-version" href="#v9" aria-label="View version 9">v9</a>
  </span>
  <a class="ds-version" href="#v10" aria-label="View version 10">v10</a>
  <a class="ds-version" href="#v11" aria-label="View version 11">v11</a>
  <strong class="ds-version" aria-current="true">v12<span class="is-sr-only">, this version</span></strong>
  <button type="button" class="ds-show-more ds-show-more--among-links" aria-expanded="false" aria-controls="v12-elide v12-tail">show all 12 versions</button>
</p>
.ds-show-more
The control that expands the list, documented on Progressive disclosure. Requires aria-expanded, flipped on every press, and aria-controls naming every region it shows or hides. The label includes the total: "show all 12 versions", and "show fewer" once open.
[hidden]
On the span that holds the elided versions. The attribute, not a class: the hidden links are out of the tab order while they are off screen. The full list is in the HTML the server sends; a script adds hidden and the button, so with no JavaScript the reader gets every version.
aria-hidden="true"
On the ellipsis, which is decoration. The .is-sr-only span beside it says which versions are hidden. Both sit in one span that the button hides when the list opens.

Viewing v7 of 12

Submitted  UTC , Announced  UTC , Revised  UTC (this version) v1 v2 v3 versions 4 through 6 hidden, v7, this version versions 8 through 9 hidden, v10 v11 v12

Relevant code 
<p class="ds-date-row">
  Submitted <time datetime="2026-01-10">10&nbsp;Jan&nbsp;2026</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Announced <time datetime="2026-01-11T01:32Z">11&nbsp;Jan&nbsp;2026,&nbsp;01:32</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Revised <time datetime="2026-03-12">12&nbsp;Mar&nbsp;2026</time>&nbsp;UTC (this version)
  <a class="ds-version" href="#v1" aria-label="View version 1">v1</a>
  <a class="ds-version" href="#v2" aria-label="View version 2">v2</a>
  <a class="ds-version" href="#v3" aria-label="View version 3">v3</a>
  <span id="v7-elide-a"><span aria-hidden="true">…</span><span class="is-sr-only">versions 4 through 6 hidden,</span></span>
  <span id="v7-tail-a" hidden>
    <a class="ds-version" href="#v4" aria-label="View version 4">v4</a>
    <a class="ds-version" href="#v5" aria-label="View version 5">v5</a>
    <a class="ds-version" href="#v6" aria-label="View version 6">v6</a>
  </span>
  <strong class="ds-version" aria-current="true">v7<span class="is-sr-only">, this version</span></strong>
  <span id="v7-elide-b"><span aria-hidden="true">…</span><span class="is-sr-only">versions 8 through 9 hidden,</span></span>
  <span id="v7-tail-b" hidden>
    <a class="ds-version" href="#v8" aria-label="View version 8">v8</a>
    <a class="ds-version" href="#v9" aria-label="View version 9">v9</a>
  </span>
  <a class="ds-version" href="#v10" aria-label="View version 10">v10</a>
  <a class="ds-version" href="#v11" aria-label="View version 11">v11</a>
  <a class="ds-version" href="#v12" aria-label="View version 12">v12</a>
  <button type="button" class="ds-show-more ds-show-more--among-links" aria-expanded="false" aria-controls="v7-elide-a v7-tail-a v7-elide-b v7-tail-b">show all 12 versions</button>
</p>
<div class="ds-alert ds-alert--warning" role="alert">
  <svg class="ds-alert-icon" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/>
    <path d="M12 9v4"/>
    <path d="M12 17h.01"/>
  </svg>
  <div class="ds-alert-content">
    <p><strong>You are viewing version 7.</strong> A newer version is available — <a href="#v12">version 12, revised 30&nbsp;Jun&nbsp;2026</a>.</p>
  </div>
</div>
aria-controls="v7-elide-a v7-tail-a v7-elide-b v7-tail-b"
When the viewed version falls inside the elision there are two ellipses and two hidden spans. List all four ids, separated by spaces, so one press opens the whole list.

Expanded, show all 24 versions

Submitted  UTC , Announced  UTC , Revised  UTC (this version) v1 v2 v3 v4 v5 v6 v7 v8 v9 v10 v11 v12 v13 v14 v15 v16 v17 v18 v19 v20 v21 v22 v23 v24, this version

Relevant code 
<p class="ds-date-row">
  Submitted <time datetime="2026-01-10">10&nbsp;Jan&nbsp;2026</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Announced <time datetime="2026-01-11T01:32Z">11&nbsp;Jan&nbsp;2026,&nbsp;01:32</time>&nbsp;UTC
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Revised <time datetime="2026-06-30">30&nbsp;Jun&nbsp;2026</time>&nbsp;UTC (this version)
  <a class="ds-version" href="#v1" aria-label="View version 1">v1</a>
  <a class="ds-version" href="#v2" aria-label="View version 2">v2</a>
  <a class="ds-version" href="#v3" aria-label="View version 3">v3</a>
  <span id="v24-elide" hidden><span aria-hidden="true">…</span><span class="is-sr-only">versions 4 through 21 hidden,</span></span>
  <span id="v24-tail">
    <a class="ds-version" href="#v4" aria-label="View version 4">v4</a>
    <a class="ds-version" href="#v5" aria-label="View version 5">v5</a>
    <a class="ds-version" href="#v6" aria-label="View version 6">v6</a>
    <a class="ds-version" href="#v7" aria-label="View version 7">v7</a>
    <a class="ds-version" href="#v8" aria-label="View version 8">v8</a>
    <a class="ds-version" href="#v9" aria-label="View version 9">v9</a>
    <a class="ds-version" href="#v10" aria-label="View version 10">v10</a>
    <a class="ds-version" href="#v11" aria-label="View version 11">v11</a>
    <a class="ds-version" href="#v12" aria-label="View version 12">v12</a>
    <a class="ds-version" href="#v13" aria-label="View version 13">v13</a>
    <a class="ds-version" href="#v14" aria-label="View version 14">v14</a>
    <a class="ds-version" href="#v15" aria-label="View version 15">v15</a>
    <a class="ds-version" href="#v16" aria-label="View version 16">v16</a>
    <a class="ds-version" href="#v17" aria-label="View version 17">v17</a>
    <a class="ds-version" href="#v18" aria-label="View version 18">v18</a>
    <a class="ds-version" href="#v19" aria-label="View version 19">v19</a>
    <a class="ds-version" href="#v20" aria-label="View version 20">v20</a>
    <a class="ds-version" href="#v21" aria-label="View version 21">v21</a>
  </span>
  <a class="ds-version" href="#v22" aria-label="View version 22">v22</a>
  <a class="ds-version" href="#v23" aria-label="View version 23">v23</a>
  <strong class="ds-version" aria-current="true">v24<span class="is-sr-only">, this version</span></strong>
  <button type="button" class="ds-show-more ds-show-more--among-links" aria-expanded="true" aria-controls="v24-elide v24-tail" data-closed-label="show all 24 versions">show fewer</button>
</p>
[hidden]
Absent. This is the row as the server sends it: every version in the list, no elision, no button. The row wraps like any other line of text.

Displaying categories

A paper's subject categories show as tags, primary first. Each code links to its listing, and its full name appears in a tooltip.

Relevant code 
<ul class="ds-tag-list" aria-label="Subject categories, primary first">
  <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.GA/recent" class="ds-tag ds-tag--keep-case ds-tag--info" aria-describedby="cat-demo-0">astro-ph.GA</a><span class="ds-tooltip" id="cat-demo-0" role="tooltip"><span class="ds-tooltip-body">Astrophysics of Galaxies (primary)</span></span></span></li>
  <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.CO/recent" class="ds-tag ds-tag--keep-case" aria-describedby="cat-demo-1">astro-ph.CO</a><span class="ds-tooltip" id="cat-demo-1" role="tooltip"><span class="ds-tooltip-body">Cosmology and Nongalactic Astrophysics</span></span></span></li>
  <li><span class="ds-tooltip-host"><a href="https://arxiv.org/list/astro-ph.HE/recent" class="ds-tag ds-tag--keep-case" aria-describedby="cat-demo-2">astro-ph.HE</a><span class="ds-tooltip" id="cat-demo-2" role="tooltip"><span class="ds-tooltip-body">High Energy Astrophysical Phenomena</span></span></span></li>
</ul>
a.ds-tag
Each category is a link to its listing of recent papers, with .ds-tag--keep-case so the code keeps its case. See Tags.
.ds-tag--info
On the primary category only. The others are the plain grey tag.
.ds-tooltip
The full name of the category, on hover and on focus, named by the link's aria-describedby. The primary one adds “(primary)”. Load tooltip.js once on the page. See Tooltip.

Displaying full papers

On a paper's own page the order is the identity line, the title, the dates and versions, a warning when an older version is open, the authors and the abstract. The version history and the paper's details sit in the sidebar.

The top of a paper, viewing an older version

archive paper, I D 2 6 0 4 dot 2 2 7 2 5, version 1 [gr-qc] General Relativity and Quantum Cosmology doi:10.48550/arXiv.2604.22725 License: CC BY 4.0

Gauge-independent approach to inflation in quadratic gravity

Submitted  UTC (this version) , Announced  UTC v1, this version v2 v3

Adrian Palomares, Ilya L. Shapiro, Maria C. Gonzalez-Garcia, Tomohiro Harada, Elena Castellani, Kei-ichi Maeda, Francesca Vidotto, Abhay Ashtekar

We investigate the scalar sector of linear cosmological perturbations in quadratic gravity. Working in the Einstein frame, we derive the equations of motion in a gauge-independent manner and express them in terms of three sets of gauge-invariant variables. This approach allows us to distinguish genuine physical effects from gauge artefacts, which is particularly relevant for assessing the stability of perturbations in this theory. In the superhorizon limit, we obtain the leading-order behaviour of the relevant gauge-invariant variables and analyse the perturbations in several commonly used gauges. We find that the Newtonian gauge exhibits an apparent instability, characterised by the exponential growth of the metric perturbations. However, this growth is non-generic and gauge-dependent; in the other gauges analysed in this work, the perturbations remain well behaved within the perturbative regime. Physical observables can thus be consistently computed, and the apparent instability is identified as a gauge artefact rather than a pathology of the theory. Our analysis also demonstrates how the evolution behaviour of a gauge-invariant variable changes under the frame transformation and clarifies the relation between results obtained in the Jordan and Einstein frames.

Relevant code 
<p class="ds-paper-identity">
  <span><span class="ds-version" aria-hidden="true">arXiv:2604.22725v1</span><span class="is-sr-only">archive paper, I D 2 6 0 4 dot 2 2 7 2 5, version 1</span></span>
  <span>[gr-qc] General Relativity and Quantum Cosmology</span>
  <a href="https://doi.org/10.48550/arXiv.2604.22725">doi:10.48550/arXiv.2604.22725</a>
  <a href="https://creativecommons.org/licenses/by/4.0/">License: CC BY 4.0</a>
</p>
<h1>Gauge-independent approach to inflation in quadratic gravity</h1>
<p class="ds-date-row">
  Submitted <time datetime="2026-04-24">24&nbsp;Apr&nbsp;2026</time>&nbsp;UTC (this version)
  <span aria-hidden="true"> · </span><span class="is-sr-only">, </span>
  Announced <time datetime="2026-04-25T02:07Z">25&nbsp;Apr&nbsp;2026,&nbsp;02:07</time>&nbsp;UTC
  <strong class="ds-version" aria-current="true">v1<span class="is-sr-only">, this version</span></strong>
  <a class="ds-version" href="https://arxiv.org/abs/2604.22725v2" aria-label="View version 2">v2</a>
  <a class="ds-version" href="https://arxiv.org/abs/2604.22725v3" aria-label="View version 3">v3</a>
</p>
<div class="ds-alert ds-alert--warning" role="alert">
  <svg class="ds-alert-icon" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
  <div class="ds-alert-content">
    <p><strong>You are viewing version 1.</strong> A newer version is available — <a href="https://arxiv.org/abs/2604.22725v3">version 3, revised 28&nbsp;Jun&nbsp;2026</a>.</p>
  </div>
</div>
<p class="ds-link-list"><a href="#">Adrian Palomares</a>, <a href="#">Ilya L. Shapiro</a>, <a href="#">Maria C. Gonzalez-Garcia</a>, <a href="#">Tomohiro Harada</a>, <a href="#">Elena Castellani</a>, <a href="#">Kei-ichi Maeda</a>, <a href="#">Francesca Vidotto</a>, <a href="#">Abhay Ashtekar</a> <button type="button" class="ds-show-more ds-show-more--among-links" aria-expanded="false">show all 22 authors</button></p>
<p>We investigate the scalar sector of linear cosmological perturbations in quadratic gravity. Working in the Einstein frame, we derive the equations of motion in a gauge-independent manner and express them in terms of three sets of gauge-invariant variables. This approach allows us to distinguish genuine physical effects from gauge artefacts, which is particularly relevant for assessing the stability of perturbations in this theory. In the superhorizon limit, we obtain the leading-order behaviour of the relevant gauge-invariant variables and analyse the perturbations in several commonly used gauges. We find that the Newtonian gauge exhibits an apparent instability, characterised by the exponential growth of the metric perturbations. However, this growth is non-generic and gauge-dependent; in the other gauges analysed in this work, the perturbations remain well behaved within the perturbative regime. Physical observables can thus be consistently computed, and the apparent instability is identified as a gauge artefact rather than a pathology of the theory. Our analysis also demonstrates how the evolution behaviour of a gauge-invariant variable changes under the frame transformation and clarifies the relation between results obtained in the Jordan and Einstein frames.</p>
.ds-paper-identity
The identity line above the title: the identifier with its version, the primary category code with its full name, the arXiv DOI, and the licence as a link. The identifier is read out digit by digit from an .is-sr-only span; the visible one is hidden from screen readers.
<h1>
The paper title. The demo here uses a smaller heading because it sits inside this page.
.ds-date-row
The dates and the version links, as in Displaying paper versions. Each version link goes to that version's abstract page, never its HTML: an HTML version may not exist for every version.
.ds-alert--warning
Only when an older version is being viewed. See Displaying paper versions.
p.ds-link-list
The authors, with Show more after eight.
<p>
The abstract, in full.

The sidebar

The paper

The identity line, the title, the dates, the authors and the abstract, then the paper itself. The sidebar sits beside this column, separated from it by the page's section spacing, and moves below it when both no longer fit.

Relevant code 
<div>
<div>…the paper…</div>
<aside class="ds-sidebar ds-sidebar--framed" aria-label="About this paper">
  <section aria-labelledby="files-h">
    <h3 class="ds-panel-label" id="files-h">Files</h3>
    <ul class="ds-paper-files">
      <li><a class="ds-btn ds-btn-primary" href="https://arxiv.org/pdf/2604.22725v1" target="_blank" rel="noopener" aria-describedby="paper-title-demo"><svg aria-hidden="true">…</svg> Download PDF <small>· 1.2&nbsp;MB</small><span class="is-sr-only"> (opens in a new tab)</span></a></li>
      <li><a href="https://arxiv.org/src/2604.22725v1" aria-describedby="paper-title-demo">TeX Source</a> <small>.tar.gz · 286&nbsp;KB</small></li>
      <li><a href="https://arxiv.org/format/2604.22725v1">Other formats</a></li>
      <li>Ancillary files <small>· 3.6&nbsp;MB</small> <a href="https://arxiv.org/src/2604.22725v1/anc">Download all<span class="is-sr-only"> 3 ancillary files</span></a></li>
    </ul>
  </section>
  <section aria-labelledby="cite-h" class="ds-paper-cite">
    <div class="ds-paper-cite-head">
      <h3 class="ds-panel-label" id="cite-h">Cite</h3>
      <div class="ds-filter ds-paper-cite-tools">
        <label class="is-sr-only" for="cite-format">Citation format</label>
        <select id="cite-format">
          <option value="bibtex" selected>BibTeX</option>
          <option value="apa">APA</option>
          <option value="chicago">Chicago</option>
          <option value="mla">MLA</option>
        </select>
      </div>
    </div>
    <div class="ds-paper-cite-block">
      <div class="ds-paper-cite-tools">
        <button type="button" class="ds-show-more" aria-expanded="false" aria-controls="cite-code">Show BibTeX</button>
        <button type="button" class="ds-btn ds-btn-text" id="cite-copy"><svg aria-hidden="true">…</svg>Copy<span class="is-sr-only"> citation</span></button>
      </div>
      <div id="cite-code">
        <figure data-format="bibtex">
          <figcaption>BibTeX</figcaption>
          <pre data-no-copy><code>…</code></pre>
        </figure>
        <figure data-format="apa">
          <figcaption>APA</figcaption>
          <pre data-no-copy><code>…</code></pre>
        </figure>
        <figure data-format="chicago">
          <figcaption>Chicago</figcaption>
          <pre data-no-copy><code>…</code></pre>
        </figure>
        <figure data-format="mla">
          <figcaption>MLA</figcaption>
          <pre data-no-copy><code>…</code></pre>
        </figure>
      </div>
    </div>
  </section>
  <section aria-labelledby="info-h">
    <h3 class="ds-panel-label" id="info-h">Paper information</h3>
    <details class="ds-acc">
      <summary>Version history</summary>
      <div class="ds-acc-body">
        <ol class="ds-paper-versions">
          <li>
            <p class="ds-date-row"><a class="ds-version" href="https://arxiv.org/abs/2604.22725v3" aria-label="View version 3">v3</a> · <time datetime="2026-06-28">28&nbsp;Jun&nbsp;2026</time>&nbsp;UTC · Latest</p>
            <p>18 pages, 6 figures. Updated discussion of scalar spectral index in Sec. 4. Added comparison with Planck 2018 data. Matches published version.</p>
          </li>
          <li>
            <p class="ds-date-row"><a class="ds-version" href="https://arxiv.org/abs/2604.22725v2" aria-label="View version 2">v2</a> · <time datetime="2026-05-19">19&nbsp;May&nbsp;2026</time>&nbsp;UTC</p>
            <p>17 pages, 6 figures. Corrected Eq. (4.7).</p>
          </li>
          <li aria-current="true">
            <p class="ds-date-row"><strong class="ds-version">v1</strong> · <time datetime="2026-04-24">24&nbsp;Apr&nbsp;2026</time>&nbsp;UTC · Viewing</p>
            <p>16 pages, 5 figures.</p>
          </li>
        </ol>
      </div>
    </details>
    <details class="ds-acc">
      <summary>Accessibility</summary>
      <div class="ds-acc-body">
        <ul class="ds-paper-capabilities">
          <li><svg aria-hidden="true">…</svg> HTML, PDF and TeX Source</li>
          <li><svg aria-hidden="true">…</svg> Structured math</li>
        </ul>
      </div>
    </details>
    <details class="ds-acc">
      <summary>Metadata</summary>
      <div class="ds-acc-body">
        <dl>
          <dt>Subjects</dt><dd>General Relativity and Quantum Cosmology (<a href="https://arxiv.org/list/gr-qc/recent">gr-qc</a>); Cosmology and Nongalactic Astrophysics (<a href="https://arxiv.org/list/astro-ph.CO/recent">astro-ph.CO</a>); High Energy Physics — Theory (<a href="https://arxiv.org/list/hep-th/recent">hep-th</a>)</dd>
          <dt>arXiv DOI</dt><dd><a href="https://doi.org/10.48550/arXiv.2604.22725">10.48550/arXiv.2604.22725</a></dd>
          <dt>License</dt><dd><a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></dd>
          <dt>Journal</dt><dd><a href="#">Journal of Cosmology and Astroparticle Physics, 2026(05), 012</a></dd>
          <dt>Comments</dt><dd>v3: 18 pages, 6 figures. Updated discussion of scalar spectral index in Sec. 4. Added comparison with Planck 2018 data. Matches published version.</dd>
        </dl>
      </div>
    </details>
  </section>
</aside>
</div>
.ds-sidebar
The column beside the paper: Files, Cite and Paper information, in that order. See Sidebar. It grows with its content; it never scrolls inside itself.
.ds-sidebar--framed
A border round the sidebar and a rule between its blocks. Beside a long paper, the frame keeps the controls together.
.ds-paper-files
The downloads. PDF is the primary button and fills the sidebar's width; TeX Source, Other formats (when a paper has them) and Ancillary files are text links under it. Each shows its size; TeX Source also shows its file type. Up to two ancillary files are listed by name; with three or more, one line gives the total size and Download all, at the end of the line; the hidden text on the link gives the count.
aria-describedby
On each download, pointing to the paper title, so a screen reader names the paper with the link.
.ds-paper-cite
The citation. .ds-paper-cite-head holds the Cite label and a .ds-filter to choose the format. .ds-paper-cite-block is a light box with a .ds-show-more that shows or hides the citation (“Show BibTeX”) and a Copy button that works while it is hidden. Every format is in the page, one <figure> each; without JavaScript all four are shown with their names, and the select and buttons are hidden.
.ds-paper-capabilities
The accessibility panel: one line per capability the paper has, each a shield-check icon from docs/icons/ and words. Only what is present is listed, and there is no score.
.ds-acc
Version history, Accessibility and Metadata are accordions, closed by default, grouped under the Paper information label.

The TOC bar on a paper

On a paper, the TOC bar also has the arXiv logo on the left and links to the paper's abstract page, PDF and TeX source on the right.

Contents
Relevant code 
<div class="ds-full ds-toc-bar">
  <div class="ds-toc-bar-inner">
    <a class="ds-paper-bar-logo" href="https://arxiv.org/" aria-label="archive home"><svg aria-hidden="true">…</svg></a>
    <details class="ds-toc">
      <summary class="ds-toc-trigger">
        <svg aria-hidden="true">…</svg>
        <span class="ds-toc-text"><span class="ds-toc-prefix">Contents</span></span>
        <svg class="ds-toc-chevron" aria-hidden="true">…</svg>
      </summary>
      <nav class="ds-toc-menu" aria-label="Contents">
        <ol>
          <li><a href="#"><span class="ds-toc-num">1</span>Introduction</a></li>
          <li><a href="#"><span class="ds-toc-num">2</span>Setup</a></li>
          <li><a href="#"><span class="ds-toc-num">3</span>Evolution of gauge-invariant variables</a></li>
          <li><a href="#"><span class="ds-toc-num">4</span>Analysis of gauges</a></li>
          <li><a href="#"><span class="ds-toc-num">5</span>Conclusion</a></li>
          <li><a href="#">Acknowledgments</a></li>
          <li><a href="#"><span class="ds-toc-num">A</span>Evolution equations</a></li>
          <li><a href="#">References</a></li>
        </ol>
      </nav>
    </details>
    <nav class="ds-paper-tools" aria-label="Other formats">
      <a href="https://arxiv.org/abs/2604.22725v1"><svg aria-hidden="true">…</svg>Abstract</a>
      <a href="https://arxiv.org/pdf/2604.22725v1" target="_blank" rel="noopener"><svg aria-hidden="true">…</svg>PDF<span class="is-sr-only"> (opens in a new tab)</span></a>
      <a href="https://arxiv.org/src/2604.22725v1"><svg aria-hidden="true">…</svg><span class="is-sr-only">TeX </span>Source</a>
    </nav>
  </div>
</div>
.ds-toc-bar
The bar, as on Progressive disclosure. On a paper it is .ds-full, the full width of the page.
.ds-paper-bar-logo
The one-colour Library Grey logo, inlined from docs/assets/images/logos/logo_arxiv-library-grey.svg with fill="currentColor", so it follows the theme. It links to the arXiv home page, and its name is “archive home”.
.ds-toc-menu
The paper's own headings, numbers in .ds-toc-num, written into the HTML from LaTeXML's contents list.
.ds-paper-tools
Abstract, PDF and Source, each an icon and its name, in a <nav> named “Other formats”. The TeX glyph says TeX, so the visible name is “Source”; an .is-sr-only “TeX” makes the spoken name “TeX Source”. The icons are arrow-left, file-text and tex from docs/icons/.

Each section heading in a paper has a Permalink control that copies the link to that section, including the version.

2 Setup

We consider quadratic gravity in four dimensions and work in the Einstein frame throughout.

Relevant code 
<h3 id="S2"><span class="ltx_tag">2 </span>Setup<button type="button" class="ds-permalink"><svg aria-hidden="true">…</svg>Permalink<span class="is-sr-only"> to section 2, Setup</span></button></h3>
<p>We consider quadratic gravity in four dimensions and work in the Einstein frame throughout.</p>
<span class="is-sr-only" role="status"></span>
.ds-permalink
The Permalink control from Linking to a section, the same as on every other page. The demo holds it open.
.is-sr-only
Completes the name: “Permalink to section 2, Setup”. The name starts with the visible word.
[role="status"]
One region on the page. The script writes “Link to section 2, Setup copied” into it, as anchors.js does.
.is-active
Set on the heading by a tap, on screens without hover.

Equations, figures and references

A display equation, a figure and a bibliography entry each have a small row of actions on their bottom edge. The row shows on hover, on keyboard focus and after a tap.

R2=RμνRμν−13R2
Alt text

Alt text
Line chart of the power spectrum against scale. The solid blue line rises steeply; the dashed red line rises gently.

Line chart of the power spectrum against scale. The solid blue line rises steeply; the dashed red line rises gently.
Figure 1: The scalar power spectrum in the Newtonian gauge (solid) and the comoving gauge (dashed).

[30] A. Ashtekar and M. Bojowald. Quantum geometry and the Schwarzschild singularity. Class. Quantum Grav. 23 (2006) 391.

Relevant code 
<div class="ds-paper-element">
  <!-- LaTeXML's MathML, unchanged -->
  <div class="ds-element-pill" role="toolbar" aria-label="Equation 2.14">
    <button type="button" aria-pressed="false"><svg aria-hidden="true">…</svg>View TeX<span class="is-sr-only"> of equation 2.14</span></button>
    <button type="button"><svg aria-hidden="true">…</svg>Copy<span class="is-sr-only"> equation 2.14</span></button>
    <button type="button"><svg aria-hidden="true">…</svg>Permalink<span class="is-sr-only"> to equation 2.14</span></button>
  </div>
</div>
<figure class="ds-paper-element">
  <details class="ds-marginalia">
    <summary><svg aria-hidden="true">…</svg><span class="is-sr-only">Alt text</span></summary>
    <p class="ds-marginalia-body ds-annotation"><strong>Alt text</strong><br>Line chart of the power spectrum against scale. The solid blue line rises steeply; the dashed red line rises gently.</p>
  </details>
  <img src="fig1.png" alt="Line chart of the power spectrum against scale. The solid blue line rises steeply; the dashed red line rises gently." width="400" height="200">
  <figcaption>Figure 1: The scalar power spectrum in the Newtonian gauge (solid) and the comoving gauge (dashed).</figcaption>
  <div class="ds-element-pill" role="toolbar" aria-label="Figure 1">
    <button type="button" class="is-cta"><svg aria-hidden="true">…</svg>Expand<span class="is-sr-only"> figure 1</span></button>
    <button type="button"><svg aria-hidden="true">…</svg>Permalink<span class="is-sr-only"> to figure 1</span></button>
  </div>
</figure>
<div class="ds-paper-element">
  <p>[30] A. Ashtekar and M. Bojowald. Quantum geometry and the Schwarzschild singularity. <em>Class. Quantum Grav.</em> 23 (2006) 391.</p>
  <div class="ds-element-pill" role="toolbar" aria-label="Reference 30">
    <button type="button"><svg aria-hidden="true">…</svg>Permalink<span class="is-sr-only"> to reference 30</span></button>
  </div>
</div>
<span class="is-sr-only" role="status"></span>
.ds-paper-element
The wrapper round one equation, figure or entry. Hovering it, focusing anything inside it, or tapping it shows a hairline border and the pill. The demo holds all three open.
.ds-element-pill
The actions, as on Buttons: one tab stop per element, with the arrow keys moving between its actions. Focusing an action shows the pill.
.is-sr-only
Each action's name says which element it acts on: “Permalink to equation 2.14”, not “Permalink” a hundred times.
aria-pressed
On View TeX, which switches the equation to its TeX and back. Its label becomes “View math”.
.ds-marginalia
The figure's alt text, under the label “Alt text”, in the margin at wide widths and folded to its info mark when narrower. See Marginalia.
.is-cta
Expand, the one main action on a figure. It opens the figure viewer.
[role="status"]
One region on the page, where the script confirms a copy in words: “Link to equation 2.14 copied”.

Citations and footnotes

A citation or footnote marker opens a popover that repeats the reference or the note, with a way to the full entry and back.

2 references

[46] A. Salvio. Quadratic gravity. Front. Phys. 6 (2018) 77. Jump to reference 46

[47] K. S. Stelle. Renormalization of higher-derivative quantum gravity. Phys. Rev. D 16 (1977) 953. Jump to reference 47

Relevant code 
<div class="ds-popover" role="region" aria-label="2 references">
  <div class="ds-popover-title">2 references</div>
  <button type="button" class="ds-close"><svg aria-hidden="true">…</svg><span class="is-sr-only">Close references</span></button>
  <p>[46] A. Salvio. Quadratic gravity. <em>Front. Phys.</em> 6 (2018) 77. <a href="#">Jump to reference<span class="is-sr-only"> 46</span></a></p>
  <p>[47] K. S. Stelle. Renormalization of higher-derivative quantum gravity. <em>Phys. Rev. D</em> 16 (1977) 953. <a href="#">Jump to reference<span class="is-sr-only"> 47</span></a></p>
.ds-popover
One popover per citation cluster, as on Progressive disclosure. It opens on a click, Enter or a tap, never on hover or focus.
.ds-popover-title
“Reference 46” for one entry, “2 references” for more.
<p>
Each entry, copied whole from the bibliography, then its own Jump to reference link.
.ds-close
Closes the popover and returns focus to the number that was pressed.

Accessibility essentials

Rules

Metadata

  • Show the author's text as written. A title or abstract is never shortened, reworded or corrected; TeX shows as the author wrote it. An excerpt is cut, never edited.
  • References are shown as the author wrote them. Each field formats references in its own way, and arXiv has no reference format. A bibliography entry, a citation popover and a citation's accessible name all repeat the author's entry unchanged. This is separate from Cite, which gives the formats for citing the paper itself.
  • Leave out what a paper does not have. No empty labels and no placeholders.
  • Every date has its label. Readers confuse submitted and announced dates when either stands alone.
  • The primary category comes first and is told apart by more than colour: its tooltip names it as primary.

Full papers

  • The identity line comes first. Many readers arrive at a paper directly, without passing its abstract page.
  • An optional area above the identity line holds a temporary message or link, such as Back to abstract while readers move to HTML papers. It is .ds-btn-text for a link, or an alert for a message.
  • The licence is a link, with no explanation.
  • Version links go to abstract pages.
  • The dates and the older-version warning stay by the title. The full history goes in the sidebar.
  • Each version shows its own comments, as the author wrote them for that version.
  • Other formats, when a paper has them, are a link in the sidebar, under TeX Source and above Ancillary Files.
  • The sidebar order is Files, Cite, Paper information. Files and Cite are always open; Version history, Accessibility and Metadata, under Paper information, start closed.
  • Every download shows its size.
  • A citation names the arXiv identifier and the arXiv DOI, never the HTML page, even when the paper has a journal reference.
  • BibTeX lists every author. “and others” becomes “et al.” in a reference manager, and the other authors are lost.
  • APA, Chicago and MLA follow their own style rules for long author lists.
  • Every citation format is in the page. The script only chooses which one shows.
  • The accessibility panel lists only what the paper has. A missing capability has no line, and there is no overall score.

Paper body

  • The body markup is LaTeXML's, unchanged. arXiv styles it from outside with CSS and never rewrites, reorders or wraps the author's elements.
  • ar5iv's stylesheet is in a cascade layer, so an ordinary rule outranks it without !important. The arxiv-override layer is only for a property ar5iv itself marks !important.
  • Body text is set as on Typography. ar5iv sets weight 300, so set 400.
  • Body text is left-aligned, never justified. Inline math gives a justified line nowhere to break.
  • Body text is hyphenated with hyphens: auto. It needs the page's lang attribute, which tells the browser which language to hyphenate.
  • A figure caption is Plex Sans at 0.875rem, left-aligned, the width of the figure. Its label, text and punctuation are as the author wrote them.
  • Paper figures keep ar5iv's white background in dark mode; arXiv's own images do not. Clear it on the header, TOC bar and footer images.
  • LaTeXML's beta badge and conversion logo are not shown.
<style>@layer arxiv-override, ar5iv, arxiv-theme;</style>
<link rel="stylesheet" href="design-system.css">
<!-- the papers stylesheet starts with:
     @import "ar5iv.css" layer(ar5iv);
     @import "arxiv-html-papers-theme.css" layer(arxiv-theme); -->
<link rel="stylesheet" href="arxiv-html-papers.css">

TOC bar

  • The contents list repeats the author's headings exactly, including appendices, acknowledgements and references. Math in a heading appears as it renders, never as its TeX: copy LaTeXML's contents entries with their MathML. A script that reads a heading's words leaves out the TeX annotation, as toc.js and anchors.js do.
  • LaTeXML's own sidebar is not shown. The .ds-toc list replaces it.
  • Each link in the bar shows an icon and its name.
  • PDF opens in a new tab, in the bar and in the sidebar, so the reader keeps their place in the HTML paper. It has the external-link icon and “(opens in a new tab)”, as on Links.
  • A second skip link goes to the paper's first section, before the sidebar, so a keyboard user can pass it.
  • Every section, subsection and appendix heading has a Permalink control. It copies the address with the section's LaTeXML id and the version: …/2604.22725v1#S2.
  • The accessible name starts with the visible word, then names the section.
  • Copying is announced in words in a role="status" region. A changed label alone is not read out.
  • One action gets the Permalink control; several get the element pill.

Equations

  • Inline math gets nothing from arXiv: no tabindex, role, ARIA or actions. Assistive technology reads its MathML directly.
  • View TeX swaps the equation for its TeX in place, in plain monospace with no code box. The TeX view is hidden until asked for, and MathML annotations are never displayed.
  • View TeX and Copy use the TeX that LaTeXML keeps with the equation. LaTeXML expands the author's own macros into standard TeX, so the copy works outside the paper. The author's own files are the TeX Source download.
  • Copy copies what is on screen: the MathML in math view, the TeX in TeX view.
  • A wide equation scrolls inside its own box, never the page. The box has tabindex="0", role="region" and a name: “Equation 2.14, scrolls sideways”.
  • The equation number stays in view, pinned to the right edge while the equation scrolls.

Figures

  • Only the author's alt text is shown, whole and unchanged. The image's alt is never changed, and no reader-written or machine-written description is added. Write it in with textContent.
  • Long alt text is not shortened. This is the one margin note longer than two sentences.
  • A figure without alt text says so. Its margin note reads “No alt text provided”, in --ds-text-muted, with a link to how to add alt text.
  • Expand opens the figure viewer, a .ds-modal.ds-modal--wide with closedby="any". Clicking the image opens it too; Expand is the keyboard path.
  • The viewer shows a copy. The figure in the paper is never moved or changed.
  • The viewer shows the caption exactly as the author wrote it, under the figure. The dialog is named by the caption's own label, such as “Figure 1:”, with aria-labelledby.
  • Zoom stays until the reader closes the viewer. Zoom in, Zoom out and Fit buttons, the wheel, double-click, pinch and the +, - and 0 keys all work; drag or the arrow keys pan.
  • The zoom level is shown and announced, with aria-live="polite".
  • Closing returns focus to what opened the viewer.
  • Zoom is animated only when reduced motion is not set.

Citations and footnotes

  • One popover per citation cluster, listing every reference in it, each with its own Jump to reference link.
  • The popover repeats each entry as the bibliography shows it, never rebuilt, reordered or shortened. If the entry cannot be found, the citation stays a plain link to the reference list.
  • It opens next to the citation and never covers it: below the line if it fits, else above, else just under the TOC bar.
  • A cluster of seven or more may use two columns on a wide screen.
  • Below 48rem a popover is a bottom sheet. The script and the CSS read the same threshold.
  • Escape returns focus to the number that was pressed.
  • Jump to reference lands on the entry, with the accent wash and keyboard focus, and the address gets its id. The scroll is smooth only when reduced motion is not set.
  • Back to your place shows only during a jump. It returns focus and scroll to the citation. The browser's Back button does the same.
  • A bibliography entry is highlighted as one box, number included, never line by line.
  • A footnote stays where LaTeXML puts it: the marker, then the note itself, in one .ltx_note. At wide widths the note is shown in the margin beside its marker, with CSS only, at the width of a margin note (--ds-marginalia-width) and at the same widths. Narrower, a script makes the marker a button that opens the note in a popover. Without JavaScript the note shows after its marker.

Printing

  • Print hides the TOC bar, the permalinks, the element pills and every popover. The identity line prints at 10pt.
  • No page break inside an equation, table or figure, and none straight after a heading. Sections may break.

Formatting the three dates

Submitted [v1 date] UTC · Announced [announcement date and time] UTC are always shown, in that order, separated by a dot. Announced is when the paper first entered the public listing. Revision dates are when subsequent versions of the same paper went public. Dates use <time datetime>.

Announcement is the date that readers care about the most. It renders as 11 Jan 2026, 01:32 UTC. Submitted and Revised stay date-only to save space.

When only the month of the announcement is known, as in a search index, show the month: Announced Sep 2026, with datetime="2026-09".

arXiv's platform serves a global audience across all timezones. UTC was chosen as the universal standard to ensure consistency and clarity for all users. It is a group decision, made with arXiv staff.

Times are rendered in plain-text UTC bound to its date with &nbsp; so a wrap never separates them. The <time> element is not bound to the date.

Inside datetime, announced is a full instant (2026-01-11T01:32Z), Submitted and Revised stay date-only (2026-01-10).

The version being viewed is distinguished by weight and by aria-current and does not depend on color alone. It is deliberately not a link because the reader is already viewing it.

Prior versions are inline links alongside other text, so they are underlined. Each is also tagged with an explicit aria-label ("View version 1").

Formatting the ellipsis and show all toggle

The ellipsis is decoration (aria-hidden) with an sr-only count of what is hidden; the working affordance is a text button showing the explicit total ("show all 127 versions"), toggling aria-expanded. The full list is server-rendered and collapsed by the script in html.js. Without JavaScript, the fallback is that readers see the full list of versions.