Merge pull request #228 from abes-esr/develop

THE-12XX Conformité accessibilité divers
abes-esr · May 7, 2024 · 32a6400 · 32a6400
2 parents 5b779fc + bc752a0
commit 32a6400
Show file tree

Hide file tree

Showing 9 changed files with 43 additions and 34 deletions.
diff --git a/app.vue b/app.vue
@@ -497,7 +497,9 @@ h4 {
 }
 
 .interlignes * :not(.v-btn__content, .v-btn, .v-input, .v-field, .v-input__control, .v-label, .v-field__field, .v-select, .v-field__overlay, .v-field__input, .v-select__selection, .v-select__selection-text) {
-  line-height: 2rem !important;
+  line-height: 1.5 !important;
+  letter-spacing: 0.12em !important;
+  word-spacing: 0.16em !important;
 }
 
 .justification p {

diff --git a/components/common/FooterCustom.vue b/components/common/FooterCustom.vue
@@ -34,6 +34,12 @@
                   title="Accéder à la documentation de theses.fr">{{
           $t("footer.doc") }}</a></span>
             </div>
+            <div role="listitem">
+              <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
+              <span><a href="http://search.ndltd.org/" target="_blank"
+                  title="Global ETD Search - Les thèses électroniques dans le monde">{{
+                    $t("footer.globalETD") }}</a></span>
+            </div>
           </div>
           <div role="presentation" class="colonne2">
             <div role="listitem">
@@ -49,7 +55,6 @@
                     $t("footer.tef")
                   }}</a></span>
             </div>
-
             <div role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="https://stp.abes.fr/node/3?origine=thesesFr" target="_blank"

diff --git a/components/common/HeaderCustom.vue b/components/common/HeaderCustom.vue
@@ -7,18 +7,17 @@
             :src="'/icone-handicap-visuel-' + colorMode + '.svg'" />
         </v-btn>
   <!--     Quand actif ajouter role="listitem" -->
-        <div class="languages-btn">
-          <!-- selecteur de langues désactivé
-          <v-btn flat @click="setLanguage('fr')" title="Langue française"
-            :class="locale === 'fr' ? 'selected' : ''">FR</v-btn>
-          |
-          <v-btn flat @click="setLanguage('en')" title="English Language"
-            :class="locale === 'en' ? 'selected' : ''">EN</v-btn>
-          |
-          <v-btn flat @click="setLanguage('es')" title="English Language"
-            :class="locale === 'es' ? 'selected' : ''">ES</v-btn>
-            -->
-        </div>
+<!--        <div class="languages-btn">-->
+<!--          &lt;!&ndash; selecteur de langues désactivé &ndash;&gt;-->
+<!--          <v-btn flat @click="setLanguage('fr')" title="Langue française"-->
+<!--            :class="locale === 'fr' ? 'selected' : ''">FR</v-btn>-->
+<!--          |-->
+<!--          <v-btn flat @click="setLanguage('en')" title="English Language"-->
+<!--            :class="locale === 'en' ? 'selected' : ''">EN</v-btn>-->
+<!--          |-->
+<!--          <v-btn flat @click="setLanguage('es')" title="Idioma espanol"-->
+<!--            :class="locale === 'es' ? 'selected' : ''">ES</v-btn>-->
+<!--        </div>-->
       </div>
       <div class="text-center text-md-right" role="presentation">
         <!--<v-btn tabindex="-1" title="Réseau" size="x-large" icon>
