diff --git a/docs/accessibility/ACCESSIBILITY_FINDINGS.md b/docs/accessibility/ACCESSIBILITY_FINDINGS.md
index c5538c0ea1..9b80077ddd 100644
--- a/docs/accessibility/ACCESSIBILITY_FINDINGS.md
+++ b/docs/accessibility/ACCESSIBILITY_FINDINGS.md
@@ -1550,14 +1550,18 @@ These patterns recur across the codebase and should be fixed once (component/sou
 
 ### Recommended Fix Order
 
-1. **Critical blockers:** A11Y-001, A11Y-002 (build the `Clickable` and `IconButton` primitives first).
-2. **Keyboard navigation:** A11Y-006, A11Y-007, A11Y-009, A11Y-015, A11Y-020, A11Y-021, A11Y-033.
-3. **Screen reader support:** A11Y-004, A11Y-008, A11Y-010, A11Y-012, A11Y-013, A11Y-014, A11Y-024, A11Y-026, A11Y-030, A11Y-034.
-4. **Forms:** A11Y-005, A11Y-016, A11Y-019, A11Y-029.
+1. **Critical blockers:** A11Y-001 (completed), A11Y-002 (completed) — build the `Clickable` and `IconButton` primitives first.
+2. **Keyboard navigation:** A11Y-006 (completed), A11Y-007, A11Y-009, A11Y-015, A11Y-020 (completed), A11Y-021 (completed), A11Y-033.
+3. **Screen reader support:** A11Y-004 (completed), A11Y-008 (completed), A11Y-010 (completed), A11Y-012, A11Y-013, A11Y-014, A11Y-024, A11Y-026, A11Y-030, A11Y-034.
+4. **Forms:** A11Y-005 (completed), A11Y-016 (completed), A11Y-019 (completed), A11Y-029.
 5. **Dialogs & focus management:** A11Y-011, A11Y-017, A11Y-023 (build `AppModal`).
-6. **Semantic HTML improvements:** A11Y-003, A11Y-018, A11Y-028, A11Y-031, A11Y-035.
+6. **Semantic HTML improvements:** A11Y-003 (completed), A11Y-018 (completed), A11Y-028 (completed), A11Y-031, A11Y-035 (completed).
 7. **Remaining low-priority items:** A11Y-022, A11Y-025, A11Y-027, A11Y-032.
 
+> "(completed)" means the fix is merged into `develop`. 15 of 35 findings are done: A11Y-001, 002, 003, 004, 005, 006, 008, 010, 016, 018, 019, 020, 021, 028, 035.
+>
+> Partially covered: A11Y-005 — one control is still unlabeled, tracked as FU-004 in `FOLLOW_UPS.md`. A11Y-032 was in scope of the semantic-HTML branch but was not fixed; `RedeemPopup` still uses `<a onClick>` with no `href`.
+
 ---
 
 *Generated from a repository-wide accessibility audit. Line numbers reflect the state of the code at audit time and may shift as the codebase changes; re-verify before fixing. Automated color-contrast testing (axe/Lighthouse) and manual screen-reader passes (NVDA, VoiceOver) are recommended to complement this static review.*
diff --git a/docs/accessibility/FOLLOW_UPS.md b/docs/accessibility/FOLLOW_UPS.md
index b207d07815..8cdde2d8c6 100644
--- a/docs/accessibility/FOLLOW_UPS.md
+++ b/docs/accessibility/FOLLOW_UPS.md
@@ -282,3 +282,58 @@ Hoist `handleMouseEnter` (and any other Hooks) above the conditional so they run
 
 - File: `src/features/common/WebappButton/index.tsx` (link branch).
 - Related: shared `isExternalUrl` helper in `src/utils/url.ts`.
+
+## FU-006 — Give empty-state illustrations a text alternative
+
+**Status:** Open.
+**Origin:** Surfaced during A11Y-010 (live regions) while checking whether the PlanetCash empty transactions state is announced. It is not announced, but the cause is a missing text alternative (WCAG 1.1.1), not a missing live region (4.1.3), so it is out of scope for A11Y-010.
+**Priority:** Medium — `NoTransactionsFound` is a real content gap for screen reader users; the rest is consistency work.
+
+### Background
+
+`NoTransactionsFound` renders an illustration and nothing else:
+
+```tsx
+const NoTransactionsFound = (): ReactElement => {
+  return (
+    <CenteredContainer className="CenteredContainer--small">
+      <TransactionsNotFound />
+    </CenteredContainer>
+  );
+};
+```
+
+`TransactionsNotFound` is a bare inline `<svg>` with no `role`, no `<title>`, and no `aria-label`. So a sighted user sees "you have no transactions" and a screen reader user gets nothing at all: the container is empty as far as assistive tech is concerned.
+
+The neighbouring `NoDataFound` illustration in the projects list has the inverse problem. It is also unlabeled, but it sits next to a visible "No project found" paragraph that already carries the meaning, so the SVG is decorative and should be hidden rather than named.
+
+### Proposal
+
+Prefer real text over an SVG label, so the empty state is visible to everyone and translatable:
+
+1. Add a visible message to `NoTransactionsFound` (new `Me` namespace key, for example `noTransactionsFound`; no such key exists today), mirroring how `ProjectList` pairs `NoDataFound` with `noProjectFound` text.
+2. Mark both illustrations `aria-hidden="true"` once the text carries the meaning. Following the A11Y-002 convention, wrap the icon component in `<span aria-hidden="true" style={{ display: 'contents' }}>` rather than editing the SVG, unless the SVG is edited directly.
+3. Sweep for other empty-state and error illustrations that are the sole content of their container, and apply the same treatment.
+
+If a visible message is not wanted for a given state, the fallback is `role="img"` plus a localized `aria-label` on the SVG.
+
+### Why deferred (not fixed in the A11Y-010 PR)
+
+- **Different finding** — A11Y-010 covers status messages under 4.1.3. A missing text alternative is 1.1.1 and belongs with the A11Y-002 / A11Y-004 image and naming work.
+- **Adds visible UI** — a new visible string and a new i18n key is a design and copy decision, not a silent a11y fix.
+- **Scope discipline** — the sweep across other empty-state illustrations should be reviewed as its own change.
+
+### Suggested acceptance criteria
+
+- [ ] `NoTransactionsFound` exposes a localized text alternative; the empty state is conveyed to screen reader users.
+- [ ] New i18n key added to the `en` locale only (Lingohub manages the rest).
+- [ ] Decorative empty-state illustrations (`NoDataFound`, and any others found in the sweep) are `aria-hidden`, so the message is not announced twice.
+- [ ] No visual regression in either empty state.
+- [ ] Verified with a screen reader and axe (`svg-img-alt`).
+
+### References
+
+- Component: `src/features/user/PlanetCash/components/NoTransactionsFound.tsx`.
+- Illustrations: `public/assets/images/icons/TransactionsNotFound.tsx`, `public/assets/images/icons/projectV2/NoDataFound.tsx`.
+- Reference pattern: `src/features/projectsV2/ProjectList/index.tsx` (illustration + visible text).
+- Surfaced by: `ACCESSIBILITY_FINDINGS.md` → A11Y-010; related findings A11Y-002, A11Y-004.
diff --git a/public/static/locales/en/common.json b/public/static/locales/en/common.json
index 6abcfb62d1..f3f99aa06d 100644
--- a/public/static/locales/en/common.json
+++ b/public/static/locales/en/common.json
@@ -8,6 +8,7 @@
     "nextSlide": "Next slide",
     "previousSlide": "Previous slide",
     "loadingProfile": "Loading your profile",
+    "loading": "Loading",
     "and": "and",
     "tree": "{count, plural, =1 {Tree} other {Trees}}",
     "m2": "m²",
diff --git a/public/static/locales/en/donationReceipt.json b/public/static/locales/en/donationReceipt.json
index a3177774db..0d0163974a 100644
--- a/public/static/locales/en/donationReceipt.json
+++ b/public/static/locales/en/donationReceipt.json
@@ -54,6 +54,7 @@
     "donorContactManagement": "Donor Contact Management",
     "contactManagementHeader": "Update profile and address",
     "saveDataAndReturn": "Save data and return",
+    "savingDonorInfo": "Saving your details",
     "donationReceipt": "Donation Receipt",
     "verifyAndDownload": "Verify & Download",
     "itemsReferenceDateMultiDonation": "<u>{count, plural, one {# Item} other {# Items}}</u>",
diff --git a/public/static/locales/en/me.json b/public/static/locales/en/me.json
index 1fd62622ef..53d8b02aba 100644
--- a/public/static/locales/en/me.json
+++ b/public/static/locales/en/me.json
@@ -192,6 +192,7 @@
     "downloads": "Downloads",
     "account": "Account",
     "loadMore": "Load More",
+    "loadingTransactions": "Loading transactions",
     "setTarget": "Set Target",
     "targetSave": "Save",
     "targetErrorMessage": "Number must be greater than zero",
diff --git a/src/features/common/ContentLoaders/Projects/GlobeLoader.tsx b/src/features/common/ContentLoaders/Projects/GlobeLoader.tsx
index e9a61d7f12..2781bdaee2 100644
--- a/src/features/common/ContentLoaders/Projects/GlobeLoader.tsx
+++ b/src/features/common/ContentLoaders/Projects/GlobeLoader.tsx
@@ -1,31 +1,49 @@
 import type { ReactElement } from 'react';
 
 import { motion } from 'framer-motion';
+import { useTranslations } from 'next-intl';
 
 import GlobeLoader from '../../../../../public/assets/images/icons/Globe';
+import LiveRegion from '../../LiveRegion';
 
 function GlobeContentLoader(): ReactElement {
+  const t = useTranslations('Common');
+
   return (
-    <motion.div
-      animate={{
-        translateY: [0, 20, 0],
-      }}
-      transition={{
-        duration: 1,
-        ease: 'easeInOut',
-        times: [0, 0.5, 1],
-        loop: Infinity,
-        repeatDelay: 0,
-      }}
-      style={{
-        height: '100vh',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}
-    >
-      <GlobeLoader />
-    </motion.div>
+    <>
+      {/* The animated globe has no text, so the loading message is announced
+    instead. The live region is placed next to the globe, not inside it,
+    because the globe uses `aria-busy`. Screen readers may ignore live region
+    updates inside a busy element until loading finishes.
+
+    The live region cannot stay on the page because this component is only
+    rendered while loading. That's okay here because the loading message never
+    changes. */}
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {t('loading')}
+      </LiveRegion>
+      <motion.div
+        aria-busy="true"
+        animate={{
+          translateY: [0, 20, 0],
+        }}
+        transition={{
+          duration: 1,
+          ease: 'easeInOut',
+          times: [0, 0.5, 1],
+          loop: Infinity,
+          repeatDelay: 0,
+        }}
+        style={{
+          height: '100vh',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}
+      >
+        <GlobeLoader />
+      </motion.div>
+    </>
   );
 }
 
diff --git a/src/features/common/Layout/ErrorPopup/index.tsx b/src/features/common/Layout/ErrorPopup/index.tsx
index 479257b82f..5e2a451929 100644
--- a/src/features/common/Layout/ErrorPopup/index.tsx
+++ b/src/features/common/Layout/ErrorPopup/index.tsx
@@ -3,6 +3,7 @@ import type { ReactElement } from 'react';
 import { useEffect } from 'react';
 import CloseIcon from '../../../../../public/assets/images/icons/CloseIcon';
 import IconButton from '../../IconButton';
+import LiveRegion from '../../LiveRegion';
 import styles from './ErrorPopup.module.scss';
 import { useTranslations } from 'next-intl';
 import { useErrorHandlingStore } from '../../../../stores/errorHandlingStore';
@@ -62,9 +63,15 @@ export default function ErrorPopup(): ReactElement {
               >
                 <CloseIcon color={'#f44336'} width={'10'} height={'10'} />
               </IconButton>
-              <div className={styles.errorContent}>
+              {/* Assertive: an API failure the user must hear immediately.
+                  Scoped to the message so the close button is not announced
+                  as part of the alert. */}
+              <LiveRegion
+                politeness="assertive"
+                className={styles.errorContent}
+              >
                 {processErrorMessage(err.message)}
-              </div>
+              </LiveRegion>
             </div>
           );
         })}
diff --git a/src/features/common/LiveRegion/LiveRegion.module.scss b/src/features/common/LiveRegion/LiveRegion.module.scss
new file mode 100644
index 0000000000..fbb11b4d21
--- /dev/null
+++ b/src/features/common/LiveRegion/LiveRegion.module.scss
@@ -0,0 +1,15 @@
+// Screen-reader-only content: removed from the visual flow so it reserves no
+// space, while remaining announced by assistive tech.
+// `display: none` / `visibility: hidden` would remove it from the a11y tree,
+// so the clip technique is used instead.
+.visuallyHidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
diff --git a/src/features/common/LiveRegion/index.tsx b/src/features/common/LiveRegion/index.tsx
new file mode 100644
index 0000000000..e57dc2e0da
--- /dev/null
+++ b/src/features/common/LiveRegion/index.tsx
@@ -0,0 +1,97 @@
+import type { ReactElement, ReactNode } from 'react';
+
+import { clsx } from 'clsx';
+import styles from './LiveRegion.module.scss';
+
+/**
+ * How urgently an update should reach a screen reader.
+ *
+ * - `assertive` → `role="alert"`. Interrupts whatever is being read. Use for
+ *   errors and failed actions the user must hear right away.
+ * - `polite` → `role="status"`. Queued until the reader is idle. Use for
+ *   result counts, empty states, upload/save progress and success messages.
+ */
+export type LiveRegionPoliteness = 'assertive' | 'polite';
+
+/** Elements a live region may render as. Kept to text-level containers. */
+export type LiveRegionElement = 'div' | 'p' | 'span';
+
+export interface LiveRegionProps {
+  /** Announcement urgency. Maps to `role="alert"` / `role="status"`. */
+  politeness: LiveRegionPoliteness;
+
+  /** The message. May be empty while there is nothing to announce. */
+  children?: ReactNode;
+
+  /** Element to render. Defaults to `div`. */
+  as?: LiveRegionElement;
+
+  /** Additional CSS classes. Existing message styling is preserved. */
+  className?: string;
+
+  /**
+   * Announce the message without showing it. Use when the visual cue is a
+   * spinner or skeleton that carries no text.
+   */
+  isVisuallyHidden?: boolean;
+
+  /** Forwarded so the region can still be referenced by `aria-describedby`. */
+  id?: string;
+}
+
+/**
+ * Announces messages that appear or change after the page loads.
+ *
+ * Screen readers don't automatically read updates in a normal element.
+ * Wrapping the content in a live region makes those updates get announced
+ * without moving the user's focus.
+ *
+ * Keep the live region on the page and only update its content instead of
+ * adding a new one. This is more reliable for screen readers.
+ *
+ * This is especially important for `polite` messages. Some screen readers only
+ * announce changes inside a live region that is already on the page, so adding
+ * the region together with its message may not be announced. `assertive`
+ * (`role="alert"`) messages are usually announced even when the region is
+ * added with the message.
+ *
+ * If keeping a visible live region on the page would affect the layout, keep a
+ * hidden live region (`isVisuallyHidden`) on the page and render the visible
+ * message separately:
+ *
+ * ```tsx
+ * <LiveRegion politeness="polite" isVisuallyHidden>
+ *   {isSaving ? t('saving') : ''}
+ * </LiveRegion>
+ * {isSaving && <div className={styles.spinner} />}
+ * ```
+ *
+ * Don't place a live region inside an element with `aria-busy={true}`.
+ * Screen readers wait until the busy element has finished updating, so
+ * messages inside it may not be announced. Render the live region next to the
+ * busy element instead.
+ */
+function LiveRegion({
+  politeness,
+  children,
+  as: Element = 'div',
+  className,
+  isVisuallyHidden = false,
+  id,
+}: LiveRegionProps): ReactElement {
+  return (
+    <Element
+      id={id}
+      role={politeness === 'assertive' ? 'alert' : 'status'}
+      // Both roles already imply these values, but some older
+      // screen-reader/browser pairs only act on the explicit attributes.
+      aria-live={politeness}
+      aria-atomic="true"
+      className={clsx(isVisuallyHidden && styles.visuallyHidden, className)}
+    >
+      {children}
+    </Element>
+  );
+}
+
+export default LiveRegion;
diff --git a/src/features/common/RedeemCode/RedeemFailed.tsx b/src/features/common/RedeemCode/RedeemFailed.tsx
index 024311fe23..8f0be91a99 100644
--- a/src/features/common/RedeemCode/RedeemFailed.tsx
+++ b/src/features/common/RedeemCode/RedeemFailed.tsx
@@ -3,6 +3,7 @@ import type { SerializedError } from '@planet-sdk/common';
 
 import CancelIcon from '../../../../public/assets/images/icons/CancelIcon';
 import IconButton from '../IconButton';
