h2 tag on screen reader missing [on hold]

I have the following markup

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>This is the title page</title>
  </head>
  <body>
    <section>
      <h1>The best chicken soup</h1>
      <h2>This is soup is made of chicken and tomatos</h2>
      <p>Lorem ipsum…</p>
      <h3>Other method</h3>
      <p>Quisque leo nisl…</p>
      <p>Pellentesque aliquet pulvinar odio.</p>
      <p>.</p>
    </section>
  </body>
</html>

The problem is when I switch to screen reader on Firefox the h1 and h2 tags does not show up. So here is the case:

case 1: h1 and only h2 tags → both h2 tags are showing up, the h1 are NOT
case 2: h1 and h2 and h3 tags → Only the h3 is showing up, the h1 and h2 are NOT

Any idea how can I fix this please?

Tags: