Skip to content

Error page: unstructured content and displayed in English #2112

@cyberbaloo

Description

@cyberbaloo

Bug Report

Before you file your issue

  • Check the other issues before filing your own
  • If your report is related to the (BlockNote) text editor, file it on their repo. If you're not sure whether your issue is with BlockNote or Docs, file it on our repo: if we support it, we'll backport it upstream ourselves 😊, otherwise we'll ask you to do so.

Problematic behavior
When a server error occurs, the displayed alert component contains no structured heading and the message is in English while the interface is in French:

<div class="c__alert c__alert--error">
  <div class="c__alert__content">
    <span>500</span>
    <span>Internal Server Error</span>
    <span>The server met an unexpected condition</span>
  </div>
</div>

Expected behavior/code
The error message must contain a structured heading and be displayed in French:

<div class="c__alert c__alert--error">
  <div class="c__alert__content">
    <h1>Erreur 500 — Erreur interne du serveur</h1>
    <p>Le serveur a rencontré une condition inattendue.</p>
  </div>
</div>

Steps to Reproduce

  1. Trigger a server error on Docs
  2. The alert component displays the error message in English without a structured heading
  3. Navigate by headings with a screen reader — no heading is announced.

Possible Solution
Add an

to the error alert component and translate the content into French.

Additional context/Screenshots

Image

Critères RGAA

Critère 8.3 : Dans chaque page web, la langue par défaut est-elle pertinente ?
Critère 9.1 : Dans chaque page web, l'information est-elle structurée par l'utilisation appropriée de titres ?

Impact
A blind user navigating with a screen reader configured in French arrives on the error page without any heading being announced and hears the error message in English pronounced with French phonetics, making the message incomprehensible.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    No status

    Status

    In review

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions