diff --git a/src/components/CollapsibleSection.vue b/src/components/CollapsibleSection.vue
index 1a92791e..3696d73b 100644
--- a/src/components/CollapsibleSection.vue
+++ b/src/components/CollapsibleSection.vue
@@ -432,4 +432,12 @@ export default {
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
+
+/* WCAG 2.3.3 — the expand animation is decorative; a reduced-motion user gets
+   the expanded section immediately instead of the slide. */
+@media (prefers-reduced-motion: reduce) {
+	.section-content {
+		animation: none;
+	}
+}
 </style>
diff --git a/src/components/ContactpersonenList.vue b/src/components/ContactpersonenList.vue
index 60d13ed8..382af3bf 100644
--- a/src/components/ContactpersonenList.vue
+++ b/src/components/ContactpersonenList.vue
@@ -27,11 +27,11 @@
 			<table class="compact-table">
 				<thead>
 					<tr>
-						<th>{{ t("softwarecatalog", "Name") }}</th>
-						<th>{{ t("softwarecatalog", "Email") }}</th>
-						<th>{{ t("softwarecatalog", "Status") }}</th>
-						<th>{{ t("softwarecatalog", "Groups") }}</th>
-						<th>{{ t("softwarecatalog", "Actions") }}</th>
+						<th scope="col">{{ t("softwarecatalog", "Name") }}</th>
+						<th scope="col">{{ t("softwarecatalog", "Email") }}</th>
+						<th scope="col">{{ t("softwarecatalog", "Status") }}</th>
+						<th scope="col">{{ t("softwarecatalog", "Groups") }}</th>
+						<th scope="col">{{ t("softwarecatalog", "Actions") }}</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -1552,4 +1552,12 @@ export default {
 .loading-icon {
 	color: var(--color-text-lighter);
 }
+
+/* WCAG 2.3.3 — the password-requirement colour transition is decorative; the
+   met/unmet colour still changes, it just changes instantly. */
+@media (prefers-reduced-motion: reduce) {
+	.requirements-list li {
+		transition: none;
+	}
+}
 </style>
diff --git a/src/components/SelectedObjectsList.vue b/src/components/SelectedObjectsList.vue
index c815d8f7..7c92ef83 100644
--- a/src/components/SelectedObjectsList.vue
+++ b/src/components/SelectedObjectsList.vue
@@ -250,4 +250,13 @@ export default {
 	right: 0;
 	left: 0;
 }
+
+/* WCAG 2.3.3 — the item hover transition and the list leave animation are
+   decorative; a reduced-motion user gets the end state directly. */
+@media (prefers-reduced-motion: reduce) {
+	.selected-object-item,
+	.list-leave-active {
+		transition: none;
+	}
+}
 </style>
diff --git a/src/components/StandardTabs.vue b/src/components/StandardTabs.vue
index a5efdf64..1413e7e1 100644
--- a/src/components/StandardTabs.vue
+++ b/src/components/StandardTabs.vue
@@ -167,4 +167,13 @@ export default {
 	}
 	.tab-content { border-top: 1px solid var(--color-border); }
 }
+
+/* WCAG 2.3.3 — honour a reduced-motion preference for the tab hover/active
+   transition. Scoped to the selector that declares motion; everything else
+   keeps its appearance. */
+@media (prefers-reduced-motion: reduce) {
+	.tab-button {
+		transition: none;
+	}
+}
 </style>
diff --git a/src/components/cards/OrganisatieCard.vue b/src/components/cards/OrganisatieCard.vue
index 771e784a..24c67606 100644
--- a/src/components/cards/OrganisatieCard.vue
+++ b/src/components/cards/OrganisatieCard.vue
@@ -530,4 +530,11 @@ export default {
 	color: var(--color-main-text);
 }
 
+/* WCAG 2.3.3 — the card's hover shadow transition is decorative; the shadow
+   still appears, it just appears instantly. */
+@media (prefers-reduced-motion: reduce) {
+	.organisatieCard {
+		transition: none;
+	}
+}
 </style>
diff --git a/src/components/vulnerabilities/VulnerabilityExposurePanel.vue b/src/components/vulnerabilities/VulnerabilityExposurePanel.vue
index 74fdf7b0..a1beb25e 100644
--- a/src/components/vulnerabilities/VulnerabilityExposurePanel.vue
+++ b/src/components/vulnerabilities/VulnerabilityExposurePanel.vue
@@ -25,9 +25,9 @@
 		<table v-else class="ep-table" data-testid="exposure-table">
 			<thead>
 				<tr>
-					<th>{{ t('softwarecatalog', 'Application') }}</th>
-					<th>{{ t('softwarecatalog', 'Organisation') }}</th>
-					<th>{{ t('softwarecatalog', 'Deployed version') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'Application') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'Organisation') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'Deployed version') }}</th>
 				</tr>
 			</thead>
 			<tbody>
diff --git a/src/modals/BulkSyncDialog.vue b/src/modals/BulkSyncDialog.vue
index 4ffa7a68..5d1efd5c 100644
--- a/src/modals/BulkSyncDialog.vue
+++ b/src/modals/BulkSyncDialog.vue
@@ -64,11 +64,11 @@
 							<table class="modules-table">
 								<thead>
 									<tr>
-										<th>Module Name</th>
-										<th>Status</th>
-										<th>Reason</th>
-										<th>Compliance Count</th>
-										<th>Standards Count</th>
+										<th scope="col">Module Name</th>
+										<th scope="col">Status</th>
+										<th scope="col">Reason</th>
+										<th scope="col">Compliance Count</th>
+										<th scope="col">Standards Count</th>
 									</tr>
 								</thead>
 								<tbody>
diff --git a/src/modals/object/MergeObject.vue b/src/modals/object/MergeObject.vue
index 42eb8118..3b13789d 100644
--- a/src/modals/object/MergeObject.vue
+++ b/src/modals/object/MergeObject.vue
@@ -92,10 +92,10 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 				<table class="merge-table">
 					<thead>
 						<tr>
-							<th>Property</th>
-							<th>Source</th>
-							<th>Target</th>
-							<th>Result Value</th>
+							<th scope="col">Property</th>
+							<th scope="col">Source</th>
+							<th scope="col">Target</th>
+							<th scope="col">Result Value</th>
 						</tr>
 					</thead>
 					<tbody>
@@ -125,6 +125,8 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 									<NcTextField
 										v-if="mergedData[property] === 'custom'"
 										v-model="customValues[property]"
+										:label="'Custom value for ' + property"
+										:label-outside="false"
 										:placeholder="'Enter custom value for ' + property"
 										class="custom-input" />
 								</template>
@@ -169,9 +171,9 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 					<table class="file-table">
 						<thead>
 							<tr>
-								<th>Filename</th>
-								<th>Size</th>
-								<th>Type</th>
+								<th scope="col">Filename</th>
+								<th scope="col">Size</th>
+								<th scope="col">Type</th>
 							</tr>
 						</thead>
 						<tbody>
@@ -226,9 +228,9 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 					<table class="relation-table">
 						<thead>
 							<tr>
-								<th>Related Object</th>
-								<th>Relation Type</th>
-								<th>Register/Schema</th>
+								<th scope="col">Related Object</th>
+								<th scope="col">Relation Type</th>
+								<th scope="col">Register/Schema</th>
 							</tr>
 						</thead>
 						<tbody>
@@ -305,9 +307,9 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 					<table class="report-table">
 						<thead>
 							<tr>
-								<th>Property</th>
-								<th>Old Value</th>
-								<th>New Value</th>
+								<th scope="col">Property</th>
+								<th scope="col">Old Value</th>
+								<th scope="col">New Value</th>
 							</tr>
 						</thead>
 						<tbody>
@@ -1194,4 +1196,12 @@ export default {
 .codeMirrorContainer.dark :deep(.cm-line .ͼd)::selection {
 	color: #623907;
 }
+
+/* WCAG 2.3.3 — the selectable-row hover transition is decorative; the
+   highlight still appears, it just appears instantly. */
+@media (prefers-reduced-motion: reduce) {
+	.object-item {
+		transition: none;
+	}
+}
 </style>
diff --git a/src/modals/object/ObjectModal.vue b/src/modals/object/ObjectModal.vue
index c7c062bc..ea9d1a76 100644
--- a/src/modals/object/ObjectModal.vue
+++ b/src/modals/object/ObjectModal.vue
@@ -24,6 +24,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 							<span class="detail-label">Catalogus:</span>
 							<NcButton v-if="selectedCatalogus"
 								class="pencil-button"
+								aria-label="Change catalogue"
 								@click="() => {
 									selectedCatalogus = null;
 									selectedRegister = null;
@@ -48,6 +49,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 							<span class="detail-label">Register:</span>
 							<NcButton v-if="selectedRegister"
 								class="pencil-button"
+								aria-label="Change register"
 								@click="() => {
 									selectedRegister = null;
 									selectedSchema = null
@@ -71,6 +73,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 							<span class="detail-label">Schema:</span>
 							<NcButton v-if="selectedSchema"
 								class="pencil-button"
+								aria-label="Change schema"
 								@click="() => {
 									selectedSchema = null
 								}">
diff --git a/src/modals/object/ViewObject.vue b/src/modals/object/ViewObject.vue
index 0e6e1fce..72fc3d84 100644
--- a/src/modals/object/ViewObject.vue
+++ b/src/modals/object/ViewObject.vue
@@ -83,13 +83,13 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 						<table class="viewTable">
 							<thead>
 								<tr class="viewTableRow">