@@ -163,8 +162,8 @@ header {
 }
 
 .language-accessibility-toolbar {
-  //display: grid; // dé-commenter si on active le bouton accessibilité
-  //grid-template-columns: 1fr 20px 3fr;
+  display: grid; // dé-commenter si on active le bouton accessibilité
+  grid-template-columns: 1fr 20px 3fr;
   margin: 0 30px 0;
 
   @media #{ map-get(settings.$display-breakpoints, 'md-and-down')} {
@@ -173,8 +172,9 @@ header {
 }
 
 .languages-btn {
-  grid-column-start: 1; // 3 si on active le bouton accessibilité
+  grid-column-start: 3; // 3 si on active le bouton accessibilité
   max-height: 36px;
+  align-self: center;
 
   @media #{ map-get(settings.$display-breakpoints, 'md-and-down')} {
     grid-column-start: 2;

diff --git a/components/common/HeaderMobile.vue b/components/common/HeaderMobile.vue
@@ -48,17 +48,16 @@
     <v-fade-transition>
       <div v-show="showMenu" ref="expandedMenu" tabindex="0" class="expanded-search-bar-container white-containers" role="list">
         <div class="languages-btn-container">
-          <!--
-          <div class="languages-btn">
-            <button flat @click="setLanguage('fr')" title="Langue française"
-              :class="locale === 'fr' ? 'selected' : ''">FR</button>
-            <p>|</p>
-            <button flat @click="setLanguage('en')" title="English Language"
-              :class="locale === 'en' ? 'selected' : ''">EN</button>
-            <p>|</p>
-            <button flat @click="setLanguage('es')" title="English Language"
-              :class="locale === 'es' ? 'selected' : ''">ES</button>
-          </div>-->
+<!--          <div class="languages-btn">-->
+<!--            <button flat @click="setLanguage('fr')" title="Langue française"-->
+<!--              :class="locale === 'fr' ? 'selected' : ''">FR</button>-->
+<!--            <p>|</p>-->
+<!--            <button flat @click="setLanguage('en')" title="English Language"-->
+<!--              :class="locale === 'en' ? 'selected' : ''">EN</button>-->
+<!--            <p>|</p>-->
+<!--            <button flat @click="setLanguage('es')" title="Idioma Espanol"-->
+<!--              :class="locale === 'es' ? 'selected' : ''">ES</button>-->
+<!--          </div>-->
         </div>
         <div class="expanded-burger-menu">
           <div class="nav-bar-list-burger">

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
@@ -31,11 +31,11 @@
               <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
                 <v-btn v-if="b.typeAcces == 'ACCES_ESR'" class="thesis-access-buttons" append-icon="mdi-open-in-new"
                   @click="checkboxModal = false; dialog = true; dialogUrl = b.url.startsWith('http') ? b.url : baseURL + b.url"
-                  :aria-label="b.libelle" :flat="true">{{
+                  :aria-label="b.libelle + $t('externalLink')" :flat="true">{{
         b.libelle }}
                 </v-btn>
                 <v-btn v-else-if="b.url" class="thesis-access-buttons" append-icon="mdi-open-in-new"
-                  :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle"
+                  :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle + $t('externalLink')"
                   :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
                 </v-btn>
@@ -65,7 +65,7 @@
           <v-expansion-panel-text>
             <div class="buttons-list" v-for="b in boutonsAutres" :key="b">
               <v-btn v-if="b.url" class="thesis-access-buttons" append-icon="mdi-open-in-new"
-                :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle"
+                :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle + $t('externalLink')"
                 :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
               </v-btn>

diff --git a/locales/en.json b/locales/en.json
@@ -34,6 +34,7 @@
 "top": "Back to top",
   "exportData": "Export data",
   "exportBiblio": "Exporting a bibliographic reference ",
+  "externalLink": ". External link.",
 "menu": "Menu",
   "motcle": "Keywords",
   "showMoreKeywords": "Show more keywords",

diff --git a/locales/fr.json b/locales/fr.json
@@ -51,6 +51,7 @@
   "showAllKeywords": "Afficher tous les mots-clés ",
   "exportData": "Exporter les données",
   "exportBiblio": "Exporter une référence bibliographique ",
+  "externalLink": ". Lien Externe.",
   "resultatsView": {
     "plusDeResultats": "Plus de résultats"
   },
@@ -208,7 +209,8 @@
     "assistance": "Guichet d'assistance ABESstp",
     "logoAbesAlt": "Accéder au site de l’Agence Bibliographique de l’Enseignement Supérieur",
     "logoMesriAlt": "Accéder au site du Ministère de l’Enseignement Supérieur et de la Recherche",
-    "plus": "En savoir plus"
+    "plus": "En savoir plus",
+    "globalETD": "Global ETD Search - Les thèses électroniques dans le monde"
   },
   "header": {
     "doc": "Accéder à la documentation de theses.fr ",

diff --git a/pages/apropos.vue b/pages/apropos.vue
@@ -86,7 +86,7 @@
                 sont &eacute;galement disponibles sous forme d&rsquo;un <em>dump</em> d&eacute;pos&eacute; et mis
                 &agrave; jour annuellement sur le site data.gouv.fr&nbsp;: <a
                     href="https://www.data.gouv.fr/fr/datasets/theses-soutenues-en-france-depuis-1985/" target="_blank"
-                    title="Accéder sur le site data.gouv.fr  à l’extraction complète des données disponibles sur theses.fr  et relatives aux thèses soutenues">Th&egrave;ses
+                    title="'Accéder sur le site data.gouv.fr  à l’extraction complète des données disponibles sur theses.fr  et relatives aux thèses soutenues' + $t('externalLink')">Th&egrave;ses
                     soutenues en France depuis 1985 <v-icon title="Lien externe"
                         size="x-small">mdi-open-in-new</v-icon></a>. Un guide de
                 r&eacute;utilisation accompagne

diff --git a/pages/resultats.vue b/pages/resultats.vue
@@ -7,7 +7,7 @@
       :loading="loading" :show-menu="showMenu" :show-search-bar="showSearchBar"></CommonHeaderMobile>
   </ClientOnly>
   <!--    Menu filtres  -->
-  <v-dialog v-model="dialogVisible" eager location-strategy="static" persistent no-click-animation fullscreen
+  <v-dialog v-model="dialogVisible" eager location-strategy="static" persistent no-click-animation fullscreen scroll-strategy="none"
     :close-on-content-click="false" transition="dialog-top-transition" content-class="full-screen">
     <CommonResultsFacetsHeader @close-overlay="closeOverlay" @reinitialize-all-facets="reinitializeAllFacets">
     </CommonResultsFacetsHeader>