accessibility issue fix for level one heading and its order (#1797)

Co-authored-by: Sebastian Beltran <[email protected]>

Author: ipreencekmr

css/langs/th.css

@@ -9,6 +9,7 @@
     font: 100 4.1em "TH SarabunNew", "Helvetica Neue", "Open Sans", sans-serif;
     color: #aeaeae;
     line-height: .87;
+    margin: unset;
   }
 
   /* Non-English pages use pre and code tags for code blocks */

css/style.css

@@ -20,7 +20,7 @@ h1 {
   line-height: 36px;
 }
 
-#intro h3, #api-doc h1 {
+#intro h2, #api-doc h1 {
   font-weight: normal;
 }
 
@@ -149,7 +149,7 @@ span.block-section {
   display: block;
 }
 
-#intro h3 {
+#intro h2 {
   font-size: 25px;
   margin-bottom: 10px;
 }
@@ -273,6 +273,7 @@ a {
   font: 100 4.1em "Helvetica Neue", "Open Sans", sans-serif;
   color: var(--menu-grey);
   line-height: .87;
+  margin: unset
 }
 
 #doc-langs {
@@ -391,7 +392,7 @@ html[xmlns] .clearfix {
   margin-top: 30px;
 }
 
-#boxes h3 {
+#boxes h2 {
   line-height: 1.25em;
   color: var(--card-fg);
   background: none;

de/index.md

@@ -11,7 +11,7 @@ lang: de
     <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a></div>
-        <span class="description">Schnelles, offenes, unkompliziertes Web-Framework für <a href='http://nodejs.org'>Node.js</a></span>
+        <h1 class="description">Schnelles, offenes, unkompliziertes Web-Framework für <a href='http://nodejs.org'>Node.js</a></h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -28,17 +28,17 @@ lang: de
 
   <div id="boxes" class="clearfix">
       <div id="web-applications">
-          <h3>Webanwendungen</h3> Express ist ein einfaches und flexibles Node.js-Framework von Webanwendungen, das zahlreiche leistungsfähige Features und Funktionen für Webanwendungen und mobile Anwendungen bereitstellt.
+          <h2>Webanwendungen</h2> Express ist ein einfaches und flexibles Node.js-Framework von Webanwendungen, das zahlreiche leistungsfähige Features und Funktionen für Webanwendungen und mobile Anwendungen bereitstellt.
 </div>
 
       <div id="apis">
-          <h3>APIs</h3> Mithilfe unzähliger HTTP-Dienstprogrammmethoden und Middlewarefunktionen gestaltet sich das Erstellen einer leistungsfähigen API schnell und einfach. </div>
+          <h2>APIs</h2> Mithilfe unzähliger HTTP-Dienstprogrammmethoden und Middlewarefunktionen gestaltet sich das Erstellen einer leistungsfähigen API schnell und einfach. </div>
 
       <div id="performance">
-          <h3>Leistung</h3> Express bietet eine Thin-Layer-Ebene mit grundlegenden Webanwendungsfunktionen, ohne die bekannten Node.js-Features zu überlagern. </div>
+          <h2>Leistung</h2> Express bietet eine Thin-Layer-Ebene mit grundlegenden Webanwendungsfunktionen, ohne die bekannten Node.js-Features zu überlagern. </div>
 
       <div id="sponsorship">
-          <a href="http://loopback.io/"><h3>LoopBack</h3> Entwickeln Sie modellorientierte Anwendungen mit einem Express-basierten Framework.<br/>Weitere Informationen finden Sie unter loopback.io.</a>
+          <a href="http://loopback.io/"><h2>LoopBack</h2> Entwickeln Sie modellorientierte Anwendungen mit einem Express-basierten Framework.<br/>Weitere Informationen finden Sie unter loopback.io.</a>
       </div>
   </div>
 

es/index.md

@@ -12,7 +12,7 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
   <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a></div>
-        <span class="description">Infraestructura web rápida, minimalista y flexible para <a href='http://nodejs.org'>Node.js</a></span>
+        <h1 class="description">Infraestructura web rápida, minimalista y flexible para <a href='http://nodejs.org'>Node.js</a></h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -29,19 +29,19 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
 
   <div id="boxes" class="clearfix">
       <div id="web-applications">
-          <h3>Aplicaciones web</h3> Express es una infraestructura de aplicaciones web Node.js mínima y flexible que proporciona un conjunto sólido de características para las aplicaciones web y móviles.
+          <h2>Aplicaciones web</h2> Express es una infraestructura de aplicaciones web Node.js mínima y flexible que proporciona un conjunto sólido de características para las aplicaciones web y móviles.
       </div>
 
       <div id="apis">