-									<th class="tableColumnConstrained">
+									<th scope="col" class="tableColumnConstrained">
 										Property
 									</th>
-									<th class="tableColumnExpanded">
+									<th scope="col" class="tableColumnExpanded">
 										Value
 									</th>
-									<th class="tableColumnActions actions-header-cell">
+									<th scope="col" class="tableColumnActions actions-header-cell">
 										<!-- Show/Hide Constant & Immutable Properties Toggle -->
 										<NcButton v-if="hasConstantOrImmutableProperties"
 											v-tooltip="showConstantProperties ? 'Hide constant & immutable properties' : 'Show constant & immutable properties'"
@@ -197,6 +197,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 												<div v-else-if="getPropertyInputComponent(key) === 'NcTextFieldArray'" class="input-with-icon">
 													<NcTextField
 														ref="propertyValueInput"
+														:aria-label="getPropertyDisplayName(key)"
 														:model-value="String(formData[key] !== undefined ? (Array.isArray(formData[key]) ? formData[key].join(',') : formData[key]) : (Array.isArray(value) ? value.join(',') : value || ''))"
 														:type="getPropertyInputType(key)"
 														:placeholder="getPropertyDisplayName(key)"
@@ -214,6 +215,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 												<NcTextField
 													v-else
 													ref="propertyValueInput"
+													:aria-label="getPropertyDisplayName(key)"
 													:model-value="String(formData[key] !== undefined ? formData[key] : value || '')"
 													:type="getPropertyInputType(key)"
 													:placeholder="getPropertyDisplayName(key)"
@@ -308,13 +310,13 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 									<table class="viewTable">
 										<thead>
 											<tr class="viewTableRow">
-												<th class="tableColumnConstrained">
+												<th scope="col" class="tableColumnConstrained">
 													Property
 												</th>
-												<th class="tableColumnExpanded">
+												<th scope="col" class="tableColumnExpanded">
 													Value
 												</th>
-												<th class="tableColumnActions actions-header-cell">
+												<th scope="col" class="tableColumnActions actions-header-cell">
 													<!-- Show/Hide Constant & Immutable Properties Toggle -->
 													<NcButton v-if="hasConstantOrImmutableProperties"
 														v-tooltip="showConstantProperties ? 'Hide constant & immutable properties' : 'Show constant & immutable properties'"
@@ -423,6 +425,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 															<div v-else-if="getPropertyInputComponent(key) === 'NcTextFieldArray'" class="input-with-icon">
 																<NcTextField
 																	ref="propertyValueInput"
+																	:aria-label="getPropertyDisplayName(key)"
 																	:model-value="String(formData[key] !== undefined ? (Array.isArray(formData[key]) ? formData[key].join(',') : formData[key]) : (Array.isArray(value) ? value.join(',') : value || ''))"
 																	:type="getPropertyInputType(key)"
 																	:placeholder="getPropertyDisplayName(key)"
@@ -440,6 +443,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 															<NcTextField
 																v-else
 																ref="propertyValueInput"
+																:aria-label="getPropertyDisplayName(key)"
 																:model-value="String(formData[key] !== undefined ? formData[key] : value || '')"
 																:type="getPropertyInputType(key)"
 																:placeholder="getPropertyDisplayName(key)"
@@ -507,10 +511,10 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 									<table class="viewTable">
 										<thead>
 											<tr class="viewTableRow">
-												<th class="tableColumnConstrained">
+												<th scope="col" class="tableColumnConstrained">
 													Metadata
 												</th>
-												<th class="tableColumnExpanded">
+												<th scope="col" class="tableColumnExpanded">
 													Value
 												</th>
 											</tr>
@@ -588,25 +592,28 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 										<table class="viewTable">
 											<thead>
 												<tr class="viewTableRow">
-													<th class="tableColumnCheckbox">
+													<th scope="col" class="tableColumnCheckbox">
 														<NcCheckboxRadioSwitch
 															:model-value="allFilesSelected"
 															:indeterminate="someFilesSelected"
+															aria-label="Select all attachments"
 															@update:model-value="toggleSelectAllFiles" />
 													</th>
-													<th class="tableColumnExpanded table-row-title">
+													<th scope="col" class="tableColumnExpanded table-row-title">
 														Name
 													</th>
-													<th class="tableColumnConstrained short-column">
+													<th scope="col" class="tableColumnConstrained short-column">
 														Size
 													</th>
-													<th class="tableColumnConstrained table-row-type">
+													<th scope="col" class="tableColumnConstrained table-row-type">
 														Type
 													</th>
-													<th :class="`tableColumnConstrained ${editingTags ? 'table-row-labels' : 'short-column'}`">
+													<th scope="col" :class="`tableColumnConstrained ${editingTags ? 'table-row-labels' : 'short-column'}`">
 														Labels
 													</th>
-													<th class="table-row-actions" />
+													<th scope="col" class="table-row-actions">
+														<span class="hidden-visually">Actions</span>
+													</th>
 												</tr>
 											</thead>
 											<tbody>
@@ -621,6 +628,7 @@ import { objectStore, navigationStore, catalogStore } from '../../store/store.js
 													<td class="tableColumnCheckbox">
 														<NcCheckboxRadioSwitch
 															:model-value="selectedAttachments.includes(attachment.id)"
+															:aria-label="`Select ${attachment.title || attachment.name || 'attachment'}`"
 															@update:model-value="(checked) => toggleFileSelection(attachment.id, checked)" />
 													</td>
 													<td class="tableColumnExpanded table-row-title">
@@ -4376,4 +4384,18 @@ export default {
 .viewObjectDialog .viewTable td.table-row-title {
 	width: 100%;
 }
+
+/* WCAG 2.3.3 — row hover, the drop-property button and the tab strip all
+   animate purely for polish. `!important` mirrors the declaration it has to
+   override on .drop-property-btn. */
+@media (prefers-reduced-motion: reduce) {
+	.viewTableRow,
+	.tab-button {
+		transition: none;
+	}
+
+	.drop-property-btn {
+		transition: none !important;
+	}
+}
 </style>
diff --git a/src/navigation/Configuration.vue b/src/navigation/Configuration.vue
deleted file mode 100644
index 78352f18..00000000
--- a/src/navigation/Configuration.vue
+++ /dev/null
@@ -1,360 +0,0 @@
-<template>
-	<div>
-		<NcAppNavigationItem name="Configuratie" @click="settingsOpen = true">
-			<template #icon>
-				<CogOutline :size="20" />
-			</template>
-		</NcAppNavigationItem>
-		<NcAppSettingsDialog v-model:open="settingsOpen" :show-navigation="true" name="Applicatie instellingen">
-			<NcAppSettingsSection id="federation" name="Federatief stelsel" doc-url="https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory">
-				<template #icon>
-					<LanConnect :size="20" />
-				</template>
-				<NcCheckboxRadioSwitch v-model="configuration.federationActive" type="switch">
-					{{ t('forms', 'Maak automatisch verbinding met federatief stelsel.') }}
-				</NcCheckboxRadioSwitch>
-				<NcCheckboxRadioSwitch v-model="configuration.federationActive" type="switch">
-					{{ t('forms', 'Werk catalogi automatisch bij.') }}
-				</NcCheckboxRadioSwitch>
-				<NcCheckboxRadioSwitch v-model="configuration.federationListed" type="switch">
-					{{ t('forms', 'Maak deze installatie vindbaar binnen het federatief stelsel.') }}
-				</NcCheckboxRadioSwitch>
-				<NcTextField id="federationLocation"
-					label="Internet locatie (url) van deze installatie"
-					placeholder="https://" />
-			</NcAppSettingsSection>
-			<NcAppSettingsSection id="storadge" name="Opslag" doc-url="zaakafhandel.app">
-				<template #icon>
-					<Database :size="20" />
-				</template>
-
-				<p>
-					Hier kunt u de details instellen voor verschillende verbindingen.
-				</p>
-				<NcCheckboxRadioSwitch v-model="configuration.mongoStorage" type="switch">
-					{{ t('forms', 'Gebruik externe opslag (bijv. MongoDb) in plaats van de interne opslag van Next Cloud.') }}
-				</NcCheckboxRadioSwitch>
-				<NcCheckboxRadioSwitch v-model="configuration.cloudStorage" type="switch">
-					{{ t('forms', 'Gebruik VNG API\'s in plaats van MongoDB.') }}
-				</NcCheckboxRadioSwitch>
-				<p>
-					<table>
-						<tbody>
-							<tr>
-								<td class="row-name">
-									DRC
-								</td>
-								<td>Locatie</td>
-								<td>
-									<NcTextField id="drcLocation"
-										v-model="configuration.drcLocation"
-										:label-outside="true"
-										placeholder="https://" />
-								</td>
-								<td>Sleutel</td>
-								<td>
-									<NcTextField id="drcKey"
-										v-model="configuration.drcKey"
-										:label-outside="true"
-										placeholder="***" />
-								</td>
-							</tr>
-							<tr>
-								<td class="row-name">
-									ORC
-								</td>
-								<td>Locatie</td>
-								<td>
-									<NcTextField id="orcLocation"
-										v-model="configuration.orcLocation"
-										:label-outside="true"
-										placeholder="https://" />
-								</td>
-								<td>Sleutel</td>
-								<td>
-									<NcTextField id="orcKey"
-										v-model="configuration.orcKey"
-										:label-outside="true"
-										placeholder="***" />
-								</td>
-							</tr>
-							<tr>
-								<td class="row-name">
-									Elastic
-								</td>
-								<td>Locatie</td>
-								<td>
-									<NcTextField id="elasticLocation"
-										v-model="configuration.elasticLocation"
-										:label-outside="true"
-										placeholder="https://" />
-								</td>
-								<td>Sleutel</td>
-								<td>
-									<NcTextField id="elasticKey"
-										v-model="configuration.elasticKey"
-										:label-outside="true"
-										placeholder="***" />
-								</td>
-								<td>Index</td>
-								<td>
-									<NcTextField id="elasticIndex"
-										v-model="configuration.elasticIndex"
-										:label-outside="true"
-										placeholder="objects" />
-								</td>
-							</tr>
-							<tr>
-								<td class="row-name">
-									Mongo DB
-								</td>
-								<td>Locatie</td>
-								<td>
-									<NcTextField id="mongodbLocation"
-										v-model="configuration.mongodbLocation"
-										:label-outside="true"
-										placeholder="https://" />
-								</td>
-								<td>Sleutel</td>
-								<td>
-									<NcTextField id="mongodbKey"
-										v-model="configuration.mongodbKey"
-										:label-outside="true"
-										placeholder="***" />
-								</td>
-								<td>Cluster naam</td>
-								<td>
-									<NcTextField id="mongodbCluster"
-										v-model="configuration.mongodbCluster"
-										:label-outside="true"
-										placeholder="***" />
-								</td>
-							</tr>
-						</tbody>
-					</table>
-				</p>
-				<NcButton aria-label="Opslaan"
-					variant="primary"
-					wide
-					@click="saveConfig(); feedbackPosition = 'top'">
-					<template #icon>
-						<ContentSave :size="20" />
-					</template>
-					Opslaan
-				</NcButton>
-				<div v-if="feedbackPosition === 'top' && configurationSuccess !== -1">
-					<NcNoteCard :type="configurationSuccess ? 'success' : 'error'">
-						<p>
-							{{ configurationSuccess ?
-								'Configuratie succesvol opgeslagen.' :
-								'Opslaan van configuratie mislukt.'
-							}}
-						</p>
-					</NcNoteCard>
-				</div>
-			</NcAppSettingsSection>
-			<NcAppSettingsSection id="organisation" name="Rolen en Rechten" doc-url="zaakafhandel.app">
-				<template #icon>
-					<AccountLockOpenOutline :size="20" />
-				</template>
-
-				<p>
-					Hier kunt u de details voor uw organisatie instellen.
-				</p>
-
-				<NcTextField id="organisationName" v-model="configuration.organisationName" />
-				<NcTextField id="organisationOin" v-model="configuration.organisationOin" />
-				<NcTextArea id="organisationPki" v-model="configuration.organisationPki" />
-
-				<NcButton aria-label="Opslaan"
-					variant="primary"
-					wide
-					@click="saveConfig(); feedbackPosition = 'bottom'">
-					<template #icon>
-						<ContentSave :size="20" />
-					</template>
-					Opslaan
-				</NcButton>
-				<div v-if="feedbackPosition === 'bottom' && configurationSuccess !== -1">
-					<NcNoteCard :type="configurationSuccess ? 'success' : 'error'">
-						<p>
-							{{ configurationSuccess ?
-								'Configuratie succesvol opgeslagen.' :
-								'Opslaan van configuratie mislukt.'
-							}}
-						</p>
-					</NcNoteCard>
-				</div>
-			</NcAppSettingsSection>
-		</NcAppSettingsDialog>
-	</div>
-</template>
-<script>
-
-import {
-	NcAppSettingsDialog,
-	NcAppSettingsSection,
-	NcAppNavigationItem,
-	NcCheckboxRadioSwitch,
-	NcTextField,
-	NcTextArea,
-	NcButton,
-} from '@nextcloud/vue'
-
-import Database from 'vue-material-design-icons/Database.vue'
-import CogOutline from 'vue-material-design-icons/CogOutline.vue'
-import AccountLockOpenOutline from 'vue-material-design-icons/AccountLockOpenOutline.vue'
-import ContentSave from 'vue-material-design-icons/ContentSave.vue'
-import LanConnect from 'vue-material-design-icons/LanConnect.vue'
-
-export default {
-	name: 'Configuration',
-	components: {
-		NcAppSettingsDialog,
-		NcAppSettingsSection,
-		NcAppNavigationItem,
-		NcCheckboxRadioSwitch,
-		NcTextField,
-		NcTextArea,
-		NcButton,
-		// icons
-		CogOutline,
-		Database,
-		ContentSave,
-		AccountLockOpenOutline,
-		LanConnect,
-	},
-	data() {
-		return {
-
-			// all of this is settings and should be moved
-			settingsOpen: false,
-			orc_location: '',
-			orc_key: '',
-			drc_location: '',
-			drc_key: '',
-			elastic_location: '',
-			elastic_key: '',
-			loading: true,
-			organisation_name: '',
-			organisation_oin: '',
-			organisation_pki: '',
-			configuration: {
-				federationActive: true,
-				federationListed: false,
-				federationLocation: '',
-				external: false,
-				drcLocation: '',
-				drcKey: '',
-				orcLocation: '',
-				orcKey: '',
-				elasticLocation: '',
-				elasticKey: '',
-				elasticIndex: '',
-				mongodbLocation: '',
-				mongodbKey: '',
-				mongodbCluster: '',
-				organisationName: '',
-				organisationOin: '',
-				organisationPki: '',
-			},
-			configurationSuccess: -1,
-			feedbackPosition: '',
-			debounceTimeout: false,
-		}
-	},
-	mounted() {
-		this.fetchData()
-	},
-	methods: {
-		// We use the catalogi in the menu so lets fetch those
-		/**
-		 * @spec openspec/specs/fe-settings-ui/spec.md
-		 */
-		fetchData(newPage) {
-			this.loading = true
-
-			fetch(
-				'/index.php/apps/opencatalogi/configuration',
-				{
-					method: 'GET',
-				},
-			)
-				.then((response) => {
-					response.json().then((data) => {
-						this.configuration = data
-					})
-				})
-				.catch((err) => {
-					console.error(err)
-				})
-		},
-		/**
-		 * @spec openspec/specs/fe-settings-ui/spec.md
-		 */
-		saveConfig() {
-			 // Simple POST request with a JSON body using fetch
-			const requestOptions = {
-				method: 'POST',
-				headers: { 'Content-Type': 'application/json' },
-				body: JSON.stringify(this.configuration),
-			}
-
-			const debounceNotification = (status) => {
-				this.configurationSuccess = status
-
-				if (this.debounceTimeout) {
-					clearTimeout(this.debounceTimeout)
-				}
-
-				this.debounceTimeout = setTimeout(() => {
-					this.feedbackPosition = undefined
-					this.configurationSuccess = -1
-				}, 1500)
-			}
-
-			fetch('/index.php/apps/opencatalogi/configuration', requestOptions)
-				.then((response) => {
-					debounceNotification(response.ok)
-
-					response.json().then((data) => {
-						this.configuration = data
-					})
-				})
-				.catch((err) => {
-					debounceNotification(false)
-					console.error(err)
-				})
-		},
-	},
-}
-</script>
-<style scoped>
-table {
-	table-layout: fixed;
-}
-
-td.row-name {
-	padding-inline-start: 16px;
-}
-
-td.row-size {
-	text-align: right;
-	padding-inline-end: 16px;
-}
-
-.table-header {
-	font-weight: normal;
-	color: var(--color-text-maxcontrast);
-}
-
-.sort-icon {
-	color: var(--color-text-maxcontrast);
-	position: relative;
-	inset-inline: -10px;
-}
-
-.row-size .sort-icon {
-	inset-inline: 10px;
-}
-</style>
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 11cc3500..7338cdbe 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -49,12 +49,12 @@
 				<table class="objectStatisticsTable">
 					<thead>
 						<tr>
-							<th>Object Type</th>
-							<th class="countHeader">
-								Aantal
+							<th scope="col">Object Type</th>
+							<th scope="col" class="countHeader">
+								Count
 							</th>
-							<th class="manageHeader">
-								Beheren
+							<th scope="col" class="manageHeader">
+								Manage
 							</th>
 						</tr>
 					</thead>
@@ -77,11 +77,11 @@
 									<template #icon>
 										<component :is="getIconForObjectType(stat.slug)" :size="16" />
 									</template>
-									Beheren
+									Manage
 								</NcButton>
 								<span v-else class="disabledManage">
 									<component :is="getIconForObjectType(stat.slug)" :size="16" />
-									<span class="strikethrough">Beheren</span>
+									<span class="strikethrough">Manage</span>
 								</span>
 							</td>
 						</tr>
@@ -100,12 +100,12 @@
 				<table class="objectStatisticsTable">
 					<thead>
 						<tr>
-							<th>Object Type</th>
-							<th class="countHeader">
-								Aantal
+							<th scope="col">Object Type</th>
+							<th scope="col" class="countHeader">
+								Count
 							</th>
-							<th class="manageHeader">
-								Beheren
+							<th scope="col" class="manageHeader">
+								Manage
 							</th>
 						</tr>
 					</thead>
@@ -128,11 +128,11 @@
 									<template #icon>
 										<component :is="getIconForObjectType(stat.slug)" :size="16" />
 									</template>
-									Beheren
+									Manage
 								</NcButton>
 								<span v-else class="disabledManage">
 									<component :is="getIconForObjectType(stat.slug)" :size="16" />
-									<span class="strikethrough">Beheren</span>
+									<span class="strikethrough">Manage</span>
 								</span>
 							</td>
 						</tr>
diff --git a/src/views/KwetsbaarhedenView.vue b/src/views/KwetsbaarhedenView.vue
index 3cd41832..526d6a10 100644
--- a/src/views/KwetsbaarhedenView.vue
+++ b/src/views/KwetsbaarhedenView.vue
@@ -56,13 +56,15 @@
 		<table v-else class="vv-table" data-testid="vuln-table">
 			<thead>
 				<tr>
-					<th>{{ t('softwarecatalog', 'Name') }}</th>
-					<th>{{ t('softwarecatalog', 'CVE') }}</th>
-					<th>{{ t('softwarecatalog', 'CVSS') }}</th>
-					<th>{{ t('softwarecatalog', 'Severity') }}</th>
-					<th>{{ t('softwarecatalog', 'Affected applications') }}</th>
-					<th>{{ t('softwarecatalog', 'Exposed usages') }}</th>
-					<th class="vv-actionsCol" />
+					<th scope="col">{{ t('softwarecatalog', 'Name') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'CVE') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'CVSS') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'Severity') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'Affected applications') }}</th>
+					<th scope="col">{{ t('softwarecatalog', 'Exposed usages') }}</th>
+					<th scope="col" class="vv-actionsCol">
+						<span class="hidden-visually">{{ t('softwarecatalog', 'Actions') }}</span>
+					</th>
 				</tr>
 			</thead>
 			<tbody>
diff --git a/src/views/LicensePostureView.vue b/src/views/LicensePostureView.vue
index b7350fb3..ebbcbb71 100644
--- a/src/views/LicensePostureView.vue
+++ b/src/views/LicensePostureView.vue
@@ -55,12 +55,12 @@
 				<table v-else class="pv-table">
 					<thead>
 						<tr>
-							<th>{{ t('softwarecatalog', 'Vendor') }}</th>
-							<th>{{ t('softwarecatalog', 'Deployments') }}</th>
-							<th>{{ t('softwarecatalog', 'Open') }}</th>
-							<th>{{ t('softwarecatalog', 'Closed') }}</th>
-							<th>{{ t('softwarecatalog', 'Unknown') }}</th>
-							<th>{{ t('softwarecatalog', 'Annual cost') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Vendor') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Deployments') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Open') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Closed') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Unknown') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Annual cost') }}</th>
 						</tr>
 					</thead>
 					<tbody>
diff --git a/src/views/organisaties/PortfolioReport.vue b/src/views/organisaties/PortfolioReport.vue
index 5160b6eb..d7705000 100644
--- a/src/views/organisaties/PortfolioReport.vue
+++ b/src/views/organisaties/PortfolioReport.vue
@@ -110,12 +110,12 @@
 				<table class="pr-table">
 					<thead>
 						<tr>
