payloadcms · paulpopus · May 8, 2026 · May 8, 2026 · May 8, 2026 · May 8, 2026
diff --git a/packages/next/src/layouts/Root/index.tsx b/packages/next/src/layouts/Root/index.tsx
@@ -10,6 +10,7 @@ import { applyLocaleFiltering } from 'payload/shared'
 import React, { Suspense } from 'react'
 
 import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'
+import { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js'
 import { getRequestTheme } from '../../utilities/getRequestTheme.js'
 import { initReq } from '../../utilities/initReq.js'
 import { checkDependencies } from './checkDependencies.js'
@@ -91,6 +92,12 @@ const RootLayoutContent = async ({
     headers,
   })
 
+  const highContrastMode = getRequestHighContrast({
+    config,
+    cookies,
+    headers,
+  })
+
   const dir = (rtlLanguages as unknown as AcceptedLanguages[]).includes(languageCode)
     ? 'RTL'
     : 'LTR'
@@ -136,6 +143,7 @@ const RootLayoutContent = async ({
       className={[inter.variable, robotoMono.variable, htmlProps?.className]
         .filter(Boolean)
         .join(' ')}
+      data-enhanced-contrast={highContrastMode ? '' : undefined}
       data-theme={theme}
       dir={dir}
       lang={languageCode}
@@ -149,6 +157,7 @@ const RootLayoutContent = async ({
           config={clientConfig}
           dateFNSKey={req.i18n.dateFNSKey}
           fallbackLang={config.i18n.fallbackLanguage}
+          highContrastMode={highContrastMode}
           isNavOpen={navPrefs?.open ?? true}
           languageCode={languageCode}
           languageOptions={languageOptions}

diff --git a/packages/next/src/utilities/getRequestHighContrast.ts b/packages/next/src/utilities/getRequestHighContrast.ts
@@ -0,0 +1,30 @@
+import type { ReadonlyRequestCookies } from 'next/dist/server/web/spec-extension/adapters/request-cookies.js'
+import type { SanitizedConfig } from 'payload'
+
+type GetRequestHighContrastArgs = {
+  config: SanitizedConfig
+  cookies: Map<string, string> | ReadonlyRequestCookies
+  headers: Request['headers']
+}
+
+export const getRequestHighContrast = ({
+  config,
+  cookies,
+  headers,
+}: GetRequestHighContrastArgs): boolean => {
+  const cookieKey = `${config.cookiePrefix || 'payload'}-high-contrast-mode`
+  const modeCookie = cookies.get(cookieKey)
+
+  const modeFromCookie = typeof modeCookie === 'string' ? modeCookie : modeCookie?.value
+
+  if (modeFromCookie === 'true') {
+    return true
+  }
+  if (modeFromCookie === 'false') {
+    return false
+  }
+
+  const contrastHeader = headers.get('Sec-CH-Prefers-Contrast')
+
+  return contrastHeader === 'more' || contrastHeader === 'forced'
+}
diff --git a/packages/next/src/views/Account/Settings/index.tsx b/packages/next/src/views/Account/Settings/index.tsx
@@ -6,6 +6,7 @@ import React from 'react'
 
 import { ResetPreferences } from '../ResetPreferences/index.js'
 import './index.scss'
+import { ToggleHighContrast } from '../ToggleHighContrast/index.js'
 import { ToggleTheme } from '../ToggleTheme/index.js'
 import { LanguageSelector } from './LanguageSelector.js'
 
@@ -29,6 +30,7 @@ export const Settings: React.FC<{
         <LanguageSelector languageOptions={languageOptions} />
       </div>
       {theme === 'all' && <ToggleTheme />}
+      <ToggleHighContrast />
       <ResetPreferences user={user} />
     </div>
   )

diff --git a/packages/next/src/views/Account/ToggleHighContrast/index.tsx b/packages/next/src/views/Account/ToggleHighContrast/index.tsx
@@ -0,0 +1,26 @@
+'use client'
+
+import { CheckboxInput, useTheme, useTranslation } from '@payloadcms/ui'
+import React, { useCallback } from 'react'
+
+export const ToggleHighContrast: React.FC = () => {
+  const { highContrastMode, setHighContrastMode } = useTheme()
+  const { t } = useTranslation()
+
+  const onToggle = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      setHighContrastMode(event.target.checked)
+    },
+    [setHighContrastMode],
+  )
+
+  return (
+    <CheckboxInput
+      checked={highContrastMode}
+      id="field-highContrastMode"
+      label={t('general:enhancedContrastMode')}
+      name="highContrastMode"
+      onToggle={onToggle}
+    />
+  )
+}
diff --git a/packages/translations/src/clientKeys.ts b/packages/translations/src/clientKeys.ts
@@ -264,6 +264,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:globals',
   'general:goBack',
   'general:groupByLabel',
+  'general:enhancedContrastMode',
   'general:increment',
   'general:isEditing',
   'general:item',

diff --git a/packages/translations/src/languages/ar.ts b/packages/translations/src/languages/ar.ts
@@ -302,6 +302,7 @@ export const arTranslations: DefaultTranslationsObject = {
     emailAddress: 'عنوان البريد الإلكتروني',
     emptyTrash: 'أفرغ القمامة',
     emptyTrashLabel: 'أفرغ سلة المحذوفات {{label}}',
+    enhancedContrastMode: 'وضع التباين المحسن',
     enterANumber: 'أدخل رقماً',
     enterAValue: 'أدخل قيمة',
     error: 'خطأ',

diff --git a/packages/translations/src/languages/az.ts b/packages/translations/src/languages/az.ts
@@ -314,6 +314,7 @@ export const azTranslations: DefaultTranslationsObject = {
     emailAddress: 'Elektron poçt ünvanı',
     emptyTrash: 'Zibil qutusunu boşaltın',
     emptyTrashLabel: '{{label}} zibilini boşaltın',
+    enhancedContrastMode: 'Təkmilləşdirilmiş Kontrast Rejimi',
     enterANumber: 'Bir rəqəm daxil edin',
     enterAValue: 'Bir dəyər daxil edin',
     error: 'Xəta',

diff --git a/packages/translations/src/languages/bg.ts b/packages/translations/src/languages/bg.ts
@@ -310,6 +310,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     emailAddress: 'Имейл адрес',
     emptyTrash: 'Изпразни кошчето',
     emptyTrashLabel: 'Изпразнете кошчето за {{label}}',
+    enhancedContrastMode: 'Разширен режим на контраст',
     enterANumber: 'Въведете число',
     enterAValue: 'Въведи стойност',
     error: 'Грешка',

diff --git a/packages/translations/src/languages/bnBd.ts b/packages/translations/src/languages/bnBd.ts
@@ -315,6 +315,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     emailAddress: 'ইমেইল ঠিকানা',
     emptyTrash: 'ট্র্যাশ খালি করুন',
     emptyTrashLabel: '{{label}} ট্র্যাশ খালি করুন',
+    enhancedContrastMode: 'উন্নত কন্ট্রাস্ট মোড',
     enterANumber: 'একটি সংখ্যা লিখুন',
     enterAValue: 'একটি মান লিখুন',
     error: 'ত্রুটি',

diff --git a/packages/translations/src/languages/bnIn.ts b/packages/translations/src/languages/bnIn.ts
@@ -314,6 +314,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     emailAddress: 'ইমেইল ঠিকানা',
     emptyTrash: 'ট্র্যাশ খালি করুন',
     emptyTrashLabel: '{{label}} ফাঁকা করুন',
+    enhancedContrastMode: 'উন্নত কনট্রাস্ট মোড',
     enterANumber: 'একটি সংখ্যা প্রবেশ করুন',
     enterAValue: 'একটি মান লিখুন',
     error: 'ত্রুটি',

diff --git a/packages/translations/src/languages/ca.ts b/packages/translations/src/languages/ca.ts
@@ -312,6 +312,7 @@ export const caTranslations: DefaultTranslationsObject = {
     emailAddress: 'Addressa de correu electrònic',
     emptyTrash: 'Buida la paperera',
     emptyTrashLabel: 'Buideu la paperera {{label}}',
+    enhancedContrastMode: 'Mode de contrast augmentat',
     enterANumber: 'Introdueixi un nombre',
     enterAValue: 'Introdueix un valor',
     error: 'Error',

diff --git a/packages/translations/src/languages/cs.ts b/packages/translations/src/languages/cs.ts
@@ -309,6 +309,7 @@ export const csTranslations: DefaultTranslationsObject = {
     emailAddress: 'E-mailová adresa',
     emptyTrash: 'Vyprázdnit koš',
     emptyTrashLabel: 'Vyprázdnit {{label}} koš',
+    enhancedContrastMode: 'Režim zvýšeného kontrastu',
     enterANumber: 'Zadejte číslo',
     enterAValue: 'Zadejte hodnotu',
     error: 'Chyba',

diff --git a/packages/translations/src/languages/da.ts b/packages/translations/src/languages/da.ts
@@ -310,6 +310,7 @@ export const daTranslations: DefaultTranslationsObject = {
     emailAddress: 'e-mailadresse',
     emptyTrash: 'Tøm skraldespanden',
     emptyTrashLabel: 'Tøm {{label}} skraldespanden',
+    enhancedContrastMode: 'Forbedret kontrasttilstand',
     enterANumber: 'Indtast et tal',
     enterAValue: 'Indtast en værdi',
     error: 'Fejl',

diff --git a/packages/translations/src/languages/de.ts b/packages/translations/src/languages/de.ts
@@ -228,7 +228,6 @@ export const deTranslations: DefaultTranslationsObject = {
     aboutToTrash:
       'Du bist dabei, das {{label}} <1>{{title}}</1> in den Papierkorb zu verschieben. Bist du dir sicher?',
     aboutToTrashCount: 'Du bist dabei, {{count}} {{label}} in den Papierkorb zu verschieben.',
-
     accepts: 'Akzeptiert',
     addBelow: 'Unterhalb hinzufügen',
     addFilter: 'Filter hinzufügen',
@@ -320,6 +319,7 @@ export const deTranslations: DefaultTranslationsObject = {
     emailAddress: 'E-Mail-Adresse',
     emptyTrash: 'Papierkorb leeren',
     emptyTrashLabel: '{{label}} Papierkorb leeren',
+    enhancedContrastMode: 'Modus für erhöhten Kontrast',
     enterANumber: 'Geben Sie eine Zahl ein',
     enterAValue: 'Gib einen Wert ein',
     error: 'Fehler',

diff --git a/packages/translations/src/languages/en.ts b/packages/translations/src/languages/en.ts
@@ -312,6 +312,7 @@ export const enTranslations = {
     emailAddress: 'Email Address',
     emptyTrash: 'Empty trash',
     emptyTrashLabel: 'Empty {{label}} trash',
+    enhancedContrastMode: 'Enhanced Contrast Mode',
     enterANumber: 'Enter a number',
     enterAValue: 'Enter a value',
     error: 'Error',

diff --git a/packages/translations/src/languages/es.ts b/packages/translations/src/languages/es.ts
@@ -315,6 +315,7 @@ export const esTranslations: DefaultTranslationsObject = {
     emailAddress: 'Dirección de Correo Electrónico',
     emptyTrash: 'Vaciar la papelera',
     emptyTrashLabel: 'Vaciar la basura {{label}}',
+    enhancedContrastMode: 'Modo de Contraste Mejorado',
     enterANumber: 'Ingrese un número',
     enterAValue: 'Introduce un valor',
     error: 'Error',

diff --git a/packages/translations/src/languages/et.ts b/packages/translations/src/languages/et.ts
@@ -309,6 +309,7 @@ export const etTranslations: DefaultTranslationsObject = {
     emailAddress: 'E-posti aadress',
     emptyTrash: 'Tühjenda prügikast',
     emptyTrashLabel: 'Tühjenda {{label}} prügikast',
+    enhancedContrastMode: 'Tõhustatud kontrastsuse režiim',
     enterANumber: 'Sisestage number',
     enterAValue: 'Sisesta väärtus',
     error: 'Viga',

diff --git a/packages/translations/src/languages/fa.ts b/packages/translations/src/languages/fa.ts
@@ -305,6 +305,7 @@ export const faTranslations: DefaultTranslationsObject = {
     emailAddress: 'آدرس ایمیل',
     emptyTrash: 'خالی کردن سطل زباله',
     emptyTrashLabel: 'خالی کردن سطل زباله {{label}}',
+    enhancedContrastMode: 'حالت کنتراست پیشرفته',
     enterANumber: 'یک عدد وارد کنید',
     enterAValue: 'یک مقدار وارد کنید',
     error: 'خطا',

diff --git a/packages/translations/src/languages/fr.ts b/packages/translations/src/languages/fr.ts
@@ -321,6 +321,7 @@ export const frTranslations: DefaultTranslationsObject = {
     emailAddress: 'Adresse e-mail',
     emptyTrash: 'Vider la corbeille',
     emptyTrashLabel: 'Vider la corbeille {{label}}',
+    enhancedContrastMode: 'Mode de contraste amélioré',
     enterANumber: 'Saisissez un numéro',
     enterAValue: 'Entrez une valeur',
     error: 'Erreur',

diff --git a/packages/translations/src/languages/he.ts b/packages/translations/src/languages/he.ts
@@ -301,6 +301,7 @@ export const heTranslations: DefaultTranslationsObject = {
     emailAddress: 'כתובת דוא"ל',
     emptyTrash: 'רוקן את הזבל',
     emptyTrashLabel: 'רוקן את האשפה {{label}}',
+    enhancedContrastMode: 'מצב ניגודיות מוגברת',
     enterANumber: 'הזן מספר',
     enterAValue: 'הזן ערך',
     error: 'שגיאה',

diff --git a/packages/translations/src/languages/hr.ts b/packages/translations/src/languages/hr.ts
@@ -310,6 +310,7 @@ export const hrTranslations: DefaultTranslationsObject = {
     emailAddress: 'Email adresa',
     emptyTrash: 'Isprazni smeće',
     emptyTrashLabel: 'Isprazni {{label}} kantu za smeće',
+    enhancedContrastMode: 'Način poboljšanog kontrasta',
     enterANumber: 'Unesite broj',
     enterAValue: 'Unesi vrijednost',
     error: 'Greška',

diff --git a/packages/translations/src/languages/hu.ts b/packages/translations/src/languages/hu.ts
@@ -315,6 +315,7 @@ export const huTranslations: DefaultTranslationsObject = {
     emailAddress: 'E-mail cím',
     emptyTrash: 'Ürítse ki a szemetet',
     emptyTrashLabel: 'Ürítse ki a {{label}} szemetest',
+    enhancedContrastMode: 'Fokozott kontraszt mód',
     enterANumber: 'Adjon meg egy számot',
     enterAValue: 'Adjon meg egy értéket',
     error: 'Hiba',

diff --git a/packages/translations/src/languages/hy.ts b/packages/translations/src/languages/hy.ts
@@ -310,6 +310,7 @@ export const hyTranslations: DefaultTranslationsObject = {
     emailAddress: 'Էլ. փոստի հասցե',
     emptyTrash: 'Մաքրել աղբաղեցույցը',
     emptyTrashLabel: 'Դատարկել {{label}} աղբուկը',
+    enhancedContrastMode: 'Առավելացված հակադրության ռեժիմ',
     enterANumber: 'Մուտքագրեք թիվ',
     enterAValue: 'Մուտքագրեք արժեք',
     error: 'Սխալ',

diff --git a/packages/translations/src/languages/id.ts b/packages/translations/src/languages/id.ts
@@ -313,6 +313,7 @@ export const idTranslations: DefaultTranslationsObject = {
     emailAddress: 'Alamat Email',
     emptyTrash: 'Kosongkan tempat sampah',
     emptyTrashLabel: 'Kosongkan tempat sampah {{label}}',
+    enhancedContrastMode: 'Mode Kontras Tinggi',
     enterANumber: 'Masukkan angka',
     enterAValue: 'Masukkan nilai',
     error: 'Kesalahan',

diff --git a/packages/translations/src/languages/is.ts b/packages/translations/src/languages/is.ts
@@ -309,6 +309,7 @@ export const isTranslations: DefaultTranslationsObject = {
     emailAddress: 'Netfang',
     emptyTrash: 'Tæma rusl',
     emptyTrashLabel: 'Tæma {{label}} rusl',
+    enhancedContrastMode: 'Bætt andstæðurhamur',
     enterANumber: 'Sláðu inn tölu',
     enterAValue: 'Sláðu inn gildi',
     error: 'Villa',

diff --git a/packages/translations/src/languages/it.ts b/packages/translations/src/languages/it.ts
@@ -314,6 +314,7 @@ export const itTranslations: DefaultTranslationsObject = {
     emailAddress: 'Indirizzo Email',
     emptyTrash: 'Svuota cestino',
     emptyTrashLabel: 'Svuota il cestino {{label}}',
+    enhancedContrastMode: 'Modalità Contrasto Migliorato',
     enterANumber: 'Inserire un numero',
     enterAValue: 'Inserisci un valore',
     error: 'Errore',

diff --git a/packages/translations/src/languages/ja.ts b/packages/translations/src/languages/ja.ts
@@ -313,6 +313,7 @@ export const jaTranslations: DefaultTranslationsObject = {
     emailAddress: 'メールアドレス',
     emptyTrash: 'ゴミ箱を空にする',
     emptyTrashLabel: '{{label}}のゴミ箱を空にする',
+    enhancedContrastMode: 'コントラスト強調モード',
     enterANumber: '数字を入力してください',
     enterAValue: '値を入力',
     error: 'エラー',

diff --git a/packages/translations/src/languages/ko.ts b/packages/translations/src/languages/ko.ts
@@ -309,6 +309,7 @@ export const koTranslations: DefaultTranslationsObject = {
     emailAddress: '이메일 주소',
     emptyTrash: '휴지통 비우기',
     emptyTrashLabel: '{{label}} 휴지통 비우기',
+    enhancedContrastMode: '향상된 대비 모드',
     enterANumber: '숫자를 입력하십시오.',
     enterAValue: '값을 입력하세요',
     error: '오류',

diff --git a/packages/translations/src/languages/lt.ts b/packages/translations/src/languages/lt.ts
@@ -314,6 +314,7 @@ export const ltTranslations: DefaultTranslationsObject = {
     emailAddress: 'El. pašto adresas',
     emptyTrash: 'Ištuštinti šiukšliadėžę',
     emptyTrashLabel: 'Ištuštuokite {{label}} šiukšliadėžę',
+    enhancedContrastMode: 'Padidinto kontrasto režimas',
     enterANumber: 'Įveskite skaičių',
     enterAValue: 'Įveskite reikšmę',
     error: 'Klaida',

diff --git a/packages/translations/src/languages/lv.ts b/packages/translations/src/languages/lv.ts
@@ -312,6 +312,7 @@ export const lvTranslations: DefaultTranslationsObject = {
     emailAddress: 'E-pasta adrese',
     emptyTrash: 'Iztukšot miskasti',
     emptyTrashLabel: 'Izrakstīt {{label}} atkritumu',
+    enhancedContrastMode: 'Uzlabots kontrasta režīms',
     enterANumber: 'Ievadiet skaitli',
     enterAValue: 'Ievadiet vērtību',
     error: 'Kļūda',

diff --git a/packages/translations/src/languages/my.ts b/packages/translations/src/languages/my.ts
@@ -314,6 +314,7 @@ export const myTranslations: DefaultTranslationsObject = {
     emailAddress: 'အီးမေးလ် လိပ်စာ',
     emptyTrash: 'Kosongkan tong sampah',
     emptyTrashLabel: 'Kosongkan {{label}} sampah',
+    enhancedContrastMode: 'အရောင်ကွဲပြားမှု တိုးမြှင့်ထားသော အခြေအနေ 모드',
     enterANumber: 'နံပါတ်တစ်ခု ထည့်ပါ',
     enterAValue: 'တန်ဖိုးတစ်ခုထည့်ပါ။',
     error: 'အမှား',

diff --git a/packages/translations/src/languages/nb.ts b/packages/translations/src/languages/nb.ts
@@ -312,6 +312,7 @@ export const nbTranslations: DefaultTranslationsObject = {
     emailAddress: 'E-postadresse',
     emptyTrash: 'Tøm søppelkassen',
     emptyTrashLabel: 'Tøm {{label}} søppel',
+    enhancedContrastMode: 'Forbedret kontrastmodus',
     enterANumber: 'Angi et tall',
     enterAValue: 'Skriv inn en verdi',
     error: 'Feil',

diff --git a/packages/translations/src/languages/nl.ts b/packages/translations/src/languages/nl.ts
@@ -318,6 +318,7 @@ export const nlTranslations: DefaultTranslationsObject = {
     emailAddress: 'E-maildres',
     emptyTrash: 'Prullenbak legen',
     emptyTrashLabel: 'Leeg de prullenbak van {{label}}',
+    enhancedContrastMode: 'Verbeterde Contrastmodus',
     enterANumber: 'Voer een getal in',
     enterAValue: 'Waarde invoeren',
     error: 'Fout',

diff --git a/packages/translations/src/languages/pl.ts b/packages/translations/src/languages/pl.ts
@@ -310,6 +310,7 @@ export const plTranslations: DefaultTranslationsObject = {
     emailAddress: 'Adres email',
     emptyTrash: 'Opróżnij kosz',
     emptyTrashLabel: 'Opróżnij śmieci {{label}}',
+    enhancedContrastMode: 'Tryb zwiększonego kontrastu',
     enterANumber: 'Wprowadź liczbę',
     enterAValue: 'Wpisz wartość',
     error: 'Błąd',

diff --git a/packages/translations/src/languages/pt.ts b/packages/translations/src/languages/pt.ts
@@ -312,6 +312,7 @@ export const ptTranslations: DefaultTranslationsObject = {
     emailAddress: 'Endereço de Email',
     emptyTrash: 'Esvaziar lixo',
     emptyTrashLabel: 'Esvazie o lixo {{label}}',
+    enhancedContrastMode: 'Modo de Contraste Aprimorado',
     enterANumber: 'Insira um número',
     enterAValue: 'Insira um valor',
     error: 'Erro',

diff --git a/packages/translations/src/languages/ro.ts b/packages/translations/src/languages/ro.ts
@@ -316,6 +316,7 @@ export const roTranslations: DefaultTranslationsObject = {
     emailAddress: 'Adresa de email',
     emptyTrash: 'Golește coșul de gunoi',
     emptyTrashLabel: 'Goliți coșul {{label}}',
+    enhancedContrastMode: 'Mod de contrast îmbunătățit',
     enterANumber: 'Introduceți un număr',
     enterAValue: 'Introduceți o valoare',
     error: 'Eroare',

diff --git a/packages/translations/src/languages/rs.ts b/packages/translations/src/languages/rs.ts
@@ -311,6 +311,7 @@ export const rsTranslations: DefaultTranslationsObject = {
     emailAddress: 'Адреса е-поште',
     emptyTrash: 'Isprazni korpu',
     emptyTrashLabel: 'Isprazni {{label}} korpu za smeće',
+    enhancedContrastMode: 'Režim poboljšanog kontrasta',
     enterANumber: 'Unesite broj',
     enterAValue: 'Унеси вредност',
     error: 'Грешка',

diff --git a/packages/translations/src/languages/rsLatin.ts b/packages/translations/src/languages/rsLatin.ts
@@ -311,6 +311,7 @@ export const rsLatinTranslations: DefaultTranslationsObject = {
     emailAddress: 'Аdresa e-pošte',
     emptyTrash: 'Isprazni otpad',
     emptyTrashLabel: 'Isprazni {{label}} korpu za smeće',
+    enhancedContrastMode: 'Režim poboljšanog kontrasta',
     enterANumber: 'Unesite broj',
     enterAValue: 'Unesi vrednost',
     error: 'Greška',

diff --git a/packages/translations/src/languages/ru.ts b/packages/translations/src/languages/ru.ts
@@ -313,6 +313,7 @@ export const ruTranslations: DefaultTranslationsObject = {
     emailAddress: 'Email',
     emptyTrash: 'Очистить корзину',
     emptyTrashLabel: 'Очистить корзину для {{label}}',
+    enhancedContrastMode: 'Режим повышенного контраста',
     enterANumber: 'Введите число',
     enterAValue: 'Введите значение',
     error: 'Ошибка',