From 4040cbca7bdfb5ff871f002d3a8d5960ef191ee9 Mon Sep 17 00:00:00 2001
From: Jens <jens@localhost>
Date: Sun, 23 Aug 2026 15:11:46 +0200
Subject: [PATCH] Vertaal tien Engelse aria-labels

Deze worden voorgelezen aan gebruikers die met een schermlezer werken. In een
verder Nederlandse werkbank hoorden zij "Export artifact actions" en "Map
selection QA shortcut".

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 frontend/src/components/datasets/DatasetPanel.tsx    |  2 +-
 frontend/src/components/exports/ExportCenter.tsx     | 10 +++++-----
 frontend/src/components/exports/ExportPreview.tsx    |  2 +-
 frontend/src/components/map/MapAdvancedWorkbench.tsx |  6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/datasets/DatasetPanel.tsx b/frontend/src/components/datasets/DatasetPanel.tsx
index 2987f2d9..1a2ee3ff 100644
--- a/frontend/src/components/datasets/DatasetPanel.tsx
+++ b/frontend/src/components/datasets/DatasetPanel.tsx
@@ -270,7 +270,7 @@ export function DatasetPanel({
         </form>
       </details>
 
-      <div className="dataset-role-summary-grid" aria-label="Dataset role summary">
+      <div className="dataset-role-summary-grid" aria-label="Overzicht van bronrollen">
         {roleSummaries.map((summary) => (
           <div className={`dataset-role-summary ${summary.className}`} key={summary.key}>
             <strong>{summary.count}</strong>
diff --git a/frontend/src/components/exports/ExportCenter.tsx b/frontend/src/components/exports/ExportCenter.tsx
index 9abe36a1..f45b73da 100644
--- a/frontend/src/components/exports/ExportCenter.tsx
+++ b/frontend/src/components/exports/ExportCenter.tsx
@@ -193,7 +193,7 @@ export function ExportCenter({
           <span className="count-pill">{exports.length} bestanden</span>
         </div>
 
-        <div className="export-summary-surface" aria-label="Export summary">
+        <div className="export-summary-surface" aria-label="Samenvatting van de downloads">
           <div className="quality-summary-grid">
             <div>
               <span>GeoJSON</span>
@@ -210,7 +210,7 @@ export function ExportCenter({
           </div>
         </div>
 
-        <div className="export-handoff-surface" aria-label="Export handoff readiness">
+        <div className="export-handoff-surface" aria-label="Gereedheid voor overdracht">
           <div className="handoff-summary-card">
             <div className="panel-title-row">
               <div>
@@ -282,7 +282,7 @@ export function ExportCenter({
           </div>
         </div>
 
-        <div className="export-actions-surface" aria-label="Export artifact actions">
+        <div className="export-actions-surface" aria-label="Acties om resultaten te bewaren">
           <div className="panel-title-row">
             <div>
               <h3>Wat wil je bewaren?</h3>
@@ -383,7 +383,7 @@ export function ExportCenter({
           ) : null}
         </div>
 
-        <details className="export-history-surface export-history-disclosure" aria-label="Export history">
+        <details className="export-history-surface export-history-disclosure" aria-label="Downloadgeschiedenis">
           <summary>
             <span>Downloadgeschiedenis</span>
             <strong>{exports.length} bestanden</strong>
@@ -394,7 +394,7 @@ export function ExportCenter({
             <p className="muted">Bekijk persistente bestanden en open beschikbare JSON-voorbeelden.</p>
           </div>
           {exports.length > 0 ? (
-            <div className="export-history-controls" aria-label="Export history filters">
+            <div className="export-history-controls" aria-label="Filters op de downloadgeschiedenis">
               <label>
                 Downloads zoeken
                 <input
diff --git a/frontend/src/components/exports/ExportPreview.tsx b/frontend/src/components/exports/ExportPreview.tsx
index 7211942b..19914b88 100644
--- a/frontend/src/components/exports/ExportPreview.tsx
+++ b/frontend/src/components/exports/ExportPreview.tsx
@@ -33,7 +33,7 @@ export function ExportPreview({ content }: ExportPreviewProps): JSX.Element {
       </div>
       {content ? (
         <>
-          <div className="export-preview-summary" aria-label="Export preview summary">
+          <div className="export-preview-summary" aria-label="Samenvatting van het voorbeeld">
             <div className="export-preview-summary-card">
               <span>Type inhoud</span>
               <strong>{previewStats?.rootType}</strong>
diff --git a/frontend/src/components/map/MapAdvancedWorkbench.tsx b/frontend/src/components/map/MapAdvancedWorkbench.tsx
index c4255031..03b07c0f 100644
--- a/frontend/src/components/map/MapAdvancedWorkbench.tsx
+++ b/frontend/src/components/map/MapAdvancedWorkbench.tsx
@@ -887,7 +887,7 @@ export function MapAdvancedWorkbench({ props, view }: MapAdvancedWorkbenchProps)
                 <p className="muted">Bewaarde afgeleide laag: {latestSelectionDatasetName}</p>
               ) : null}
               {latestSelectionDatasetName ? (
-                <div className="map-selection-qa-surface" aria-label="Map selection QA shortcut">
+                <div className="map-selection-qa-surface" aria-label="Snelkoppeling naar de kwaliteitscontrole van de selectie">
                   <label>
                     Referentielaag
                     <select
@@ -913,7 +913,7 @@ export function MapAdvancedWorkbench({ props, view }: MapAdvancedWorkbenchProps)
                   </button>
                   {mapSelectionQaError ? <p className="error">{mapSelectionQaError}</p> : null}
                   {mapSelectionQaResult ? (
-                    <div className="map-selection-qa-evidence" aria-label="Map selection QA result">
+                    <div className="map-selection-qa-evidence" aria-label="Kwaliteitsresultaat van de kaartselectie">
                       <div className="panel-title-row">
                         <div>
                           <p className="eyebrow">Kaartbewijs</p>
@@ -977,7 +977,7 @@ export function MapAdvancedWorkbench({ props, view }: MapAdvancedWorkbenchProps)
                 </div>
               ) : null}
               {areaSelectionPreviewFeatures.length > 0 ? (
-                <div className="table-scroll feature-property-table" aria-label="Area selection feature table">
+                <div className="table-scroll feature-property-table" aria-label="Tabel met objecten in de gebiedsselectie">
                   <table>
                     <thead>
                       <tr>