-          <h3>API</h3> Con miles de métodos de programa de utilidad HTTP y middleware a su disposición, la creación de una API sólida es rápida y sencilla.
+          <h2>API</h2> Con miles de métodos de programa de utilidad HTTP y middleware a su disposición, la creación de una API sólida es rápida y sencilla.
       </div>
 
       <div id="performance">
-          <h3>Rendimiento</h3> Express proporciona una delgada capa de características de aplicación web básicas, que no ocultan las características de Node.js que tanto ama y conoce.
+          <h2>Rendimiento</h2> Express proporciona una delgada capa de características de aplicación web básicas, que no ocultan las características de Node.js que tanto ama y conoce.
       </div>
 
       <div id="sponsorship">
-          <a href="http://loopback.io/"><h3>LoopBack</h3> Desarrolle aplicaciones basadas en modelos con una infraestructura basada en Express.<br/>Encontrará más información en loopback.io.</a>
+          <a href="http://loopback.io/"><h2>LoopBack</h2> Desarrolle aplicaciones basadas en modelos con una infraestructura basada en Express.<br/>Encontrará más información en loopback.io.</a>
       </div>
   </div>
 

fr/index.md

@@ -12,7 +12,7 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
   <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a></div>
-        <span class="description">Infrastructure Web minimaliste, souple et rapide pour <a href='http://nodejs.org'>Node.js</a></span>
+        <h1 class="description">Infrastructure Web minimaliste, souple et rapide pour <a href='http://nodejs.org'>Node.js</a></h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -29,19 +29,19 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
 
   <div id="boxes" class="clearfix">
       <div id="web-applications">
-          <h3>Applications Web</h3> Express est une infrastructure d'applications Web Node.js minimaliste et flexible qui fournit un ensemble de fonctionnalités robuste pour les applications Web et mobiles.
+          <h2>Applications Web</h2> Express est une infrastructure d'applications Web Node.js minimaliste et flexible qui fournit un ensemble de fonctionnalités robuste pour les applications Web et mobiles.
       </div>
 
       <div id="apis">
-          <h3>API</h3> Grâce à une foule de méthodes utilitaires HTTP et de middleware mise à votre disposition, la création d'une API robuste est simple et rapide.
+          <h2>API</h2> Grâce à une foule de méthodes utilitaires HTTP et de middleware mise à votre disposition, la création d'une API robuste est simple et rapide.
       </div>
 
       <div id="performance">
-          <h3>Performance</h3> Express apporte une couche fine de fonctionnalités d'application Web fondamentales, sans masquer les fonctionnalités de Node.js que vous connaissez et appréciez.
+          <h2>Performance</h2> Express apporte une couche fine de fonctionnalités d'application Web fondamentales, sans masquer les fonctionnalités de Node.js que vous connaissez et appréciez.
       </div>
 
       <div id="sponsorship">
-          <a href="http://loopback.io/"><h3>LoopBack</h3> Développez des applications pilotées par des modèles à l'aide d'une infrastructure basée sur Express.<br/>Pour en savoir plus, allez sur loopback.io.</a>
+          <a href="http://loopback.io/"><h2>LoopBack</h2> Développez des applications pilotées par des modèles à l'aide d'une infrastructure basée sur Express.<br/>Pour en savoir plus, allez sur loopback.io.</a>
       </div>
   </div>
 

id/index.md

@@ -12,7 +12,7 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
   <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a><a href="{{ page.lang }}/changelog/4x.html#{{ site.data.express.current_version }}" id="express-version">{{ site.data.express.current_version }}</a></div>
-        <span class="description">Kerangka web yang cepat, tidak beropini, dan minimalis untuk <a href='https://nodejs.org/en/'>Node.js</a></span>
+        <h1 class="description">Kerangka web yang cepat, tidak beropini, dan minimalis untuk <a href='https://nodejs.org/en/'>Node.js</a></h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -26,19 +26,19 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
 
   <div id="boxes" class="clearfix">
     <div id="web-applications">
-      <h3>Aplikasi Web</h3> Express adalah kerangka kerja aplikasi web Node.js yang minimalis dan fleksibel serta menyediakan serangkaian fitur tangguh untuk pembuatan aplikasi web dan seluler.
+      <h2>Aplikasi Web</h2> Express adalah kerangka kerja aplikasi web Node.js yang minimalis dan fleksibel serta menyediakan serangkaian fitur tangguh untuk pembuatan aplikasi web dan seluler.
     </div>
 
     <div id="apis">
