From 5b7506c20a4442eb5f651f87b0930faadd890938 Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Thu, 13 Aug 2026 17:43:59 +0200
Subject: [PATCH 1/8] fix(portal): name the preview dialogs and their close
 button

The dialogs opened from a dataset or a visualisation page (download,
field description, embed code, notifications) had no accessible name:
neither aria-label nor aria-labelledby, and their visible title was not
linked. Their close button had no label at all. A screen reader
announced "dialog" then "button", nothing more.

The dialog now takes its name from the title it already receives, and
the close button gets one. RGAA 7.1.
---
 portal/app/components/layout/layout-preview.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/portal/app/components/layout/layout-preview.vue b/portal/app/components/layout/layout-preview.vue
index a5210c20..df8d64ad 100644
--- a/portal/app/components/layout/layout-preview.vue
+++ b/portal/app/components/layout/layout-preview.vue
@@ -1,8 +1,10 @@
 <template>
+  <!-- aria-label: the dialog is rendered in a teleport, its visible title is not enough to name it -->
   <v-dialog
     v-model="dialog"
-    max-width="1200"
+    :aria-label="title"
     :fullscreen="$vuetify.display.smAndDown"
+    max-width="1200"
   >
     <template #activator="{ props }">
       <action-btn
@@ -26,6 +28,7 @@
           <template #append>
             <v-btn
               :icon="mdiClose"
+              :title="t('close')"
               @click="isActive.value = false"
             />
           </template>
@@ -59,6 +62,8 @@ const { trackDialog } = defineProps<{
   block?: boolean
 }>()
 
+const { t } = useI18n()
+
 const dialog = ref(false)
 
 if (trackDialog) {
@@ -67,3 +72,10 @@ if (trackDialog) {
   })
 }
 </script>
+
+<i18n lang="yaml">
+  en:
+    close: Close
+  fr:
+    close: Fermer
+</i18n>

From 0c246ba4db9c8ec359f78ab03c0cecd2e8d8945f Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Thu, 13 Aug 2026 17:45:00 +0200
Subject: [PATCH 2/8] fix(portal): hide the logo where it crowds out the full
 screen breadcrumbs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In the full screen layout the logo shares a fixed height bar with the
breadcrumbs. A wide logo — 300px on the portal this was measured on —
leaves too little room between the sm and md breakpoints: the end of the
trail, including the current page, goes off the window with no way to
scroll to it. It also shows up at 200% zoom, which lands in that same
range of effective widths.

The logo is hidden in that range only. Below sm the breadcrumbs are
already hidden, so it gets the bar back. RGAA 10.11 and 10.12.
---
 portal/app/components/layout/layout-full-app-bar.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/portal/app/components/layout/layout-full-app-bar.vue b/portal/app/components/layout/layout-full-app-bar.vue
index 8ee3fb92..46956408 100644
--- a/portal/app/components/layout/layout-full-app-bar.vue
+++ b/portal/app/components/layout/layout-full-app-bar.vue
@@ -4,11 +4,17 @@
     :color="portalConfig.navBar.color"
     flat
   >
-    <!-- Logo -->
+    <!--
+      Logo: hidden between the sm and md breakpoints, where it shares this fixed-height bar
+      with the breadcrumbs. A wide logo leaves too little room there and pushes the end of the
+      trail out of the window, with no way to scroll to it (RGAA 10.11 and 10.12). Below sm the
+      breadcrumbs are hidden, so the logo gets the bar back.
+    -->
     <layout-header-logo
       v-if="logo"
       :height="(appBarHeight || 64) - 10"
       :logo="logo"
+      class="d-sm-none d-md-flex"
     />
 
     <!-- Breadcrumbs -->

From 15f1630c4a1d1fdd5aff1857bb97abc2077019a9 Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Thu, 13 Aug 2026 17:45:59 +0200
Subject: [PATCH 3/8] fix(portal): add a hidden h1 to the personal space pages

The personal space pages that only embed a frame had no heading at all:
the embedded document starts its own titles at h2, which is right since
it is always framed, but nothing carried the h1 of the page. An audit
tool looking at the host document sees a page with no heading.

They now carry a visually hidden h1, like the full screen views do.
The two pages that already had a visible h1 are untouched. RGAA 9.1.
---
 portal/app/pages/me/[id].vue           | 7 +++++++
 portal/app/pages/me/account.vue        | 5 +++++
 portal/app/pages/me/organization.vue   | 4 ++++
 portal/app/pages/me/processings.vue    | 4 ++++
 portal/app/pages/me/reuses.vue         | 4 ++++
 portal/app/pages/me/update-dataset.vue | 4 ++++
 6 files changed, 28 insertions(+)

diff --git a/portal/app/pages/me/[id].vue b/portal/app/pages/me/[id].vue
index 4816b179..af7ff27f 100644
--- a/portal/app/pages/me/[id].vue
+++ b/portal/app/pages/me/[id].vue
@@ -1,4 +1,11 @@
 <template>
+  <h1
+    v-if="page"
+    class="d-sr-only"
+  >
+    {{ page.title }}
+  </h1>
+
   <d-frame-wrapper
     v-if="page"
     :iframe-title="page.title"
diff --git a/portal/app/pages/me/account.vue b/portal/app/pages/me/account.vue
index f4fa491e..54e43714 100644
--- a/portal/app/pages/me/account.vue
+++ b/portal/app/pages/me/account.vue
@@ -1,4 +1,9 @@
 <template>
+  <!-- the embedded document starts its titles at h2: the h1 of the page belongs here -->
+  <h1 class="d-sr-only">
+    {{ t('myAccount') }}
+  </h1>
+
   <d-frame-wrapper
     :iframe-title="t('myAccount')"
     src="/simple-directory/me"
diff --git a/portal/app/pages/me/organization.vue b/portal/app/pages/me/organization.vue
index be451ee6..be7e5971 100644
--- a/portal/app/pages/me/organization.vue
+++ b/portal/app/pages/me/organization.vue
@@ -1,4 +1,8 @@
 <template>
+  <h1 class="d-sr-only">
+    {{ t('organization') }}
+  </h1>
+
   <!-- TODO: Add main redirect ? -->
   <d-frame-wrapper
     :iframe-title="t('organization')"
diff --git a/portal/app/pages/me/processings.vue b/portal/app/pages/me/processings.vue
index ac9f3df9..29bbaf98 100644
--- a/portal/app/pages/me/processings.vue
+++ b/portal/app/pages/me/processings.vue
@@ -1,4 +1,8 @@
 <template>
+  <h1 class="d-sr-only">
+    {{ t('processings') }}
+  </h1>
+
   <d-frame-wrapper
     :iframe-title="t('processings')"
     :src="`/processings/processings/?owner=${portalOwner}`"
diff --git a/portal/app/pages/me/reuses.vue b/portal/app/pages/me/reuses.vue
index 21b1a27e..9da3577c 100644
--- a/portal/app/pages/me/reuses.vue
+++ b/portal/app/pages/me/reuses.vue
@@ -1,4 +1,8 @@
 <template>
+  <h1 class="d-sr-only">
+    {{ t('myReuses') }}
+  </h1>
+
   <d-frame-wrapper
     :iframe-title="t('myReuses')"
     :adapter.prop="stateChangeAdapter"
diff --git a/portal/app/pages/me/update-dataset.vue b/portal/app/pages/me/update-dataset.vue
index 6bc3dd70..e10aa135 100644
--- a/portal/app/pages/me/update-dataset.vue
+++ b/portal/app/pages/me/update-dataset.vue
@@ -1,4 +1,8 @@
 <template>
+  <h1 class="d-sr-only">
+    {{ t('contribute') }}
+  </h1>
+
   <d-frame-wrapper
     :iframe-title="t('contribute')"
     :src="`/data-fair/embed/workflow/update-dataset?publicationSite=data-fair-portals:${portal._id}&owner=${portalOwner}`"

From 4a7429e32c6e2f2a5a40616ca4283ec047e050ff Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Thu, 13 Aug 2026 17:47:03 +0200
Subject: [PATCH 4/8] fix(portal): keep decorative illustrations and icons out
 of the accessibility tree
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The error page illustrations and the social icons are decoration: the
inline svg ones are now aria-hidden, and the configured error image gets
an empty alt, which it lacked entirely — an img with no alt attribute at
all in the rendered document. RGAA 1.1 and 1.2.
---
 portal/app/components/error/error-forbidden.vue | 1 +
 portal/app/components/error/error-not-found.vue | 1 +
 portal/app/components/error/error-server.vue    | 1 +
 portal/app/components/icon/icon-bluesky.vue     | 1 +
 portal/app/components/icon/icon-x.vue           | 1 +
 portal/app/components/page-error.vue            | 3 +++
 6 files changed, 8 insertions(+)

diff --git a/portal/app/components/error/error-forbidden.vue b/portal/app/components/error/error-forbidden.vue
index dad3a09f..457eaee3 100644
--- a/portal/app/components/error/error-forbidden.vue
+++ b/portal/app/components/error/error-forbidden.vue
@@ -4,6 +4,7 @@
     width="1145.57"
     height="819.91"
     viewBox="0 0 1145.57 819.91"
+    aria-hidden="true"
   >
     <path
       d="M1154.4,591.26c-26.57,54.81-80.52,91.46-136.43,115.63-75.27,32.55-158.16,45.46-239.91,40q-21.49-1.43-42.85-4.57a540.44,540.44,0,0,1-143.27-41.72q-19.74-8.89-38.68-19.41a494.85,494.85,0,0,1-60.46-39.54q-7.23-5.52-14.26-11.32c-3.25-2.68-6.47-5.42-9.74-8.08-6.9-5.61-14-10.94-21.92-14.93a78.31,78.31,0,0,0-7.34-3.24c-25.08-9.54-54-5.94-80.11,1.5-19.86,5.66-39.22,13.41-59.06,18.94a196,196,0,0,1-26.91,5.72A143.21,143.21,0,0,1,213,624.93l-1.67-.52q-4.2-1.32-8.33-2.89l-1.67-.64q-4-1.54-7.83-3.31l-1.67-.76q-4-1.86-7.83-3.93c-.92-.48-1.83-1-2.73-1.49a163.67,163.67,0,0,1-39.16-30.49c-.33-.33-.64-.67-1-1-1.59-1.72-3.15-3.47-4.66-5.26-.56-.66-1.12-1.32-1.67-2q-2.69-3.28-5.19-6.71c-.25-.33-.49-.67-.73-1A144.59,144.59,0,0,1,112,534.44c-.14-.33-.27-.67-.39-1q-2-5.15-3.65-10.47c-.45-1.48-.88-3-1.26-4.48-.13-.44-.25-.89-.36-1.33-5.52-21.73-6.15-44.32-6.15-66.78q0-3.93,0-7.85c.16-36.33.72-73.28,6.08-109.11,0-.25.07-.5.11-.74a340.76,340.76,0,0,1,7.31-35.82A264.25,264.25,0,0,1,126,260.56c12.33-29,30.26-55.39,50.17-79.85C226.32,119.16,292.09,67.49,369.07,48.15c82.95-20.83,175.14-.87,242.05,52.4,20.4,16.24,38.73,35.47,61.64,47.92,20,10.84,43.41,15.33,64.83,6.8,17.7-7.05,29.22-10.55,49.1-9.48A411.56,411.56,0,0,1,907.05,171c1.56.57,3.12,1.16,4.67,1.75C1012.43,211.28,1099,287.83,1144,386.2q1.79,3.9,3.47,7.86C1174.3,456.73,1184,530.18,1154.4,591.26Z"
diff --git a/portal/app/components/error/error-not-found.vue b/portal/app/components/error/error-not-found.vue
index 9dd94608..73452f77 100644
--- a/portal/app/components/error/error-not-found.vue
+++ b/portal/app/components/error/error-not-found.vue
@@ -4,6 +4,7 @@
     width="1074.392"
     height="584.231"
     viewBox="0 0 1074.392 584.231"
+    aria-hidden="true"
   >
     <ellipse
       cx="540.64346"
diff --git a/portal/app/components/error/error-server.vue b/portal/app/components/error/error-server.vue
index 23ddf48e..f329e5c4 100644
--- a/portal/app/components/error/error-server.vue
+++ b/portal/app/components/error/error-server.vue
@@ -4,6 +4,7 @@
     width="1032.24"
     height="832.63"
     viewBox="0 0 1032.24 832.63"
+    aria-hidden="true"
   >
     <ellipse
       cx="530.99"
diff --git a/portal/app/components/icon/icon-bluesky.vue b/portal/app/components/icon/icon-bluesky.vue
index 095f83d3..9b03718d 100644
--- a/portal/app/components/icon/icon-bluesky.vue
+++ b/portal/app/components/icon/icon-bluesky.vue
@@ -4,6 +4,7 @@
     width="24"
     height="24"
     viewBox="0 0 24 24"
+    aria-hidden="true"
   >
     <path
       fill="currentColor"
diff --git a/portal/app/components/icon/icon-x.vue b/portal/app/components/icon/icon-x.vue
index e0de0ece..0985c2f0 100644
--- a/portal/app/components/icon/icon-x.vue
+++ b/portal/app/components/icon/icon-x.vue
@@ -4,6 +4,7 @@
     width="24"
     height="24"
     viewBox="0 0 24 24"
+    aria-hidden="true"
   >
     <g fill="currentColor">
       <path d="M1 2h2.5L18.5 22h-2.5z" />
diff --git a/portal/app/components/page-error.vue b/portal/app/components/page-error.vue
index dac8ae98..563ce9dd 100644
--- a/portal/app/components/page-error.vue
+++ b/portal/app/components/page-error.vue
@@ -6,6 +6,7 @@
           v-if="portalConfig.errorImages?.notFound"
           :src="getErrorImageSrc('notFound')"
           style="max-height: 300px; margin: auto"
+          alt=""
           aria-hidden="true"
         />
         <error-not-found
@@ -18,6 +19,7 @@
           v-if="portalConfig.errorImages?.forbidden"
           :src="getErrorImageSrc('forbidden')"
           style="max-height: 300px; margin: auto"
+          alt=""
           aria-hidden="true"
         />
         <error-forbidden
@@ -30,6 +32,7 @@
           v-if="portalConfig.errorImages?.fallback"
           :src="getErrorImageSrc('fallback')"
           style="max-height: 300px; margin: auto"
+          alt=""
           aria-hidden="true"
         />
         <error-server

From 54faeef2f548eb43578c80f1f30cd8a215c626de Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Thu, 13 Aug 2026 17:47:47 +0200
Subject: [PATCH 5/8] build(deps): patch vuetify to drop the empty aria-label
 on decorative images
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

VImg mirrors its alt onto the root element next to a role guarded on the
same value: with alt="" — the way a decorative image is declared — the
root gets an empty aria-label and no role, which W3C rejects. One error
per decorative image, twenty of them on a catalogue page.

The patch guards aria-label like role already is. Reported upstream as
vuetifyjs/vuetify#23111, fix proposed in vuetifyjs/vuetify#23112.
---
 patches/README.md           | 30 ++++++++++++++++++++++++++++++
 patches/vuetify+4.1.9.patch | 15 +++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/patches/README.md b/patches/README.md
index 6a254a4d..696792c8 100644
--- a/patches/README.md
+++ b/patches/README.md
@@ -114,6 +114,36 @@ stays valid.
 
 **Removal criterion**: when Vuetify stops emitting `aria-hidden="false"` on labels.
 
+### `lib/components/VImg/VImg.js` — W3C HTML validity for decorative images
+
+`VImg` mirrors its `alt` prop onto its root element, next to a `role` that is guarded on
+the same value:
+
+```js
+'aria-label': props.alt,
+role: props.alt ? 'img' : undefined
+```
+
+A decorative image is declared with `alt=""` — the empty string is falsy, so the root
+gets no role, but the attribute is still emitted and the element renders as
+`<div class="v-img" aria-label="">`. W3C rejects that: `aria-label` must not be used on
+a `div` whose role is `generic`. RGAA 8.2. Four occurrences on the portal visualisation
+catalogue (one per card thumbnail), twenty on a full catalogue page.
+
+This patch emits the attribute only when `alt` is non-empty (`props.alt || undefined`),
+the guard the neighbouring `role` binding already applies. Nothing changes for
+informative images: they keep `role="img"` and their label. Decorative ones lose an
+attribute that carried no name anyway — the inner `img` keeps its `alt=""`, which is
+what makes it decorative, so restitution is unchanged.
+
+There is no userland fix: the object holding `aria-label` is the last argument of the
+root's `mergeProps`, so it overrides any `aria-label` passed by the caller, and dropping
+the `alt` prop instead would leave the inner `img` without an `alt` attribute — one W3C
+error traded for another.
+
+**Removal criterion**: when Vuetify guards `aria-label` like it guards `role` — reported
+as vuetifyjs/vuetify#23111, fix proposed upstream in vuetifyjs/vuetify#23112.
+
 ### `lib/components/VSelect/VSelect.js` — W3C HTML validity for the hidden native select
 
 `VSelect` mirrors its items into a `<select hidden>` so the value is submitted with a
diff --git a/patches/vuetify+4.1.9.patch b/patches/vuetify+4.1.9.patch
index b48f5700..c9a8c709 100644
--- a/patches/vuetify+4.1.9.patch
+++ b/patches/vuetify+4.1.9.patch
@@ -105,6 +105,21 @@ index 5b75eb8..bef9f28 100644
          for: ariaHidden ? undefined : id.value
        };
      });
+diff --git a/node_modules/vuetify/lib/components/VImg/VImg.js b/node_modules/vuetify/lib/components/VImg/VImg.js
+index 7aab774..18ca7f3 100644
+--- a/node_modules/vuetify/lib/components/VImg/VImg.js
++++ b/node_modules/vuetify/lib/components/VImg/VImg.js
+@@ -295,7 +295,9 @@ export const VImg = genericComponent()({
+         }, backgroundColorStyles.value, roundedStyles.value, props.style]
+       }, responsiveProps, rootAttrs, {
+         "aspectRatio": aspectRatio.value,
+-        "aria-label": props.alt,
++        // an empty `alt` (decorative image) must not emit `aria-label`: the root would
++        // then carry it without a role, which W3C rejects (same guard as `role` below)
++        "aria-label": props.alt || undefined,
+         "role": props.alt ? 'img' : undefined
+       }), {
+         additional: () => _createElementVNode(_Fragment, null, [_createVNode(__image, imageAttrs, null), _createVNode(__preloadImage, null, null), _createVNode(__gradient, null, null), _createVNode(__placeholder, null, null), _createVNode(__error, null, null)]),
 diff --git a/node_modules/vuetify/lib/components/VSelect/VSelect.js b/node_modules/vuetify/lib/components/VSelect/VSelect.js
 index 42d2a00..08c6f77 100644
 --- a/node_modules/vuetify/lib/components/VSelect/VSelect.js

From 6e014a490829fd2dce7d4373152ef78a0bb649e6 Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Thu, 13 Aug 2026 17:48:42 +0200
Subject: [PATCH 6/8] build(deps): upgrade @data-fair/lib-utils and
 @data-fair/lib-vuetify

---
 api/package.json             |  2 +-
 package-lock.json            | 22 +++++++++++-----------
 portal/package.json          |  4 ++--
 shared/markdown/package.json |  2 +-
 ui/package.json              |  2 +-
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/api/package.json b/api/package.json
index 0abb38ad..e3dde550 100644
--- a/api/package.json
+++ b/api/package.json
@@ -16,7 +16,7 @@
     "@data-fair/lib-common-types": "^1.21.0",
     "@data-fair/lib-express": "^1.23.0",
     "@data-fair/lib-node": "^2.12.1",
-    "@data-fair/lib-utils": "^1.12.1",
+    "@data-fair/lib-utils": "^1.12.2",
     "@data-fair/portals-shared-markdown": "*",
     "cheerio": "^1.0.0",
     "config": "^4.4.1",
diff --git a/package-lock.json b/package-lock.json
index d81d0d12..afc6b577 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,7 +52,7 @@
         "@data-fair/lib-common-types": "^1.21.0",
         "@data-fair/lib-express": "^1.23.0",
         "@data-fair/lib-node": "^2.12.1",
-        "@data-fair/lib-utils": "^1.12.1",
+        "@data-fair/lib-utils": "^1.12.2",
         "@data-fair/portals-shared-markdown": "*",
         "cheerio": "^1.0.0",
         "config": "^4.4.1",
@@ -1096,9 +1096,9 @@
       }
     },
     "node_modules/@data-fair/lib-utils": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@data-fair/lib-utils/-/lib-utils-1.12.1.tgz",
-      "integrity": "sha512-SHSDYik7cd2Rkk2zG9EcM9OlpLH8NcKKgXMY1v/0GtjZOdYsl8GMqDUUNTff4F75Gdhc0IP6eaSKkl+vgjZxaw==",
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@data-fair/lib-utils/-/lib-utils-1.12.2.tgz",
+      "integrity": "sha512-DO5x9f91kT6FabUYwIb9J/ls7fVd5R91NbRM15fftNvm4b6A1feGBodbydvHdd5WYNzpXyHyUAat62D8ZeHViw==",
       "license": "MIT",
       "peerDependencies": {
         "dayjs": "1"
@@ -1169,9 +1169,9 @@
       }
     },
     "node_modules/@data-fair/lib-vuetify": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@data-fair/lib-vuetify/-/lib-vuetify-2.4.1.tgz",