-							<th>{{ t('softwarecatalog', 'Quadrant') }}</th>
-							<th>{{ t('softwarecatalog', 'Count') }}</th>
-							<th>{{ t('softwarecatalog', 'EOL exposed') }}</th>
-							<th>{{ t('softwarecatalog', 'Cloud-transition share') }}</th>
-							<th>{{ t('softwarecatalog', 'Annualised cost') }}</th>
-							<th>{{ t('softwarecatalog', 'One-off cost') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Quadrant') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Count') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'EOL exposed') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Cloud-transition share') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'Annualised cost') }}</th>
+							<th scope="col">{{ t('softwarecatalog', 'One-off cost') }}</th>
 						</tr>
 					</thead>
 					<tbody>
@@ -153,13 +153,13 @@
 					<table v-else class="pr-table">
 						<thead>
 							<tr>
-								<th>{{ t('softwarecatalog', 'Application') }}</th>
-								<th>{{ t('softwarecatalog', 'Rationale') }}</th>
-								<th>{{ t('softwarecatalog', 'Review date') }}</th>
-								<th>{{ t('softwarecatalog', 'Lifecycle phase') }}</th>
-								<th>{{ t('softwarecatalog', 'EOL status') }}</th>
-								<th>{{ t('softwarecatalog', 'Hosting model') }}</th>
-								<th>{{ t('softwarecatalog', 'Annualised cost') }}</th>
+								<th scope="col">{{ t('softwarecatalog', 'Application') }}</th>
+								<th scope="col">{{ t('softwarecatalog', 'Rationale') }}</th>
+								<th scope="col">{{ t('softwarecatalog', 'Review date') }}</th>
+								<th scope="col">{{ t('softwarecatalog', 'Lifecycle phase') }}</th>
+								<th scope="col">{{ t('softwarecatalog', 'EOL status') }}</th>
+								<th scope="col">{{ t('softwarecatalog', 'Hosting model') }}</th>
+								<th scope="col">{{ t('softwarecatalog', 'Annualised cost') }}</th>
 							</tr>
 						</thead>
 						<tbody>