-      <h3>APIs</h3> dengan segudang metode untuk utilitas HTTP dan middleware yang sesuai dengan keinginan Anda, maka membuat API yang kuat dapat dilakukan dengan cepat dan mudah.
+      <h2>APIs</h2> dengan segudang metode untuk utilitas HTTP dan middleware yang sesuai dengan keinginan Anda, maka membuat API yang kuat dapat dilakukan dengan cepat dan mudah.
     </div>
 
     <div id="performance">
-      <h3>Kinerja</h3> Express menyediakan selapis tipis fitur dasar aplikasi web, tanpa mengaburkan fitur Node.js yang Anda kenal dan sukai.
+      <h2>Kinerja</h2> Express menyediakan selapis tipis fitur dasar aplikasi web, tanpa mengaburkan fitur Node.js yang Anda kenal dan sukai.
     </div>
 
     <div id="middleware">
-      <h3>Middleware</h3>
+      <h2>Middleware</h2>
       Express memiliki kerangka perutean yang ringan dan fleksibel dengan fitur inti yang minimalis
       hal ini dimaksudkan dapat ditingkatkan melalui penggunaan modul dari Express <a href="{{ page.lang }}/resources/middleware.html">middleware</a>.
     </div>

index.md

@@ -12,7 +12,7 @@ redirect_from: "/en/index.html"
   <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a><a href="{{ page.lang }}/changelog/4x.html#{{ site.data.express.current_version }}" id="express-version">{{ site.data.express.current_version }}</a></div>