-      "integrity": "sha512-g16v2tRt+v52CTJRn2efND4szst1evOqZxeyGpHWb59IyIV7GoPSpzR3zqJHpdaRIcqpSmTxbW/yXJcv061kDQ==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@data-fair/lib-vuetify/-/lib-vuetify-2.4.2.tgz",
+      "integrity": "sha512-Sm31iRBtsgNVbpGurtgrApl9g75NWyy/cijMNyL+DjGYLaFZEliy5kfAGVGSVAw9+Krhf56fry5bxJwu9Am8Kw==",
       "license": "MIT",
       "dependencies": {
         "@data-fair/lib-common-types": "^1.10.4",
@@ -25198,10 +25198,10 @@
         "@data-fair/frame": "^0.18.1",
         "@data-fair/lib-common-types": "^1.21.0",
         "@data-fair/lib-node": "^2.12.1",
-        "@data-fair/lib-utils": "^1.12.1",
+        "@data-fair/lib-utils": "^1.12.2",
         "@data-fair/lib-vue": "^1.29.1",
         "@data-fair/lib-vue-agents": "^0.4.0",
-        "@data-fair/lib-vuetify": "^2.4.0",
+        "@data-fair/lib-vuetify": "^2.4.2",
         "@data-fair/lib-vuetify-agents": "^0.6.0",
         "@data-fair/lib-vuetify-events": "^0.3.0",
         "@data-fair/portals-shared-markdown": "*",
@@ -25226,7 +25226,7 @@
     "shared/markdown": {
       "name": "@data-fair/portals-shared-markdown",
       "dependencies": {
-        "@data-fair/lib-utils": "^1.12.1",
+        "@data-fair/lib-utils": "^1.12.2",
         "marked": "^15.0.12",
         "sanitize-html": "^2.17.0"
       }
@@ -25237,7 +25237,7 @@
         "@data-fair/lib-common-types": "^1.21.0",
         "@data-fair/lib-vue": "^1.29.1",
         "@data-fair/lib-vue-agents": "^0.4.0",
-        "@data-fair/lib-vuetify": "^2.4.0",
+        "@data-fair/lib-vuetify": "^2.4.2",
         "@data-fair/lib-vuetify-agents": "^0.6.0",
         "@data-fair/portals-shared-markdown": "*",
         "@intlify/unplugin-vue-i18n": "^11.0.7",
diff --git a/portal/package.json b/portal/package.json
index c9f06341..ab5dd39d 100644
--- a/portal/package.json
+++ b/portal/package.json
@@ -22,10 +22,10 @@
     "@data-fair/frame": "^0.18.1",
     "@data-fair/lib-common-types": "^1.21.0",
     "@data-fair/lib-node": "^2.12.1",
-    "@data-fair/lib-utils": "^1.12.1",
+    "@data-fair/lib-utils": "^1.12.2",
     "@data-fair/lib-vue": "^1.29.1",
     "@data-fair/lib-vue-agents": "^0.4.0",
-    "@data-fair/lib-vuetify": "^2.4.0",
+    "@data-fair/lib-vuetify": "^2.4.2",
     "@data-fair/lib-vuetify-agents": "^0.6.0",
     "@data-fair/lib-vuetify-events": "^0.3.0",
     "@data-fair/portals-shared-markdown": "*",
diff --git a/shared/markdown/package.json b/shared/markdown/package.json
index b41471e4..96a93bf0 100644
--- a/shared/markdown/package.json
+++ b/shared/markdown/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "main": "index.ts",
   "dependencies": {
-    "@data-fair/lib-utils": "^1.12.1",
+    "@data-fair/lib-utils": "^1.12.2",
     "marked": "^15.0.12",
     "sanitize-html": "^2.17.0"
   }
diff --git a/ui/package.json b/ui/package.json
index 573fc608..99bf2052 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -19,7 +19,7 @@
     "@data-fair/frame": "^0.18.1",
     "@data-fair/lib-common-types": "^1.21.0",
     "@data-fair/lib-vue": "^1.29.1",
-    "@data-fair/lib-vuetify": "^2.4.0",
+    "@data-fair/lib-vuetify": "^2.4.2",
     "@data-fair/portals-shared-markdown": "*",
     "@intlify/unplugin-vue-i18n": "^11.0.7",
     "@koumoul/vjsf": "^4.5.4",

From e0d2bdffa6bc3c0c6b5c9a677607ffb8ed730b5a Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Fri, 14 Aug 2026 10:23:09 +0200
Subject: [PATCH 7/8] fix(portal): make the personal space navigation a
 semantic list with skip links

The personal-space drawer used a bare v-list, so it rendered as
div[role=list] > a[role=link] with tabindex=-2 (RGAA 9.3/12.8) and the
gabarit carried no skip links (12.7). Reuse the nav-drawer treatment:
tag=ul + role removed, each link in an <li> with tabindex=0 and a
text-wrap title, and add the skip-links block (content + sidebar
navigation). The long 'Gestion de l'organisation' label now uses the
default slot instead of the title prop so it wraps instead of truncating
under WCAG text spacing (10.12).
---
 .../layout/layout-personal-navigation.vue     | 245 ++++++++++++------
 portal/app/layouts/personal.vue               |  23 +-
 2 files changed, 180 insertions(+), 88 deletions(-)

diff --git a/portal/app/components/layout/layout-personal-navigation.vue b/portal/app/components/layout/layout-personal-navigation.vue
index b35f11a6..05c16173 100644
--- a/portal/app/components/layout/layout-personal-navigation.vue
+++ b/portal/app/components/layout/layout-personal-navigation.vue
@@ -5,107 +5,184 @@
     :temporary="$vuetify.display.smAndDown"
     :permanent="!$vuetify.display.smAndDown"
   >
+    <!-- VList makes the list itself the only tab stop and gives items tabindex="-2",
+         reserving arrow keys for the menu pattern. A personal navigation is a
+         navigation, not a menu: the links carry the tab order (tabindex="0") and
+         the wrapper (tag="ul") is skipped. Same treatment as nav-drawer.vue. -->
     <v-list
+      id="sidebar-navigation"
       :bg-color="portalConfig.personal.navigationColor"
       class="pa-1"
+      :role="undefined"
+      tag="ul"
+      tabindex="-1"
+      style="list-style: none"
       nav
     >
-      <v-list-item
-        :title="portalConfig.title"
-        :prepend-avatar="ownerAvatar"
-        :subtitle="t('backToPortal')"
-        to="/"
-      />
-      <v-divider :style="navigationTextStyle" />
-      <v-list-subheader
-        :title="t('personalSpace')"
-        :style="navigationTextStyle"
-      />
+      <li>
+        <v-list-item
+          :prepend-avatar="ownerAvatar"
+          :subtitle="t('backToPortal')"
+          to="/"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ portalConfig.title }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
+      <li>
+        <v-divider :style="navigationTextStyle" />
+      </li>
+      <li>
+        <v-list-subheader
+          :title="t('personalSpace')"
+          :style="navigationTextStyle"
+        />
+      </li>
 
-      <v-list-item
-        :prepend-icon="mdiAccount"
-        :title="t('myAccount')"
-        to="/me/account"
-      />
-      <v-list-item
-        v-if="!portalConfig.personal.hidePages.includes('notifications')"
-        :prepend-icon="mdiBell"
-        :title="t('myNotifications')"
-        to="/me/notifications"
-      />
+      <li>
+        <v-list-item
+          :prepend-icon="mdiAccount"
+          to="/me/account"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('myAccount') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
+      <li v-if="!portalConfig.personal.hidePages.includes('notifications')">
+        <v-list-item
+          :prepend-icon="mdiBell"
+          to="/me/notifications"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('myNotifications') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
 
       <!-- Account switching -->
-      <v-select
-        v-if="accounts.length > 1"
-        :model-value="accountValue"
-        :label="t('activeAccount')"
-        :items="accounts"
-        class="my-2"
-        variant="outlined"
-        density="compact"
-        hide-details
-        @update:model-value="(val) => {
-          const [org, dep] = (val || '').split(':')
-          session.switchOrganization(org || null, dep)
-        }"
-      />
+      <li v-if="accounts.length > 1">
+        <v-select
+          :model-value="accountValue"
+          :label="t('activeAccount')"
+          :items="accounts"
+          class="my-2"
+          variant="outlined"
+          density="compact"
+          hide-details
+          @update:model-value="(val) => {
+            const [org, dep] = (val || '').split(':')
+            session.switchOrganization(org || null, dep)
+          }"
+        />
+      </li>
 
-      <v-list-item
-        v-if="session.account.value.type === 'organization' && !session.account.value.department && session.accountRole.value === 'admin'"
-        :prepend-icon="mdiAccountGroup"
-        :title="t('organizationManagement')"
-        to="/me/organization"
-      />
+      <li v-if="session.account.value.type === 'organization' && !session.account.value.department && session.accountRole.value === 'admin'">
+        <v-list-item
+          :prepend-icon="mdiAccountGroup"
+          to="/me/organization"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('organizationManagement') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
 
-      <v-list-item
-        v-if="portalConfig.reuses?.allowUserReuses && !isPortalOwner"
-        :prepend-icon="mdiPageNext"
-        :title="t('myReuses')"
-        to="/me/reuses"
-      />
+      <li v-if="portalConfig.reuses?.allowUserReuses && !isPortalOwner">
+        <v-list-item
+          :prepend-icon="mdiPageNext"
+          to="/me/reuses"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('myReuses') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
 
-      <v-list-item
-        v-if="!session.account.value.department && session.accountRole.value === 'admin' && !portalConfig.personal.hidePages.includes('api-keys')"
-        :prepend-icon="mdiCloudKey"
-        :title="t('apiKeys')"
-        to="/me/api-keys"
-      />
+      <li v-if="!session.account.value.department && session.accountRole.value === 'admin' && !portalConfig.personal.hidePages.includes('api-keys')">
+        <v-list-item
+          :prepend-icon="mdiCloudKey"
+          to="/me/api-keys"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('apiKeys') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
 
-      <v-list-item
-        v-if="(datasetsCount.rest || datasetsCount.file) && !portalConfig.personal.hidePages.includes('contribute')"
-        :prepend-icon="mdiUpload"
-        :title="t('contribute')"
-        to="/me/update-dataset"
-      />
+      <li v-if="(datasetsCount.rest || datasetsCount.file) && !portalConfig.personal.hidePages.includes('contribute')">
+        <v-list-item
+          :prepend-icon="mdiUpload"
+          to="/me/update-dataset"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('contribute') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
 
-      <v-list-item
-        v-if="processingsCount && !portalConfig.personal.hidePages.includes('processings')"
-        :prepend-icon="mdiCogTransferOutline"
-        :title="t('processings')"
-        to="/me/processings"
-      />
+      <li v-if="processingsCount && !portalConfig.personal.hidePages.includes('processings')">
+        <v-list-item
+          :prepend-icon="mdiCogTransferOutline"
+          to="/me/processings"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('processings') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
 