+import LiveRegion from '../LiveRegion';
 import styles from '../../../../src/features/common/RedeemCode/style/RedeemModal.module.scss';
 import { useTranslations } from 'next-intl';
 import Button from '@mui/material/Button';
@@ -36,9 +37,10 @@ export const RedeemFailed = ({
       </div>
 
       <div className={styles.redeemTitle}>{inputCode}</div>
-      <div className={styles.formErrors}>
+      {/* Assertive: the redeem attempt failed, so the reason must interrupt. */}
+      <LiveRegion politeness="assertive" className={styles.formErrors}>
         {errorMessages && errorMessages[0]?.message}
-      </div>
+      </LiveRegion>
       <div className={styles.redeemCodeButtonContainer}>
         <Button variant="contained" onClick={redeemAnotherCode}>
           {t('redeemAnotherCode')}
diff --git a/src/features/projectsV2/ProjectList/index.tsx b/src/features/projectsV2/ProjectList/index.tsx
index f2f141bc85..b0e7ebc8b9 100644
--- a/src/features/projectsV2/ProjectList/index.tsx
+++ b/src/features/projectsV2/ProjectList/index.tsx
@@ -7,6 +7,7 @@ import styles from '../ProjectsSection.module.scss';
 import NoDataFound from '../../../../public/assets/images/icons/projectV2/NoDataFound';
 import { Virtuoso } from 'react-virtuoso';
 import ProjectSnippet from '../ProjectSnippet';
+import LiveRegion from '../../common/LiveRegion';
 import { useProjectStore } from '../../../stores';
 import { useFilteredProjects } from '../../../hooks/useFilteredProjects';
 
@@ -67,33 +68,48 @@ const ProjectList = ({ tabSelected }: ProjectListProps) => {
 
   const isProjectFound = !(projectsToDisplay?.length === 0);
 
-  if (!isProjectFound) {
-    return (
-      <div className={styles.projectList}>
-        <div className={styles.noProjectFoundContainer}>
-          <NoDataFound />
-          <p className={styles.noProjectFoundText}>
-            {tAllProjects('noProjectFound')}
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  // Virtualized so only the cards near the viewport mount (was ~259 at once).
   return (
-    <Virtuoso
-      className={styles.projectList}
-      data={sortedProjects ?? []}
-      computeItemKey={(_, project) => project.properties.id}
-      itemContent={(_, project) => (
-        <div style={{ paddingBottom: 12 }}>{renderProjectSnippet(project)}</div>
+    <>
+      {/* This is a `polite` message because "No projects found" is the result of the
+    user's search or filter, not an error.
+
+    Keep the live region outside the conditional rendering so it stays on the
+    page. When the text changes from empty to "No projects found", screen
+    readers announce it more reliably than if the live region is added together
+    with the message.
+
+    The live region is visually hidden, so it doesn't affect the visible layout
+    or the empty state UI. */}
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {isProjectFound ? '' : tAllProjects('noProjectFound')}
+      </LiveRegion>
+      {!isProjectFound ? (
+        <div className={styles.projectList}>
+          <div className={styles.noProjectFoundContainer}>
+            <NoDataFound />
+            <p className={styles.noProjectFoundText}>
+              {tAllProjects('noProjectFound')}
+            </p>
+          </div>
+        </div>
+      ) : (
+        // Virtualized so only the cards near the viewport mount (was ~259 at once).
+        <Virtuoso
+          className={styles.projectList}
+          data={sortedProjects ?? []}
+          computeItemKey={(_, project) => project.properties.id}
+          itemContent={(_, project) => (
+            <div style={{ paddingBottom: 12 }}>
+              {renderProjectSnippet(project)}
+            </div>
+          )}
+          overscan={600} // px; ~3 cards above and below viewport to avoid sudden appearance while scrolling
+          components={{
+            Footer: () => <div style={{ height: 53 }} />,
+          }}
+        />
       )}
-      overscan={600} // px; ~3 cards above and below viewport to avoid sudden appearance while scrolling
-      components={{
-        Footer: () => <div style={{ height: 53 }} />,
-      }}
-    />
+    </>
   );
 };
 
diff --git a/src/features/projectsV2/ProjectListControls/ProjectListControlForMobile.tsx b/src/features/projectsV2/ProjectListControls/ProjectListControlForMobile.tsx
index f84838cc12..0741575844 100644
--- a/src/features/projectsV2/ProjectListControls/ProjectListControlForMobile.tsx
+++ b/src/features/projectsV2/ProjectListControls/ProjectListControlForMobile.tsx
@@ -10,6 +10,7 @@ import { SearchAndFilter } from './microComponents/ProjectSearchAndFilter';
 import ViewModeTabs from './microComponents/ViewModeTabs';
 import ClassificationDropDown from './microComponents/ClassificationDropDown';
 import ActiveSearchField from './microComponents/ActiveSearchField';
+import LiveRegion from '../../common/LiveRegion';
 import { useUserProps } from '../../common/Layout/UserPropsContext';
 import MapFeatureExplorer from '../ProjectsMap/MapFeatureExplorer';
 import { clsx } from 'clsx';
@@ -73,6 +74,15 @@ const ProjectListControlForMobile = ({
 
   return (
     <>
+      {/*           Hoisted above the `isSearching` branch so it stays mounted while the
+          visible chip comes and goes, making each count change a text mutation
+          in an already-observed region rather than a fresh insertion.
+          Visually hidden and out of flow, so the control row is unaffected. */}
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {shouldDisplayFilterResults && filteredProjectCount > 0
+          ? tAllProjects('filterResult', { count: filteredProjectCount })
+          : ''}
+      </LiveRegion>
       {isSearching ? (
         <div className={tabContainerClasses}>
           <ActiveSearchField setIsFilterOpen={setIsFilterOpen} />
diff --git a/src/features/projectsV2/ProjectListControls/index.tsx b/src/features/projectsV2/ProjectListControls/index.tsx
index 734cd3e8c7..6c84a6bc30 100644
--- a/src/features/projectsV2/ProjectListControls/index.tsx
+++ b/src/features/projectsV2/ProjectListControls/index.tsx
@@ -7,6 +7,7 @@ import ActiveSearchField from './microComponents/ActiveSearchField';
 import ClassificationDropDown from './microComponents/ClassificationDropDown';
 import ProjectListTabLargeScreen from './microComponents/ProjectListTabLargeScreen';
 import { SearchAndFilter } from './microComponents/ProjectSearchAndFilter';
+import LiveRegion from '../../common/LiveRegion';
 import { useProjectStore } from '../../../stores';
 import { useFilteredProjects } from '../../../hooks/useFilteredProjects';
 
@@ -68,6 +69,18 @@ const ProjectListControls = ({
 
   return (
     <>
+      {/* 
+    Keep the live region outside the `isSearching` condition so it stays on the
+    page. When the result count changes, screen readers announce the updated
+    text more reliably than if the live region is added with the message.
+
+    The live region is visually hidden, so it does not affect the layout or the
+    control bar. */}
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {isFilterApplied
+          ? tAllProjects('filterResult', { count: filteredProjectCount })
+          : ''}
+      </LiveRegion>
       {isSearching ? (
         <ActiveSearchField setIsFilterOpen={setIsFilterOpen} />
       ) : (
diff --git a/src/features/user/BulkCodes/components/UploadWidget.tsx b/src/features/user/BulkCodes/components/UploadWidget.tsx
index ac6913ad37..4b9bac417a 100644
--- a/src/features/user/BulkCodes/components/UploadWidget.tsx
+++ b/src/features/user/BulkCodes/components/UploadWidget.tsx
@@ -8,6 +8,7 @@ import { useTranslations } from 'next-intl';
 import FileUploadIcon from '../../../../../public/assets/images/icons/FileUploadIcon';
 import FileProcessingIcon from '../../../../../public/assets/images/icons/FileProcessingIcon';
 import FileAttachedIcon from '../../../../../public/assets/images/icons/FileAttachedIcon';
+import LiveRegion from '../../../common/LiveRegion';
 import styles from '../BulkCodes.module.scss';
 import handleFileUpload from '../../../../utils/handleFileUpload';
 
@@ -114,29 +115,41 @@ const UploadWidget = ({
     }
   };
 
-  const renderStatusText = (
+  const getStatusText = (
     status: UploadStates,
     error: FileImportError | null,
     hasIgnoredColumns: boolean
   ) => {
-    let statusText;
     switch (status) {
-      case 'success':
-        statusText = t(`statusUploadCSV.${status}`);
-        if (hasIgnoredColumns) {
-          statusText = statusText.concat(
-            ' - ',
-            t('successUploadCSV.ignoredColumns')
-          );
-        }
-        break;
+      case 'success': {
+        const successText = t(`statusUploadCSV.${status}`);
+        return hasIgnoredColumns
+          ? successText.concat(' - ', t('successUploadCSV.ignoredColumns'))
+          : successText;
+      }
       case 'error':
-        statusText = `${t(`statusUploadCSV.${status}`)} - ${error?.message}`;
-        break;
+        return `${t(`statusUploadCSV.${status}`)} - ${error?.message}`;
       default:
         return null;
     }
-    return (
+  };
+
+  const statusText = getStatusText(status, error, hasIgnoredColumns);
+
+  const renderStatusText = () => {
+    if (statusText === null) return null;
+    // An upload error is assertive: the action failed and needs a retry. An
+    // alert inserted with its text is reliably announced, so this one carries
+    // the visible message directly. Success is handled by the persistent
+    // polite region below, so it renders as plain text here.
+    return status === 'error' ? (
+      <LiveRegion
+        politeness="assertive"
+        className={styles[`uploadWidget__statusText--${status}`]}
+      >
+        {statusText}
+      </LiveRegion>
+    ) : (
       <div className={styles[`uploadWidget__statusText--${status}`]}>
         {statusText}
       </div>
@@ -144,24 +157,46 @@ const UploadWidget = ({
   };
 
   return (
-    <div
-      {...getRootProps({
-        onClick: (e) => {
-          if (shouldWarn) {
-            const shouldContinue = confirm(t('fileUploadWarning'));
-            if (!shouldContinue) e.stopPropagation();
-          }
-        },
-        className: `${styles.uploadWidget} ${
-          status === 'error' ? styles[`uploadWidget--${status}`] : ''
-        }`,
-      })}
-    >
-      <input {...getInputProps()} />
-      {renderWidgetIcon(status)}
-      {renderStatusText(status, error, hasIgnoredColumns)}
-      <p>{t(`instructionsUploadCSV.${status}`)}</p>
-    </div>
+    <>
+      {/* This is a `polite` message because a successful upload is a result, not an
+    error.
+
+    Keep the live region outside the dropzone for two reasons. First, the
+    dropzone uses `aria-busy` while parsing, and screen readers may not
+    announce updates inside a busy element. Second, keeping the live region on
+    the page means screen readers announce the updated text more reliably than
+    if the live region is added with the message.
+
+    Separate live regions are used for success and error messages, so there is
+    no need to switch between `role="status"` and `role="alert"` on the same
+    element.
+
+    The live region is visually hidden, so it does not affect the widget's
+    layout. */}
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {status === 'success' ? statusText : ''}
+      </LiveRegion>
+      <div
+        {...getRootProps({
+          onClick: (e) => {
+            if (shouldWarn) {
+              const shouldContinue = confirm(t('fileUploadWarning'));
+              if (!shouldContinue) e.stopPropagation();
+            }
+          },
+          className: `${styles.uploadWidget} ${
+            status === 'error' ? styles[`uploadWidget--${status}`] : ''
+          }`,
+          // Marks the widget as working while the file is parsed.
+          'aria-busy': status === 'processing',
+        })}
+      >
+        <input {...getInputProps()} />
+        {renderWidgetIcon(status)}
+        {renderStatusText()}
+        <p>{t(`instructionsUploadCSV.${status}`)}</p>
+      </div>
+    </>
   );
 };
 
diff --git a/src/features/user/BulkCodes/forms/IssueCodesForm.tsx b/src/features/user/BulkCodes/forms/IssueCodesForm.tsx
index 43e98745e7..bd5b74217f 100644
--- a/src/features/user/BulkCodes/forms/IssueCodesForm.tsx
+++ b/src/features/user/BulkCodes/forms/IssueCodesForm.tsx
@@ -17,6 +17,7 @@ import BulkGiftTotal from '../components/BulkGiftTotal';
 import RecipientsUploadForm from '../components/RecipientsUploadForm';
 import GenericCodesPartial from '../components/GenericCodesPartial';
 import BulkCodesError from '../components/BulkCodesError';
+import LiveRegion from '../../../common/LiveRegion';
 import { useBulkCode } from '../../../common/Layout/BulkCodeContext';
 import { useUserProps } from '../../../common/Layout/UserPropsContext';
 import cleanObject from '../../../../utils/cleanObject';
@@ -306,9 +307,21 @@ const IssueCodesForm = (): ReactElement | null => {
     );
   }, [locale, t]);
 
+  // The live region is rendered in both states, so it stays on the page while
+  // the form is submitted. When the success message appears, screen readers
+  // announce the updated text more reliably than if the live region is added
+  // with the message. The live region is visually hidden, so it does not affect
+  // the visible success message or the layout.
+  const statusRegion = (
+    <LiveRegion politeness="polite" isVisuallyHidden>
+      {isSubmitted ? t('donationSuccess') : ''}
+    </LiveRegion>
+  );
+
   if (!isSubmitted) {
     return (
       <CenteredContainer>
+        {statusRegion}
         <StyledFormContainer className="IssueCodesForm" component={'section'}>
           <div className="inputContainer">
             <ProjectSelector
@@ -368,7 +381,7 @@ const IssueCodesForm = (): ReactElement | null => {
             />
           </div>
           <BulkCodesError />
-          <form onSubmit={handleSubmit}>
+          <form onSubmit={handleSubmit} aria-busy={isProcessing}>
             <Button
               type="submit"
               variant="contained"
@@ -391,9 +404,13 @@ const IssueCodesForm = (): ReactElement | null => {
   } else {
     return (
       <CenteredContainer className="CenteredContainer--small">
+        {statusRegion}
+        {/* Visible copy only. `CenteredContainer` is the same element type in
+            both branches and the region is the first child of each, so React
+            reconciles it to the same DOM node instead of remounting it. */}
         <div className={styles.successMessage}>
           {t('donationSuccess')}
-          <span className={styles.spinner}></span>
+          <span className={styles.spinner} aria-hidden="true"></span>
         </div>
       </CenteredContainer>
     );
diff --git a/src/features/user/CompleteSignup/components/SignupToggles.tsx b/src/features/user/CompleteSignup/components/SignupToggles.tsx
index f286b8bffc..91f81c3994 100644
--- a/src/features/user/CompleteSignup/components/SignupToggles.tsx
+++ b/src/features/user/CompleteSignup/components/SignupToggles.tsx
@@ -6,6 +6,7 @@ import { Controller } from 'react-hook-form';
 import { useLocale, useTranslations } from 'next-intl';
 import styles from '../CompleteSignup.module.scss';
 import NewToggleSwitch from '../../../common/InputTypes/NewToggleSwitch';
+import LiveRegion from '../../../common/LiveRegion';
 import { useState } from 'react';
 
 interface SignupTogglesProps {
@@ -114,11 +115,12 @@ const SignupToggles = ({
             id="terms"
           />
         </div>
-        {showTermError && (
-          <div className={styles.termsError}>
-            {tSignup('termAndConditionError')}
-          </div>
-        )}
+        {/* Assertive: a validation error blocking signup. The region stays
+            mounted so toggling terms off announces the error on the change
+            rather than relying on the region's own insertion. */}
+        <LiveRegion politeness="assertive" className={styles.termsError}>
+          {showTermError ? tSignup('termAndConditionError') : ''}
+        </LiveRegion>
       </div>
     </>
   );
diff --git a/src/features/user/DonationReceipt/microComponents/DonorContactForm.tsx b/src/features/user/DonationReceipt/microComponents/DonorContactForm.tsx
index d9601f7620..6ac4135797 100644
--- a/src/features/user/DonationReceipt/microComponents/DonorContactForm.tsx
+++ b/src/features/user/DonationReceipt/microComponents/DonorContactForm.tsx
@@ -9,6 +9,7 @@ import { CircularProgress, RadioGroup, TextField } from '@mui/material';
 import { useTranslations } from 'next-intl';
 import styles from '../DonationReceipt.module.scss';
 import WebappButton from '../../../common/WebappButton';
+import LiveRegion from '../../../common/LiveRegion';
 import InlineFormDisplayGroup from '../../../common/Layout/Forms/InlineFormDisplayGroup';
 import DonorAddressList from './DonorAddressList';
 import {
@@ -106,116 +107,148 @@ const DonorContactForm = ({
   };
   const hasReachedAddressLimit = user.addresses.length >= MAX_ADDRESS_LIMIT;
   return (
-    <form className={styles.donorContactForm}>
-      <InlineFormDisplayGroup>
-        {user.type === 'individual' && (
-          <>
+    <>
+      {/* Both `polite` live regions are placed outside the form on purpose. The
+    form uses `aria-busy` while saving, and screen readers may not announce
+    updates from a live region inside a busy element.
+
+    The live regions stay on the page while the form is open, so screen
+    readers announce message updates more reliably than if the live region is
+    added with the message.
+
+    The live regions are visually hidden, so they do not affect the visible
+    UI or layout. This is important because the form uses a flex layout with a
+    10px gap, and an always-visible empty element would add extra spacing. */}
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {isLoading ? tReceipt('savingDonorInfo') : ''}
+      </LiveRegion>
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {hasReachedAddressLimit
+          ? tReceipt('notifications.addressLimitReached')
+          : ''}
+      </LiveRegion>
+      <form className={styles.donorContactForm} aria-busy={isLoading}>
+        <InlineFormDisplayGroup>
+          {user.type === 'individual' && (
+            <>
+              <FormInput
+                name="firstName"
+                control={control}
+                rules={{
+                  required: tReceipt('notifications.firstNameRequired'),
+                }}
+                label={tReceipt('donorInfo.firstName')}
+              />
+              <FormInput
+                name="lastName"
+                control={control}
+                rules={{ required: tReceipt('notifications.lastNameRequired') }}
+                label={tReceipt('donorInfo.lastName')}
+              />
+            </>
+          )}
+          {tinIsRequired && (
             <FormInput
-              name="firstName"
+              name="tin"
               control={control}
-              rules={{ required: tReceipt('notifications.firstNameRequired') }}
-              label={tReceipt('donorInfo.firstName')}
+              rules={{
+                required: tReceipt('notifications.tinRequired'),
+              }}
+              label={tReceipt('donorInfo.tin')}
             />
+          )}
+          {user.type !== 'individual' && (
             <FormInput
-              name="lastName"
+              name="companyName"
               control={control}
-              rules={{ required: tReceipt('notifications.lastNameRequired') }}
-              label={tReceipt('donorInfo.lastName')}
+              label={tReceipt('donorInfo.companyName')}
+              rules={{ required: tReceipt('notifications.companyRequired') }}
             />
-          </>
-        )}
-        {tinIsRequired && (
-          <FormInput
-            name="tin"
-            control={control}
-            rules={{
-              required: tReceipt('notifications.tinRequired'),
-            }}
-            label={tReceipt('donorInfo.tin')}
-          />
-        )}
-        {user.type !== 'individual' && (
-          <FormInput
-            name="companyName"
+          )}
+        </InlineFormDisplayGroup>
+
+        <section className={styles.donorAddressSection}>
+          <Controller
+            name="addressGuid"
             control={control}
-            label={tReceipt('donorInfo.companyName')}
-            rules={{ required: tReceipt('notifications.companyRequired') }}
+            rules={{ required: tReceipt('notifications.addressRequired') }}
+            render={({ field }) => (
+              <RadioGroup
+                {...field}
+                value={checkedAddressGuid ?? ''}
+                onChange={(_, value) => {
+                  field.onChange(value);
+                  setCheckedAddressGuid(value);
+                }}
+                aria-label={tReceipt('donorInfo.selectAddress')}
+                aria-invalid={errors.addressGuid ? true : undefined}
+                aria-describedby={
+                  errors.addressGuid ? 'addressGuid-error' : undefined
+                }
+                sx={{ gap: '10px' }}
+              >
+                {user.addresses.map((address) => (
+                  <DonorAddressList
+                    key={address.id}
+                    address={address}
+                    setSelectedAddress={setSelectedAddress}
+                    setAddressAction={setAddressAction}
+                    setIsModalOpen={setIsModalOpen}
+                    checkedAddressGuid={checkedAddressGuid}
+                    setCheckedAddressGuid={setCheckedAddressGuid}
+                    setValue={setValue}
+                  />
+                ))}
+              </RadioGroup>
+            )}
           />
-        )}
-      </InlineFormDisplayGroup>
-
-      <section className={styles.donorAddressSection}>
-        <Controller
-          name="addressGuid"
-          control={control}
-          rules={{ required: tReceipt('notifications.addressRequired') }}
-          render={({ field }) => (
-            <RadioGroup
-              {...field}
-              value={checkedAddressGuid ?? ''}
-              onChange={(_, value) => {
-                field.onChange(value);
-                setCheckedAddressGuid(value);
-              }}
-              aria-label={tReceipt('donorInfo.selectAddress')}
-              aria-invalid={errors.addressGuid ? true : undefined}
-              aria-describedby={
-                errors.addressGuid ? 'addressGuid-error' : undefined
-              }
-              sx={{ gap: '10px' }}
+          {/* Assertive: a validation error blocking submission. */}
+          {errors.addressGuid?.message && (
+            <LiveRegion
+              politeness="assertive"
+              as="span"
+              id="addressGuid-error"
+              className={styles.errorMessage}
             >
-              {user.addresses.map((address) => (
-                <DonorAddressList
-                  key={address.id}
-                  address={address}
-                  setSelectedAddress={setSelectedAddress}
-                  setAddressAction={setAddressAction}
-                  setIsModalOpen={setIsModalOpen}
-                  checkedAddressGuid={checkedAddressGuid}
-                  setCheckedAddressGuid={setCheckedAddressGuid}
-                  setValue={setValue}
-                />
-              ))}
-            </RadioGroup>
+              {errors.addressGuid.message}
+            </LiveRegion>
           )}
-        />
-        {errors.addressGuid?.message && (
-          <span id="addressGuid-error" className={styles.errorMessage}>
-            {errors.addressGuid.message}
-          </span>
-        )}
-        {hasReachedAddressLimit && (
-          <span className={styles.addressLimitMessage}>
-            {tReceipt('notifications.addressLimitReached')}
-          </span>
-        )}
-      </section>
+          {/* Visible copy only. Announced by the persistent polite region above. */}
+          {hasReachedAddressLimit && (
+            <span className={styles.addressLimitMessage}>
+              {tReceipt('notifications.addressLimitReached')}
+            </span>
+          )}
+        </section>
 
-      {!isLoading && (
-        <div className={styles.donorContactFormAction}>
-          {!hasReachedAddressLimit && (
+        {!isLoading && (
+          <div className={styles.donorContactFormAction}>
+            {!hasReachedAddressLimit && (
+              <WebappButton
+                text={tAddressManagement('actions.addAddress')}
+                elementType="button"
+                onClick={handleAddNewAddress}
+                variant="secondary"
+              />
+            )}
             <WebappButton
-              text={tAddressManagement('actions.addAddress')}
+              text={tReceipt('saveDataAndReturn')}
               elementType="button"
-              onClick={handleAddNewAddress}
-              variant="secondary"
+              onClick={handleSubmit(onSubmit)}
+              variant="primary"
             />
-          )}
-          <WebappButton
-            text={tReceipt('saveDataAndReturn')}
-            elementType="button"
-            onClick={handleSubmit(onSubmit)}
-            variant="primary"
-          />
-        </div>
-      )}
+          </div>
+        )}
 
-      {isLoading && (
-        <div className={styles.donationReceiptSpinner}>
-          <CircularProgress color="success" />
-        </div>
-      )}
-    </form>
+        {/* The spinner carries no text; announced by the persistent polite
+          region above the form. */}
+        {isLoading && (
+          <div className={styles.donationReceiptSpinner}>
+            <CircularProgress color="success" />
+          </div>
+        )}
+      </form>
+    </>
   );
 };
 
diff --git a/src/features/user/PlanetCash/screens/Transactions.tsx b/src/features/user/PlanetCash/screens/Transactions.tsx
index 00528a7e71..1fcbca5f90 100644
--- a/src/features/user/PlanetCash/screens/Transactions.tsx
+++ b/src/features/user/PlanetCash/screens/Transactions.tsx
@@ -10,6 +10,7 @@ import { Button, CircularProgress } from '@mui/material';
 import { usePlanetCash } from '../../../common/Layout/PlanetCashContext';
 import { useUserProps } from '../../../common/Layout/UserPropsContext';
 import NoTransactionsFound from '../components/NoTransactionsFound';
+import LiveRegion from '../../../common/LiveRegion';
 import { handleError } from '@planet-sdk/common';
 import { useApi } from '../../../../hooks/useApi';
 import { useRouter } from 'next/router';
@@ -112,53 +113,71 @@ const Transactions = ({
     };
   }, []);
 
-  return !transactionHistory && isDataLoading ? (
-    <>
-      <TransactionListLoader />
-      <TransactionListLoader />
-      <TransactionListLoader />
-    </>
-  ) : transactionHistory && transactionHistory.items.length > 0 ? (
+  const isInitialLoading = !transactionHistory && isDataLoading;
+
+  return (
     <>
-      {transactionHistory.items.map((record, index) => {
-        return (
-          <AccountRecord
-            key={index}
-            handleRecordToggle={handleRecordToggle}
-            index={index}
-            selectedRecord={selectedRecord}
-            record={record}
-            isPlanetCash={true}
-          />
-        );
-      })}
-      {transactionHistory._links.next && (
-        <Button
-          variant="contained"
-          color="primary"
-          onClick={() => fetchTransactions(true)}
-          disabled={isDataLoading}
-          className="loadingButton"
-        >
-          {isDataLoading ? (
-            <CircularProgress color="primary" size={24} />
-          ) : (
-            t('loadMore')
+      {/* Neither loading state shows any text. The initial loading state displays
+    skeletons, and "Load more" replaces its label with a spinner, so the
+    loading message is announced here instead.
+
+    Keep the live region outside the loading branches so it stays on the page.
+    When the loading state changes, screen readers announce the updated text
+    more reliably than if the live region is added with the message. This also
+    lets the initial skeleton loading state be announced. */}
+      <LiveRegion politeness="polite" isVisuallyHidden>
+        {isDataLoading ? t('loadingTransactions') : ''}
+      </LiveRegion>
+      {isInitialLoading ? (
+        <>
+          <TransactionListLoader />
+          <TransactionListLoader />
+          <TransactionListLoader />
+        </>
+      ) : transactionHistory && transactionHistory.items.length > 0 ? (
+        <>
+          {transactionHistory.items.map((record, index) => {
+            return (
+              <AccountRecord
+                key={index}
+                handleRecordToggle={handleRecordToggle}
+                index={index}
+                selectedRecord={selectedRecord}
+                record={record}
+                isPlanetCash={true}
+              />
+            );
+          })}
+          {transactionHistory._links.next && (
+            <Button
+              variant="contained"
+              color="primary"
+              onClick={() => fetchTransactions(true)}
+              disabled={isDataLoading}
+              aria-busy={isDataLoading}
+              className="loadingButton"
+            >
+              {isDataLoading ? (
+                <CircularProgress color="primary" size={24} />
+              ) : (
+                t('loadMore')
+              )}
+            </Button>
           )}
-        </Button>
-      )}
-      {isModalOpen && selectedRecord !== null && (
-        <AccountRecord
-          isModal={true}
-          handleRecordToggle={handleRecordToggle}
-          selectedRecord={selectedRecord}
-          record={transactionHistory.items[selectedRecord]}
-          isPlanetCash={true}
-        />
+          {isModalOpen && selectedRecord !== null && (
+            <AccountRecord
+              isModal={true}
+              handleRecordToggle={handleRecordToggle}
+              selectedRecord={selectedRecord}
+              record={transactionHistory.items[selectedRecord]}
+              isPlanetCash={true}
+            />
+          )}
+        </>
+      ) : (
+        transactionHistory && <NoTransactionsFound />
       )}
     </>
-  ) : (
-    transactionHistory && <NoTransactionsFound />
   );
 };