diff --git a/src/views/settings/sections/ArchiMateImportExport.vue b/src/views/settings/sections/ArchiMateImportExport.vue
index 33284518..c496aeb4 100644
--- a/src/views/settings/sections/ArchiMateImportExport.vue
+++ b/src/views/settings/sections/ArchiMateImportExport.vue
@@ -152,7 +152,13 @@
 										Unchanged
 									</div>
 								</div>
-								<div class="summary-item errors" :class="{ clickable: importResult.statistics.summary.total_errors > 0 }" @click="showErrorDetails">
+								<button
+									type="button"
+									class="summary-item errors"
+									:class="{ clickable: importResult.statistics.summary.total_errors > 0 }"
+									:disabled="importResult.statistics.summary.total_errors === 0"
+									:aria-label="`Show details for ${importResult.statistics.summary.total_errors} import errors`"
+									@click="showErrorDetails">
 									<div class="summary-number">
 										{{ importResult.statistics.summary.total_errors }}
 									</div>
@@ -162,7 +168,7 @@
 									<div v-if="importResult.statistics.summary.total_errors > 0" class="click-hint">
 										Click to view details
 									</div>
-								</div>
+								</button>
 							</div>
 						</div>
 
@@ -1283,6 +1289,16 @@ export default {
 	border-radius: var(--border-radius);
 	border: 2px solid transparent;
 	transition: all 0.2s ease;
+	/* The errors tile is a real <button>; neutralise the UA button chrome so
+	   it renders identically to the sibling <div> tiles. */
+	font: inherit;
+	color: inherit;
+	text-align: center;
+	width: 100%;
+}
+
+button.summary-item:disabled {
+	cursor: default;
 }
 
 .summary-item.created {
@@ -1904,4 +1920,15 @@ export default {
 		gap: 0.25rem;
 	}
 }
