fix(accessibility): update title accesibility for structure pages

dataesr · Nov 22, 2023 · 2120bc2 · 2120bc2
1 parent b6749ba
commit 2120bc2
Show file tree

Hide file tree

Showing 19 changed files with 26 additions and 26 deletions.
diff --git a/src/components/blocs/chiffres-cles/index.js b/src/components/blocs/chiffres-cles/index.js
@@ -26,7 +26,7 @@ export default function ChiffresCles({ exercice, netAccountingResult, population
   if (all.length === 0) return null;
   return (
     <Container fluid className="fr-mb-5w">
-      <BlocTitle as="h3" look="h6">Chiffres clés</BlocTitle>
+      <BlocTitle as="h2" look="h6">Chiffres clés</BlocTitle>
       <BlocContent>
         <Row gutters>
           {all.map((element) => (

diff --git a/src/components/blocs/emails/index.js b/src/components/blocs/emails/index.js
@@ -65,7 +65,7 @@ export default function EmailsComponent() {
 
   return (
     <Bloc isLoading={isLoading} error={error} data={data}>
-      <BlocTitle as="h3" look="h4">Boites emails génériques</BlocTitle>
+      <BlocTitle as="h2" look="h4">Boites emails génériques</BlocTitle>
       <BlocActionButton onClick={() => onOpenModalHandler()}>Ajouter un email générique</BlocActionButton>
       <BlocContent>{renderCards()}</BlocContent>
       <BlocModal>

diff --git a/src/components/blocs/identifiers/index.js b/src/components/blocs/identifiers/index.js
@@ -162,7 +162,7 @@ export default function IdentifiersComponent() {
 
   return (
     <Bloc isLoading={isLoading} error={error} data={data}>
-      <BlocTitle as="h3" look="h4">
+      <BlocTitle as="h2" look="h4">
         Identifiants
       </BlocTitle>
       <BlocActionButton onClick={() => onOpenModalHandler()}>

diff --git a/src/components/blocs/localisations/index.js b/src/components/blocs/localisations/index.js
@@ -135,7 +135,7 @@ export default function LocalisationsComponent() {
 
   return (
     <Bloc isLoading={isLoading} error={error} data={data}>
-      <BlocTitle as="h3" look="h6">Localisations</BlocTitle>
+      <BlocTitle as="h2" look="h6">Localisations</BlocTitle>
       <BlocActionButton onClick={() => handleModalToggle()}>
         Ajouter une adresse
       </BlocActionButton>

diff --git a/src/components/blocs/relations/components/relations-by-tag.js b/src/components/blocs/relations/components/relations-by-tag.js
@@ -101,7 +101,7 @@ export default function RelationsByTag({ blocName, tag, resourceType, relatedObj
 
   return (
     <Bloc isLoading={isLoading} error={error} data={data} isRelation>
-      <BlocTitle as="h3" look="h6">{blocName || tag}</BlocTitle>
+      <BlocTitle as="h2" look="h6">{blocName || tag}</BlocTitle>
       <BlocActionButton onClick={() => onOpenModalHandler()}>Ajouter un élément</BlocActionButton>
       {(!noFilters) && <BlocFilter statusFilter={statusFilter} setStatusFilter={setStatusFilter} counts={counts} />}
       {hasExport({ tag, inverse }) && (

diff --git a/src/components/blocs/relations/components/relations-geo.js b/src/components/blocs/relations/components/relations-geo.js
@@ -36,7 +36,7 @@ export default function RelationGeo({ blocName }) {
 
   return (
     <Bloc isLoading={isLoading} error={error} data={data} isRelation>
-      <BlocTitle as="h3" look="h6">{blocName}</BlocTitle>
+      <BlocTitle as="h2" look="h6">{blocName}</BlocTitle>
       <BlocContent>
         {renderCards()}
       </BlocContent>

diff --git a/src/components/blocs/relations/components/relations-gouvernance.js b/src/components/blocs/relations/components/relations-gouvernance.js
@@ -126,7 +126,7 @@ export default function RelationsGouvernance({ blocName, tag, resourceType, rela
 
   return (
     <Bloc isLoading={isLoading} error={error} data={data} isRelation>
-      <BlocTitle as="h3" look="h6">{blocName || tag}</BlocTitle>
+      <BlocTitle as="h2" look="h6">{blocName || tag}</BlocTitle>
       <BlocActionButton onClick={() => onOpenModalHandler()}>Ajouter un élément</BlocActionButton>
       {(!noFilters) && <BlocFilter statusFilter={statusFilter} setStatusFilter={setStatusFilter} counts={counts} />}
       {hasExport({ tag, inverse }) && (

diff --git a/src/components/blocs/social-medias/index.js b/src/components/blocs/social-medias/index.js
@@ -60,7 +60,7 @@ export default function SocialMediasComponent() {
 
   return (
     <Bloc isLoading={isLoading} error={error} data={data}>
-      <BlocTitle as="h4" look="h6">Réseaux sociaux</BlocTitle>
+      <BlocTitle as="h3" look="h6">Réseaux sociaux</BlocTitle>
       <BlocActionButton onClick={() => onOpenModalHandler()} isSmall>Ajouter un réseau social</BlocActionButton>
       <BlocContent>{renderCards()}</BlocContent>
       <BlocModal>

diff --git a/src/components/blocs/weblinks/index.js b/src/components/blocs/weblinks/index.js
@@ -161,7 +161,7 @@ export default function Weblinks({ types, title }) {
       error={error}
       data={{ totalCount: getElementsCount() }}
     >
-      <BlocTitle as="h4" look="h6">
+      <BlocTitle as="h3" look="h6">
         {title}
       </BlocTitle>
       <BlocActionButton onClick={onOpenModalHandler} isSmall>

diff --git a/src/components/card/weblink-card.js b/src/components/card/weblink-card.js
@@ -25,10 +25,10 @@ export default function WeblinkCard({
             )}
             <Col>
               {title ? (
-                <h4 className="fr-card__title text-center">
+                <h3 className="fr-card__title text-center">
                   {title}
                   <Link href={downloadUrl} target="_blank" />
-                </h4>
+                </h3>
               ) : null}
               <div className="fr-card__desc">{descriptionElement}</div>
               {editMode && canEdit && (

diff --git a/src/pages/rechercher.js b/src/pages/rechercher.js
@@ -132,7 +132,7 @@ export default function SearchPage() {
         </BreadcrumbItem>
       </Breadcrumb>
       <Row>
-        <Title as="h2" look="h5">
+        <Title as="h1" look="h5">
           Résultats pour la recherche
           {query?.length > 0 && (
             ` "${query}"`

diff --git a/src/pages/structures/[id]/chiffres-cles/budget.js b/src/pages/structures/[id]/chiffres-cles/budget.js
@@ -314,13 +314,13 @@ Il constitue une marge de sécurité financière destinée à financer une parti
   return (
     <>
       {!data?.data?.length && (
-        <Title as="h3">
+        <Title as="h2">
           Pas de données financières connues pour cette structure
         </Title>
       )}
       {!!data?.data?.length && (
         <>
-          <Title as="h3">
+          <Title as="h2">
             <Icon name="ri-scales-3-fill" className="fr-pl-1w" />
             {`Données financières - Situation en ${financialAccountYear}${financialAccount?.source === 'Budget' ? ' (Budget)' : ''}`}
           </Title>

diff --git a/src/pages/structures/[id]/chiffres-cles/etudiants.js b/src/pages/structures/[id]/chiffres-cles/etudiants.js
@@ -446,12 +446,12 @@ export default function StructureEtudiantsPage() {
   if (error) return <>Erreur...</>;
   return (
     <>
-      <Title as="h3">
+      <Title as="h2">
         <Icon name="ri-user-fill" className="fr-pl-1w" />
         Les étudiants inscrits
       </Title>
       <Bloc isLoading={isLoading} error={error} data={data} noBadge>
-        <BlocTitle as="h4">
+        <BlocTitle as="h3">
           {`Situation en ${year} - Source : SISE`}
         </BlocTitle>
         <BlocContent>
@@ -474,7 +474,7 @@ export default function StructureEtudiantsPage() {
         </BlocContent>
       </Bloc>
       <Bloc isLoading={isLoading} error={error} data={data} noBadge>
-        <BlocTitle as="h4">
+        <BlocTitle as="h3">
           Évolution historique
         </BlocTitle>
         <BlocContent>
@@ -531,7 +531,7 @@ export default function StructureEtudiantsPage() {
         </BlocContent>
       </Bloc>
       <Bloc isLoading={isLoading} error={error} data={data} noBadge>
-        <BlocTitle as="h4">
+        <BlocTitle as="h3">
           Ressource(s) en ligne : #dataESR
         </BlocTitle>
         <BlocContent>

diff --git a/src/pages/structures/[id]/chiffres-cles/immobilier.js b/src/pages/structures/[id]/chiffres-cles/immobilier.js
@@ -225,7 +225,7 @@ export default function StructureImmobilierPage() {
   return (
     <>
       {!allData?.length && (
-        <Title as="h3">
+        <Title as="h2">
           Pas de données immobilières connues pour cette structure
         </Title>
       )}

diff --git a/src/pages/structures/[id]/chiffres-cles/insertion-professionnelle.js b/src/pages/structures/[id]/chiffres-cles/insertion-professionnelle.js
@@ -20,12 +20,12 @@ export default function StructureInsertionProfessionnellePage() {
   if (error) return <>Erreur...</>;
   return (
     <>
-      <Title as="h3">
+      <Title as="h2">
         <Icon name="ri-building-fill" className="fr-pl-1w" />
         Insertion professionnelle
       </Title>
       <Bloc isLoading={false} error={false} data={{ totalCount: 42 }} noBadge>
-        <BlocTitle as="h4">
+        <BlocTitle as="h3">
           Ressource(s) en ligne : #dataESR
         </BlocTitle>
         <BlocContent>

diff --git a/src/pages/structures/[id]/chiffres-cles/offre-de-formation.js b/src/pages/structures/[id]/chiffres-cles/offre-de-formation.js
@@ -12,7 +12,7 @@ export default function StructureOffreDeFormationPage() {
 
   return (
     <>
-      <Title as="h3">
+      <Title as="h2">
         <Icon name="ri-file-list-fill" className="fr-pl-1w" />
         Offre de formation
       </Title>

diff --git a/src/pages/structures/[id]/chiffres-cles/ressources-humaines.js b/src/pages/structures/[id]/chiffres-cles/ressources-humaines.js
@@ -109,7 +109,7 @@ export default function StructureRHPage() {
   if (error) return <>Erreur...</>;
   return (
     <>
-      <Title as="h3">
+      <Title as="h2">
         <Icon name="ri-community-fill" className="fr-pl-1w" />
         {`Ressources humaines BIATSS pour l'année ${year}`}
       </Title>

diff --git a/src/pages/structures/[id]/index.js b/src/pages/structures/[id]/index.js
@@ -281,7 +281,7 @@ function StructureByIdPage() {
             </ButtonGroup>
           </Row>
           <Row>
-            <Title as="h2">
+            <Title as="h1">
               {getName(data?.currentName)}
               <Title className="fr-pr-1v" as="h6">{getOtherNames(data?.currentName)}</Title>
               <BadgeGroup className="fr-pt-1w">

diff --git a/src/pages/structures/[id]/presentation.js b/src/pages/structures/[id]/presentation.js
@@ -27,7 +27,7 @@ export default function StructurePresentationPage() {
     <>
       <Row>
         <Col n="12">
-          <Title as="h3" look="h4">En un coup d'oeil</Title>
+          <Title as="h2" look="h4">En un coup d'oeil</Title>
         </Col>
       </Row>
       <Names visible={editMode} />
@@ -77,7 +77,7 @@ export default function StructurePresentationPage() {
         year={year}
       />
       <StructureCurrentGovernance />
-      <Title as="h3" look="h4">Présence sur le web</Title>
+      <Title as="h2" look="h4">Présence sur le web</Title>
       <Row gutters>
         <Col n="12 md-6">
           <Weblinks types={INTERNAL_PAGES_TYPES} title="Site internet" />