-        <span class="description">Fast, unopinionated, minimalist web framework for <a href='https://nodejs.org/en/'>Node.js</a></span>
+        <h1 class="description">Fast, unopinionated, minimalist web framework for <a href='https://nodejs.org/en/'>Node.js</a></h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -46,19 +46,19 @@ app.listen(port, () => {
 
   <div id="boxes" class="clearfix">
     <div id="web-applications">
-      <h3>Web Applications</h3> Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
+      <h2>Web Applications</h2> Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
     </div>
 
     <div id="apis">
-      <h3>APIs</h3> With a myriad of HTTP utility methods and middleware at your disposal, creating a robust API is quick and easy.
+      <h2>APIs</h2> With a myriad of HTTP utility methods and middleware at your disposal, creating a robust API is quick and easy.
     </div>
 
     <div id="performance">
-      <h3>Performance</h3> Express provides a thin layer of fundamental web application features, without obscuring Node.js features that you know and love.
+      <h2>Performance</h2> Express provides a thin layer of fundamental web application features, without obscuring Node.js features that you know and love.
     </div>
 
     <div id="middleware">
-      <h3>Middleware</h3> 
+      <h2>Middleware</h2> 
       Express is a lightweight and flexible routing framework with minimal core features 
       meant to be augmented through the use of Express <a href="{{ page.lang }}/resources/middleware.html">middleware</a> modules.
     </div>

it/index.md

@@ -12,7 +12,7 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
   <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a></div>
-        <span class="description">Framework web veloce, non categorico e minimalista per <a href='http://nodejs.org'>Node.js</a></span>
+        <h1 class="description">Framework web veloce, non categorico e minimalista per <a href='http://nodejs.org'>Node.js</a></h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -30,19 +30,19 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
 
   <div id="boxes" class="clearfix">
       <div id="web-applications">
-          <h3>Applicazioni web</h3> Express è un framework per applicazioni web Node.js flessibile e leggero che fornisce una serie di funzioni avanzate per le applicazioni web e per dispositivi mobili.
+          <h2>Applicazioni web</h2> Express è un framework per applicazioni web Node.js flessibile e leggero che fornisce una serie di funzioni avanzate per le applicazioni web e per dispositivi mobili.
       </div>
 
       <div id="apis">
-          <h3>API</h3> Con una miriade di metodi di utilità HTTP e middleware a disposizione, la creazione di un'API affidabile è un processo facile e veloce.
+          <h2>API</h2> Con una miriade di metodi di utilità HTTP e middleware a disposizione, la creazione di un'API affidabile è un processo facile e veloce.
       </div>
 
       <div id="performance">
-          <h3>Prestazioni</h3> Express fornisce uno strato sottile di funzionalità di base per le applicazioni web, senza nascondere le funzioni Node.js che conosci e ami.
+          <h2>Prestazioni</h2> Express fornisce uno strato sottile di funzionalità di base per le applicazioni web, senza nascondere le funzioni Node.js che conosci e ami.
       </div>
 
       <div id="sponsorship">
-          <a href="http://loopback.io/"><h3>LoopBack</h3> Sviluppare applicazioni basate sul modello con un framework basato su Express.<br/>Ulteriori informazioni su loopback.io.</a>
+          <a href="http://loopback.io/"><h2>LoopBack</h2> Sviluppare applicazioni basate sul modello con un framework basato su Express.<br/>Ulteriori informazioni su loopback.io.</a>
       </div>
   </div>
 

ja/index.md

@@ -13,7 +13,7 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
   <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a></div>
-        <span class="description"><a href='https://nodejs.org/ja/'>Node.js</a> のための高速で、革新的な、最小限のWebフレームワーク</span>
+        <h1 class="description"><a href='https://nodejs.org/ja/'>Node.js</a> のための高速で、革新的な、最小限のWebフレームワーク</h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -32,19 +32,19 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
 
   <div id="boxes" class="clearfix">
       <div id="web-applications">
-          <h3>Web アプリケーション</h3> Express は、Web アプリケーションとモバイル・アプリケーション向けの一連の堅固な機能を提供する最小限で柔軟な Node.js Web アプリケーション・フレームワークです。
+          <h2>Web アプリケーション</h2> Express は、Web アプリケーションとモバイル・アプリケーション向けの一連の堅固な機能を提供する最小限で柔軟な Node.js Web アプリケーション・フレームワークです。
       </div>
 
       <div id="apis">
-          <h3>API</h3> 無数の HTTP ユーティリティー・メソッドとミドルウェアを自由に使用できるため、堅固な API を迅速かつ容易に作成できます。
+          <h2>API</h2> 無数の HTTP ユーティリティー・メソッドとミドルウェアを自由に使用できるため、堅固な API を迅速かつ容易に作成できます。
       </div>
 
       <div id="performance">
-          <h3>パフォーマンス</h3> Express は、ユーザーが使い慣れている Node.js の機能をわかりやすくし、基礎的な Web アプリケーション機能をシンプルな階層で提供します。
+          <h2>パフォーマンス</h2> Express は、ユーザーが使い慣れている Node.js の機能をわかりやすくし、基礎的な Web アプリケーション機能をシンプルな階層で提供します。
       </div>
 
       <div id="sponsorship">
-          <a href="http://loopback.io/"><h3>LoopBack</h3> Express ベースのフレームワークを使用して、モデル駆動型アプリケーションを開発します。<br/>詳細については、loopback.io を参照してください。</a>
+          <a href="http://loopback.io/"><h2>LoopBack</h2> Express ベースのフレームワークを使用して、モデル駆動型アプリケーションを開発します。<br/>詳細については、loopback.io を参照してください。</a>
       </div>
   </div>
 

ko/index.md

@@ -12,7 +12,7 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
   <div id="homepage-leftpane" class="pane">
     <section id="description">
         <div class="express"><a href="/">Express</a><a href="changelog/4x.html#{{ site.data.express.current_version }}" id="express-version">{{ site.data.express.current_version }}</a></div>
-        <span class="description"><a href='http://nodejs.org'>Node.js</a>를 위한 빠르고 개방적인 간결한 웹 프레임워크</span>
+        <h1 class="description"><a href='http://nodejs.org'>Node.js</a>를 위한 빠르고 개방적인 간결한 웹 프레임워크</h1>
     </section>
     <div id="install-command">$ npm install express --save</div>
   </div>
@@ -22,15 +22,15 @@ description: Express is a fast, unopinionated, minimalist web framework for Node
 
   <div id="boxes" class="clearfix">
     <div id="web-applications">
-      <h3>웹 애플리케이션</h3> Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크입니다.
+      <h2>웹 애플리케이션</h2> Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크입니다.
     </div>
 
     <div id="apis">
-      <h3>API</h3> 자유롭게 활용할 수 있는 수많은 HTTP 유틸리티 메소드 및 미들웨어를 통해 쉽고 빠르게 강력한 API를 작성할 수 있습니다.
+      <h2>API</h2> 자유롭게 활용할 수 있는 수많은 HTTP 유틸리티 메소드 및 미들웨어를 통해 쉽고 빠르게 강력한 API를 작성할 수 있습니다.
     </div>
 
     <div id="performance">
-      <h3>성능</h3> Express는 기본적인 웹 애플리케이션 기능으로 구성된 얇은 계층을 제공하여, 여러분이 알고 있고 선호하는 Node.js 기능을 모호하게 만들지 않습니다.
+      <h2>성능</h2> Express는 기본적인 웹 애플리케이션 기능으로 구성된 얇은 계층을 제공하여, 여러분이 알고 있고 선호하는 Node.js 기능을 모호하게 만들지 않습니다.
     </div>
 
     <div id="frameworks">