-      <v-list-item
-        v-if="isPortalOwner"
-        :prepend-icon="mdiWrench"
-        :href="backOfficeUrl"
-        :title="t('backOffice')"
-      />
+      <li v-if="isPortalOwner">
+        <v-list-item
+          :prepend-icon="mdiWrench"
+          :href="backOfficeUrl"
+          :role="undefined"
+          tabindex="0"
+        >
+          <v-list-item-title class="text-wrap">
+            {{ t('backOffice') }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
 
-      <v-list-item
+      <li
         v-for="(page, p) in portalConfig.personal.accountPages"
         :key="p"
-        :to="'/me/' + page.id"
-        :title="page.title"
       >
-        <template #prepend>
-          <v-icon
-            v-if="page.icon && (page.icon.mdi?.svgPath || page.icon.custom)"
-            :icon="page.icon.mdi?.svgPath || page.icon.custom"
-            :color="page.icon.color"
-          />
-        </template>
-      </v-list-item>
+        <v-list-item
+          :to="'/me/' + page.id"
+          :role="undefined"
+          tabindex="0"
+        >
+          <template #prepend>
+            <v-icon
+              v-if="page.icon && (page.icon.mdi?.svgPath || page.icon.custom)"
+              :icon="page.icon.mdi?.svgPath || page.icon.custom"
+              :color="page.icon.color"
+            />
+          </template>
+          <v-list-item-title class="text-wrap">
+            {{ page.title }}
+          </v-list-item-title>
+        </v-list-item>
+      </li>
     </v-list>
 
     <!-- Copyright -->
@@ -118,6 +195,8 @@
         href="https://koumoul.com"
         target="_blank"
         rel="noopener"
+        :role="undefined"
+        tabindex="0"
       >
         <template #title>
           <span class="text-body-small">{{ t('publishYourData') }}</span>
diff --git a/portal/app/layouts/personal.vue b/portal/app/layouts/personal.vue
index 648f6f69..c95f9982 100644
--- a/portal/app/layouts/personal.vue
+++ b/portal/app/layouts/personal.vue
@@ -1,20 +1,33 @@
 <template>
   <ClientOnly>
+    <LayoutSkipLinks :targets="skipLinkTargets" />
     <LayoutPersonalNavigation />
     <LayoutPersonalAppBar />
     <v-main>
-      <v-container
-        fluid
-        class="pa-0 h-100"
+      <div
+        id="contenu"
+        tabindex="-1"
+        class="h-100"
       >
-        <slot />
-      </v-container>
+        <v-container
+          class="pa-0 h-100"
+          fluid
+        >
+          <slot />
+        </v-container>
+      </div>
     </v-main>
     <LayoutScrollToTop />
   </ClientOnly>
 </template>
 
 <script setup lang="ts">
+// The personal space has no footer (see the P15 dérogation), so only two targets.
+const skipLinkTargets = [
+  { id: 'contenu', labelKey: 'content' },
+  { id: 'sidebar-navigation', labelKey: 'sidebarNavigation' }
+]
+
 useHead({
   meta: [{ name: 'robots', content: 'noindex' }]
 })

From 71506fbb53398c514ecf18ee57e5267e99f67842 Mon Sep 17 00:00:00 2001
From: BatLeDev <baptiste.guerny@koumoul.com>
Date: Fri, 14 Aug 2026 10:23:33 +0200
Subject: [PATCH 8/8] fix(portal): keep the contact submit button reachable and
 validate on submit

The send button was readonly while the form was invalid, so it got
tabindex=-1 and was unreachable and unactivable by keyboard, with no
disabled state announced (RGAA 7.1). Per the DSFR, a form submit button
must not be disabled: keep it active and validate on submit via the
native VForm API, which reveals every invalid field so the user can
discover what is missing.
---
 .../page-element/basic/page-element-contact.vue          | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/portal/app/components/page-element/basic/page-element-contact.vue b/portal/app/components/page-element/basic/page-element-contact.vue
index 4aa1e3fe..29b97bdb 100644
--- a/portal/app/components/page-element/basic/page-element-contact.vue
+++ b/portal/app/components/page-element/basic/page-element-contact.vue
@@ -13,6 +13,7 @@
           <v-form
             ref="formRef"
             v-model="valid"
+            @submit.prevent="submitContact"
           >
             <v-text-field
               v-model="message.from"
@@ -105,9 +106,8 @@
                   :class="{ 'text-uppercase': buttonConfig?.uppercase }"
                   :style="btnHover.style(isHovering)"
                   :text="t('send')"
-                  :readonly="!valid"
                   :loading="sendMessage.loading.value"
-                  @click="sendMessage.execute()"
+                  type="submit"
                 >
                   <template
                     v-if="buttonConfig?.showIcon"
@@ -370,6 +370,11 @@ const sendMessage = useAsyncAction(async () => {
   success: t('messageSent'),
 })
 
+const submitContact = async () => {
+  const { valid: isValid } = await formRef.value.validate()
+  if (isValid) sendMessage.execute()
+}
+
 </script>
 
 <i18n lang="yaml">