+
+/* WCAG 2.3.3 — the upload drop-zone and the import summary tiles animate on
+   hover purely for polish; a reduced-motion user gets the same end state
+   without the movement. */
+@media (prefers-reduced-motion: reduce) {
+	.file-upload-label,
+	.summary-item,
+	.summary-item.clickable {
+		transition: none;
+	}
+}
 </style>
diff --git a/src/views/settings/sections/EmailConfiguration.vue b/src/views/settings/sections/EmailConfiguration.vue
index 2c6a4dc7..f1c04287 100644
--- a/src/views/settings/sections/EmailConfiguration.vue
+++ b/src/views/settings/sections/EmailConfiguration.vue
@@ -882,4 +882,11 @@ export default {
 .save-results {
 	margin-top: 1rem;
 }
+
+/* WCAG 2.3.3 — the template-variable chip's hover transition is decorative. */
+@media (prefers-reduced-motion: reduce) {
+	.variable-tag {
+		transition: none;
+	}
+}
 </style>
diff --git a/src/views/settings/sections/StatisticsOverview.vue b/src/views/settings/sections/StatisticsOverview.vue
index 90630ff8..4ce25ad3 100644
--- a/src/views/settings/sections/StatisticsOverview.vue
+++ b/src/views/settings/sections/StatisticsOverview.vue
@@ -31,11 +31,11 @@
 				<table>
 					<thead>
 						<tr>
-							<th>Register</th>
-							<th>Object Type</th>
-							<th>Count</th>
-							<th>Status</th>
-							<th>Actions</th>
+							<th scope="col">Register</th>
+							<th scope="col">Object Type</th>
+							<th scope="col">Count</th>
+							<th scope="col">Status</th>
+							<th scope="col">Actions</th>
 						</tr>
 					</thead>
 					<tbody>
diff --git a/src/views/settings/sections/UserGroupsConfiguration.vue b/src/views/settings/sections/UserGroupsConfiguration.vue
index cb0209ac..62490b13 100644
--- a/src/views/settings/sections/UserGroupsConfiguration.vue
+++ b/src/views/settings/sections/UserGroupsConfiguration.vue
@@ -706,4 +706,12 @@ export default {
 .tab-panel.active {
 	display: block; /* Show when active */
 }
+
+/* WCAG 2.3.3 — the tab underline transition is decorative; the active
+   underline still moves, it just moves instantly. */
+@media (prefers-reduced-motion: reduce) {
+	.tab-button {
+		transition: none;
+	}
+}
 </style>