diff --git a/specifyweb/backend/workbench/upload/upload_table.py b/specifyweb/backend/workbench/upload/upload_table.py
index 7dcd72f55d8..32f788c4ccd 100644
--- a/specifyweb/backend/workbench/upload/upload_table.py
+++ b/specifyweb/backend/workbench/upload/upload_table.py
@@ -395,7 +395,7 @@ def get_django_predicates(
         model = self.django_model
 
         if self.disambiguation is not None:
-            if model.objects.filter(id=self.disambiguation).exists():
+            if model.objects.filter(pk=self.disambiguation).exists():
                 return DjangoPredicates(filters={"id": self.disambiguation})
 
         # here's why the line below matters: If some records were added during record epansion, we cannot _filter_ or _eclude_ on them.
@@ -554,7 +554,7 @@ def _resolve_reference_attributes(self, model, reference_record) -> dict[str, An
     def _handle_row(self, skip_match: bool, allow_null: bool) -> UploadResult:
         model = self.django_model
         if self.disambiguation is not None:
-            if model.objects.filter(id=self.disambiguation).exists():
+            if model.objects.filter(pk=self.disambiguation).exists():
                 return UploadResult(
                     Matched(
                         id=self.disambiguation, info=ReportInfo(self.name, [], None)
diff --git a/specifyweb/frontend/js_src/lib/components/AppResources/__tests__/CreateAppResource.test.tsx b/specifyweb/frontend/js_src/lib/components/AppResources/__tests__/CreateAppResource.test.tsx
index cbf9483ddf8..587d4d72e0f 100644
--- a/specifyweb/frontend/js_src/lib/components/AppResources/__tests__/CreateAppResource.test.tsx
+++ b/specifyweb/frontend/js_src/lib/components/AppResources/__tests__/CreateAppResource.test.tsx
@@ -58,7 +58,7 @@ describe('CreateAppResource', () => {
 
     //  This is a lot more cleaner than the inner HTML
     expect(getByRole('dialog').textContent).toMatchInlineSnapshot(
-      `"Select Resource TypeTypeDocumentationLabelDocumentationReportDocumentationDefault User PreferencesDocumentationLeaflet LayersDocumentationRSS Export FeedDocumentationExpress Search ConfigDocumentationType SearchesDocumentationWeb LinksDocumentationField FormattersDocumentationRecord FormattersDocumentationData Entry TablesDocumentationInteractions TablesDocumentationOther XML ResourceOther JSON ResourceOther Properties ResourceOther ResourceCancel"`
+      `"Select Resource TypeTypeDocumentationLabelDocumentation(opens in a new tab)ReportDocumentation(opens in a new tab)Default User PreferencesDocumentation(opens in a new tab)Leaflet LayersDocumentation(opens in a new tab)RSS Export FeedDocumentation(opens in a new tab)Express Search ConfigDocumentation(opens in a new tab)Type SearchesDocumentation(opens in a new tab)Web LinksDocumentation(opens in a new tab)Field FormattersDocumentation(opens in a new tab)Record FormattersDocumentation(opens in a new tab)Data Entry TablesDocumentation(opens in a new tab)Interactions TablesDocumentation(opens in a new tab)Other XML ResourceOther JSON ResourceOther Properties ResourceOther ResourceCancel"`
     );
   });
 
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx b/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx
index 1b8db504a00..c75d789dbf3 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx
@@ -4,10 +4,12 @@ import type { LocalizedString } from 'typesafe-i18n';
 import { commonText } from '../../localization/common';
 import { formsText } from '../../localization/forms';
 import type { RA } from '../../utils/types';
+import { localized } from '../../utils/types';
 import type { AnySchema } from '../DataModel/helperTypes';
 import type { SpecifyResource } from '../DataModel/legacyTypes';
 import type { ViewDescription } from '../FormParse';
 import type { cellAlign, cellVerticalAlign } from '../FormParse/cells';
+import { userPreferences } from '../Preferences/userPreferences';
 import { Button } from './Button';
 import { className } from './className';
 import type { icons } from './Icons';
@@ -19,23 +21,24 @@ const dataEntryButton = (
   className: string,
   title: LocalizedString,
   icon: keyof typeof icons
-) =>
-  function (
+) => {
+  const component = (
     props: Omit<TagProps<'button'>, 'children' | 'type'> & {
       readonly onClick:
         | ((event: React.MouseEvent<HTMLButtonElement>) => void)
         | undefined;
     }
-  ): JSX.Element {
-    return (
-      <Button.Icon
-        className={`${className} ${props.className ?? ''}`}
-        icon={icon}
-        title={title}
-        {...props}
-      />
-    );
-  };
+  ): JSX.Element => (
+    <Button.Icon
+      className={`${className} ${props.className ?? ''}`}
+      icon={icon}
+      title={title}
+      {...props}
+    />
+  );
+  Object.defineProperty(component, 'name', { value: icon });
+  return component;
+};
 
 export const columnDefinitionsToCss = (
   columns: RA<number | undefined>,
@@ -54,6 +57,12 @@ export const columnDefinitionsToCss = (
  * This is called DataEntry instead of Form because "Form" is already taken
  */
 
+const DataEntryAdd = dataEntryButton(
+  className.dataEntryAdd,
+  commonText.add(),
+  'plus'
+);
+
 export const DataEntry = {
   Grid: wrap<
     'div',
@@ -145,7 +154,29 @@ export const DataEntry = {
     })
   ),
   SubFormTitle: wrap('DataEntry.SubFormTitle', 'h3', className.formTitle),
-  Add: dataEntryButton(className.dataEntryAdd, commonText.add(), 'plus'),
+  Add({
+    enableShortcut,
+    onClick: handleClick,
+    title = commonText.add(),
+    ...rest
+  }: Omit<Parameters<typeof DataEntryAdd>[0], 'onClick'> & {
+    readonly onClick: (() => void) | undefined;
+    readonly enableShortcut: boolean;
+  }): JSX.Element {
+    const addButtonShortcut = userPreferences.useKeyboardShortcut(
+      'form',
+      'recordSet',
+      'addResource',
+      enableShortcut && rest.disabled !== true ? handleClick : undefined
+    );
+    return (
+      <DataEntryAdd
+        title={`${title}${addButtonShortcut}`}
+        onClick={handleClick}
+        {...rest}
+      />
+    );
+  },
   View: dataEntryButton(className.dataEntryView, commonText.view(), 'eye'),
   Edit: dataEntryButton(className.dataEntryEdit, commonText.edit(), 'pencil'),
   Clone: dataEntryButton(
@@ -170,14 +201,23 @@ export const DataEntry = {
     readonly className?: string;
     readonly resource: SpecifyResource<AnySchema> | undefined;
   }): JSX.Element | null {
+    const ref = React.useRef<HTMLAnchorElement>(null);
+    const keyboardShortcut = userPreferences.useKeyboardShortcut(
+      'form',
+      'dialogs',
+      'openRelatedRecordInNewTab',
+      typeof resource === 'object' && !resource.isNew()
+        ? (): void => ref.current?.click()
+        : undefined
+    );
     return typeof resource === 'object' && !resource.isNew() ? (
       <Link.NewTab
         aria-label={commonText.openInNewTab()}
         className={`${className.dataEntryVisit} ${localClassName}`}
+        forwardRef={ref}
         href={resource.viewUrl()}
-        title={commonText.openInNewTab()}
+        title={localized(`${commonText.openInNewTab()}${keyboardShortcut}`)}
       />
     ) : null;
   },
 };
-/* eslint-enable @typescript-eslint/naming-convention */
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/Icons.tsx b/specifyweb/frontend/js_src/lib/components/Atoms/Icons.tsx
index d376691fecf..8c14f5ce555 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/Icons.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/Icons.tsx
@@ -75,6 +75,7 @@ export const icons = {
   collection: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z" /></svg>,
   cube: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z" /></svg>,
   cubeTransparent: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M9.504 1.132a1 1 0 01.992 0l1.75 1a1 1 0 11-.992 1.736L10 3.152l-1.254.716a1 1 0 11-.992-1.736l1.75-1zM5.618 4.504a1 1 0 01-.372 1.364L5.016 6l.23.132a1 1 0 11-.992 1.736L4 7.723V8a1 1 0 01-2 0V6a.996.996 0 01.52-.878l1.734-.99a1 1 0 011.364.372zm8.764 0a1 1 0 011.364-.372l1.733.99A1.002 1.002 0 0118 6v2a1 1 0 11-2 0v-.277l-.254.145a1 1 0 11-.992-1.736l.23-.132-.23-.132a1 1 0 01-.372-1.364zm-7 4a1 1 0 011.364-.372L10 8.848l1.254-.716a1 1 0 11.992 1.736L11 10.58V12a1 1 0 11-2 0v-1.42l-1.246-.712a1 1 0 01-.372-1.364zM3 11a1 1 0 011 1v1.42l1.246.712a1 1 0 11-.992 1.736l-1.75-1A1 1 0 012 14v-2a1 1 0 011-1zm14 0a1 1 0 011 1v2a1 1 0 01-.504.868l-1.75 1a1 1 0 11-.992-1.736L16 13.42V12a1 1 0 011-1zm-9.618 5.504a1 1 0 011.364-.372l.254.145V16a1 1 0 112 0v.277l.254-.145a1 1 0 11.992 1.736l-1.735.992a.995.995 0 01-1.022 0l-1.735-.992a1 1 0 01-.372-1.364z" fillRule="evenodd" /></svg>,
+  cursorClick: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z" fillRule="evenodd" /></svg>,
   database: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3 12v3c0 1.657 3.134 3 7 3s7-1.343 7-3v-3c0 1.657-3.134 3-7 3s-7-1.343-7-3z" /><path d="M3 7v3c0 1.657 3.134 3 7 3s7-1.343 7-3V7c0 1.657-3.134 3-7 3S3 8.657 3 7z" /><path d="M17 5c0 1.657-3.134 3-7 3S3 6.657 3 5s3.134-3 7-3 7 1.343 7 3z" /></svg>,
   document: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z" fillRule="evenodd" /></svg>,
   documentReport: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm2 10a1 1 0 10-2 0v3a1 1 0 102 0v-3zm2-3a1 1 0 011 1v5a1 1 0 11-2 0v-5a1 1 0 011-1zm4-1a1 1 0 10-2 0v7a1 1 0 102 0V8z" fillRule="evenodd" /></svg>,
@@ -86,13 +87,10 @@ export const icons = {
   exclamationCircle: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" fillRule="evenodd" /></svg>,
   externalLink: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" /><path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" /></svg>,
   eye: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 12a2 2 0 100-4 2 2 0 000 4z" /><path clipRule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" fillRule="evenodd" /></svg>,
+  filter: <svg aria-hidden className={iconClassName} fill="currentColor"  viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" fillRule="evenodd" /></svg>,
   fingerPrint: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M6.625 2.655A9 9 0 0119 11a1 1 0 11-2 0 7 7 0 00-9.625-6.492 1 1 0 11-.75-1.853zM4.662 4.959A1 1 0 014.75 6.37 6.97 6.97 0 003 11a1 1 0 11-2 0 8.97 8.97 0 012.25-5.953 1 1 0 011.412-.088z" fillRule="evenodd" /><path clipRule="evenodd" d="M5 11a5 5 0 1110 0 1 1 0 11-2 0 3 3 0 10-6 0c0 1.677-.345 3.276-.968 4.729a1 1 0 11-1.838-.789A9.964 9.964 0 005 11zm8.921 2.012a1 1 0 01.831 1.145 19.86 19.86 0 01-.545 2.436 1 1 0 11-1.92-.558c.207-.713.371-1.445.49-2.192a1 1 0 011.144-.83z" fillRule="evenodd" /><path clipRule="evenodd" d="M10 10a1 1 0 011 1c0 2.236-.46 4.368-1.29 6.304a1 1 0 01-1.838-.789A13.952 13.952 0 009 11a1 1 0 011-1z" fillRule="evenodd" /></svg>,
-  gallery:<svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-  <path clipRule="evenodd" d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" fillRule="evenodd" />
-</svg>,
-  globe: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-  <path clipRule="evenodd" d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z" fillRule="evenodd" />
-</svg>,
+  gallery:<svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" fillRule="evenodd" /></svg>,
+  globe: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z" fillRule="evenodd" /></svg>,
   hashtag: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clipRule="evenodd" d="M9.243 3.03a1 1 0 01.727 1.213L9.53 6h2.94l.56-2.243a1 1 0 111.94.486L14.53 6H17a1 1 0 110 2h-2.97l-1 4H15a1 1 0 110 2h-2.47l-.56 2.242a1 1 0 11-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 11-1.94-.485L5.47 14H3a1 1 0 110-2h2.97l1-4H5a1 1 0 110-2h2.47l.56-2.243a1 1 0 011.213-.727zM9.03 8l-1 4h2.938l1-4H9.031z" fillRule="evenodd" /></svg>,
   // This icon is not from Heroicons. It was drawn by @grantfitzsimmons
   history: <svg aria-hidden className={iconClassName} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.043,6.984c-0.382-0.935-0.942-1.753-1.665-2.433c-0.767-0.722-1.572-1.249-2.459-1.611   c-0.911-0.391-1.94-0.597-2.979-0.597c-1.147,0-2.207,0.251-3.239,0.768C5.87,3.526,5.136,4.05,4.512,4.671V3.746   c0-0.47-0.397-0.867-0.867-0.867c-0.486,0-0.867,0.381-0.867,0.867v2.866c0,0.577,0.469,1.046,1.045,1.046h2.825   c0.51,0,0.909-0.399,0.909-0.908c0-0.471-0.355-0.826-0.826-0.826H5.752C6.191,5.5,6.688,5.131,7.258,4.802   c0.797-0.46,1.688-0.71,2.579-0.723c1.683-0.052,3.085,0.532,4.291,1.698c1.178,1.139,1.775,2.532,1.775,4.141   c0,1.729-0.555,3.125-1.696,4.267c-1.18,1.18-2.616,1.778-4.267,1.778c-1.647,0-3.016-0.568-4.181-1.733   c-0.983-1.022-1.542-2.259-1.661-3.685C4.041,10.084,3.677,9.75,3.233,9.75c-0.257,0-0.499,0.104-0.662,0.288   c-0.158,0.176-0.23,0.406-0.205,0.638c0.127,1.823,0.858,3.413,2.171,4.727c1.496,1.495,3.313,2.254,5.402,2.254   c0.977,0,1.947-0.18,2.983-0.558c0.977-0.443,1.805-1.001,2.46-1.655c0.74-0.739,1.282-1.547,1.659-2.469   c0.395-0.966,0.595-1.979,0.595-3.016C17.638,8.937,17.443,7.964,17.043,6.984z"/> <path d="M10.022,5.595H9.94c-0.426,0-0.785,0.359-0.785,0.784v3.333c0,0.411,0.158,0.796,0.445,1.084l2.345,2.303   c0.175,0.175,0.402,0.264,0.637,0.264c0.2,0,0.405-0.064,0.587-0.194c0.258-0.181,0.328-0.4,0.341-0.553   c0.021-0.251-0.09-0.519-0.31-0.737l-2.31-2.231V6.462C10.89,5.976,10.509,5.595,10.022,5.595z"/></svg>,
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/Link.tsx b/specifyweb/frontend/js_src/lib/components/Atoms/Link.tsx
index d762b6ab951..ed346930742 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/Link.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/Link.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import type { LocalizedString } from 'typesafe-i18n';
 
+import { commonText } from '../../localization/common';
 import type { IR, RA, RR } from '../../utils/types';
 import { className } from './className';
 import type { IconProps } from './Icons';
@@ -46,7 +47,15 @@ export const Link = {
       children: (
         <>
           {props.children}
-          <span aria-hidden>{icons.externalLink}</span>
+          <span
+            title={
+              (props.children === undefined ? props.title : undefined) ??
+              commonText.opensInNewTab()
+            }
+          >
+            <span className="sr-only">{commonText.opensInNewTab()}</span>
+            {icons.externalLink}
+          </span>
         </>
       ),
     };
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/DataEntry.test.ts b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/DataEntry.test.ts
index 9ecd6142915..a642b17faf0 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/DataEntry.test.ts
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/DataEntry.test.ts
@@ -68,7 +68,7 @@ snapshot(DataEntry.Footer, { children: 'Test' });
 snapshot(DataEntry.SubForm, { children: 'Test' });
 snapshot(DataEntry.SubFormHeader, { children: 'Test' });
 snapshot(DataEntry.SubFormTitle, { children: 'Test' });
-snapshot(DataEntry.Add, { onClick: f.never });
+snapshot(DataEntry.Add, { onClick: f.never, enableShortcut: true });
 snapshot(DataEntry.View, { onClick: f.never });
 snapshot(DataEntry.Edit, { onClick: f.never });
 snapshot(DataEntry.Clone, { onClick: f.never });
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap
index 2724a1b1932..9c7e5e7af30 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap
@@ -1,11 +1,11 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[` renders without errors 1`] = `
+exports[`Add renders without errors 1`] = `
 <DocumentFragment>
   <button
-    aria-label="Add"
+    aria-label="Add (a)"
     class="icon link rounded !text-brand-400 print:hidden "
-    title="Add"
+    title="Add (a)"
     type="button"
   >
     <svg
@@ -25,133 +25,6 @@ exports[` renders without errors 1`] = `
 </DocumentFragment>
 `;
 
-exports[` renders without errors 2`] = `
-<DocumentFragment>
-  <button
-    aria-label="View"
-    class="icon link rounded !text-cyan-400 print:hidden "
-    title="View"
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      class="w-6 h-6 flex-shrink-0"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M10 12a2 2 0 100-4 2 2 0 000 4z"
-      />
-      <path
-        clip-rule="evenodd"
-        d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z"
-        fill-rule="evenodd"
-      />
-    </svg>
-  </button>
-</DocumentFragment>
-`;
-
-exports[` renders without errors 3`] = `
-<DocumentFragment>
-  <button
-    aria-label="Edit"
-    class="icon link rounded !text-orange-400 print:hidden "
-    title="Edit"
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      class="w-6 h-6 flex-shrink-0"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
-      />
-    </svg>
-  </button>
-</DocumentFragment>
-`;
-
-exports[` renders without errors 4`] = `
-<DocumentFragment>
-  <button
-    aria-label="Clone"
-    class="icon link rounded !text-amber-700 print:hidden "
-    title="Clone"
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      class="w-6 h-6 flex-shrink-0"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z"
-      />
-      <path
-        d="M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z"
-      />
-    </svg>
-  </button>
-</DocumentFragment>
-`;
-
-exports[` renders without errors 5`] = `
-<DocumentFragment>
-  <button
-    aria-label="Search"
-    class="icon link rounded !text-blue-100 print:hidden "
-    title="Search"
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      class="w-6 h-6 flex-shrink-0"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        clip-rule="evenodd"
-        d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
-        fill-rule="evenodd"
-      />
-    </svg>
-  </button>
-</DocumentFragment>
-`;
-
-exports[` renders without errors 6`] = `
-<DocumentFragment>
-  <button
-    aria-label="Remove"
-    class="icon link rounded !text-red-700 print:hidden "
-    title="Remove"
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      class="w-6 h-6 flex-shrink-0"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        clip-rule="evenodd"
-        d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-        fill-rule="evenodd"
-      />
-    </svg>
-  </button>
-</DocumentFragment>
-`;
-
 exports[`DataEntry.Cell colspan 1, align right, self stretch 1`] = `
 <DocumentFragment>
   <div
@@ -269,11 +142,16 @@ exports[`DataEntry.visit no resource 2`] = `
     href="RESOURCE_VIEW_URL"
     rel="noopener"
     target="_blank"
-    title="Open in New Tab"
+    title="Open in New Tab (o)"
   >
     <span
-      aria-hidden="true"
+      title="Open in New Tab (o)"
     >
+      <span
+        class="sr-only"
+      >
+        (opens in a new tab)
+      </span>
       <svg
         aria-hidden="true"
         class="w-6 h-6 flex-shrink-0"
@@ -292,3 +170,130 @@ exports[`DataEntry.visit no resource 2`] = `
   </a>
 </DocumentFragment>
 `;
+
+exports[`clipboard renders without errors 1`] = `
+<DocumentFragment>
+  <button
+    aria-label="Clone"
+    class="icon link rounded !text-amber-700 print:hidden "
+    title="Clone"
+    type="button"
+  >
+    <svg
+      aria-hidden="true"
+      class="w-6 h-6 flex-shrink-0"
+      fill="currentColor"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z"
+      />
+      <path
+        d="M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z"
+      />
+    </svg>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`eye renders without errors 1`] = `
+<DocumentFragment>
+  <button
+    aria-label="View"
+    class="icon link rounded !text-cyan-400 print:hidden "
+    title="View"
+    type="button"
+  >
+    <svg
+      aria-hidden="true"
+      class="w-6 h-6 flex-shrink-0"
+      fill="currentColor"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10 12a2 2 0 100-4 2 2 0 000 4z"
+      />
+      <path
+        clip-rule="evenodd"
+        d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`minus renders without errors 1`] = `
+<DocumentFragment>
+  <button
+    aria-label="Remove"
+    class="icon link rounded !text-red-700 print:hidden "
+    title="Remove"
+    type="button"
+  >
+    <svg
+      aria-hidden="true"
+      class="w-6 h-6 flex-shrink-0"
+      fill="currentColor"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`pencil renders without errors 1`] = `
+<DocumentFragment>
+  <button
+    aria-label="Edit"
+    class="icon link rounded !text-orange-400 print:hidden "
+    title="Edit"
+    type="button"
+  >
+    <svg
+      aria-hidden="true"
+      class="w-6 h-6 flex-shrink-0"
+      fill="currentColor"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
+      />
+    </svg>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`search renders without errors 1`] = `
+<DocumentFragment>
+  <button
+    aria-label="Search"
+    class="icon link rounded !text-blue-100 print:hidden "
+    title="Search"
+    type="button"
+  >
+    <svg
+      aria-hidden="true"
+      class="w-6 h-6 flex-shrink-0"
+      fill="currentColor"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </button>
+</DocumentFragment>
+`;
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/Link.test.ts.snap b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/Link.test.ts.snap
index 01cd1d18170..9d0a3a6f118 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/Link.test.ts.snap
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/Link.test.ts.snap
@@ -101,8 +101,13 @@ exports[`Link.NewTab renders without errors 1`] = `
   >
     Close
     <span
-      aria-hidden="true"
+      title="(opens in a new tab)"
     >
+      <span
+        class="sr-only"
+      >
+        (opens in a new tab)
+      </span>
       <svg
         aria-hidden="true"
         class="w-6 h-6 flex-shrink-0"
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/index.test.tsx.snap b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/index.test.tsx.snap
index 9aab22b6984..8e68abca9de 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/index.test.tsx.snap
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/index.test.tsx.snap
@@ -91,7 +91,7 @@ exports[`H3 renders without errors 1`] = `
 exports[`Key renders without errors 1`] = `
 <DocumentFragment>
   <kbd
-    class="bg-gray-200 border-1 dark:border-none dark:bg-neutral-700 rounded-sm mx-1 p-0.5"
+    class="bg-gray-200 border-1 dark:border-none dark:bg-neutral-700 rounded-sm mx-1 p-0.5 text-xl"
   >
     View
   </kbd>
diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/index.tsx b/specifyweb/frontend/js_src/lib/components/Atoms/index.tsx
index 805ddb91797..5dd9336c596 100644
--- a/specifyweb/frontend/js_src/lib/components/Atoms/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Atoms/index.tsx
@@ -91,7 +91,7 @@ export const Summary = wrap<
 export const Key = wrap(
   'Key',
   'kbd',
-  'bg-gray-200 border-1 dark:border-none dark:bg-neutral-700 rounded-sm mx-1 p-0.5'
+  'bg-gray-200 border-1 dark:border-none dark:bg-neutral-700 rounded-sm mx-1 p-0.5 text-xl'
 );
 
 const defaultOneRem = 16;
diff --git a/specifyweb/frontend/js_src/lib/components/Core/Main.tsx b/specifyweb/frontend/js_src/lib/components/Core/Main.tsx
index 21c7bbb9fe4..abf5018fd7f 100644
--- a/specifyweb/frontend/js_src/lib/components/Core/Main.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Core/Main.tsx
@@ -13,6 +13,7 @@ import { Header } from '../Header';
 import { MenuContext, SetMenuContext } from '../Header/MenuContext';
 import type { MenuItemName } from '../Header/menuItemDefinitions';
 import { userInformation } from '../InitialContext/userInformation';
+import { KeyboardShortcutCheatSheet } from '../KeyboardShortcuts/CheatSheet';
 import { Dialog, dialogClassNames } from '../Molecules/Dialog';
 import { ReactLazy } from '../Router/ReactLazy';
 import { Router } from '../Router/Router';
@@ -77,6 +78,7 @@ export function Main({
 
         <VersionMismatch />
         <OnlineStatus />
+        <KeyboardShortcutCheatSheet />
         <ReportEventHandler />
       </SetMenuContext.Provider>
     </MenuContext.Provider>
diff --git a/specifyweb/frontend/js_src/lib/components/FormCells/COJODialog.tsx b/specifyweb/frontend/js_src/lib/components/FormCells/COJODialog.tsx
index 698b347b4e3..c18a7b4860f 100644
--- a/specifyweb/frontend/js_src/lib/components/FormCells/COJODialog.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormCells/COJODialog.tsx
@@ -20,9 +20,11 @@ import { SearchDialog } from '../SearchDialog';
 export function COJODialog({
   parentResource,
   collection,
+  enableShortcut = true,
 }: {
   readonly parentResource: SpecifyResource<CollectionObjectGroup> | undefined;
   readonly collection: Collection<AnySchema> | undefined;
+  readonly enableShortcut?: boolean;
 }): JSX.Element | null {
   const [isOpen, handleOpen, handleClose] = useBooleanState();
   const COJOChildrenTables = [
@@ -86,7 +88,7 @@ export function COJODialog({
 
   return (
     <>
-      <DataEntry.Add onClick={handleOpen} />
+      <DataEntry.Add enableShortcut={enableShortcut} onClick={handleOpen} />
       {isOpen && (
         <Dialog
           buttons={commonText.cancel()}
@@ -100,6 +102,7 @@ export function COJODialog({
                 <TableIcon label name={table.name} />
                 {table.label}
                 <DataEntry.Add
+                  enableShortcut={false}
                   onClick={(): void => {
                     setState('Add');
                     setResourceTable(table);
diff --git a/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx b/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx
index 3d0e1985f3d..349e36162cc 100644
--- a/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx
@@ -554,6 +554,7 @@ export function FormTable<SCHEMA extends AnySchema>({
                     {isExpanded[resource.cid] === true && (
                       <FormMeta
                         className="flex-1"
+                        enableKeyboardShortcut={false}
                         resource={resource}
                         viewDescription={expandedViewDefinition}
                       />
@@ -580,6 +581,7 @@ export function FormTable<SCHEMA extends AnySchema>({
       relationship.name === 'children' ? (
       <COJODialog
         collection={collection}
+        enableShortcut={dialog !== false}
         parentResource={
           collection?.related as
             | SpecifyResource<CollectionObjectGroup>
@@ -594,6 +596,7 @@ export function FormTable<SCHEMA extends AnySchema>({
         ) : undefined}
         {hasTablePermission(relationship.relatedTable.name, 'create') ? (
           <DataEntry.Add
+            enableShortcut={dialog !== false}
             onClick={(): void => {
               const resource = new relationship.relatedTable.Resource();
               handleAddResources([resource]);
diff --git a/specifyweb/frontend/js_src/lib/components/FormMeta/index.tsx b/specifyweb/frontend/js_src/lib/components/FormMeta/index.tsx
index f32ba1590c3..aba5885da58 100644
--- a/specifyweb/frontend/js_src/lib/components/FormMeta/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormMeta/index.tsx
@@ -30,6 +30,7 @@ import {
   ProtectedAction,
   ProtectedTool,
 } from '../Permissions/PermissionDenied';
+import { userPreferences } from '../Preferences/userPreferences';
 import { canMerge } from '../QueryBuilder/Results';
 import { UnloadProtectsContext } from '../Router/UnloadProtect';
 import { AutoNumbering } from './AutoNumbering';
@@ -45,22 +46,32 @@ import { ShareRecord } from './ShareRecord';
 import { SubViewMeta } from './SubViewMeta';
 
 /**
- * Form preferences host context aware user preferences and other meta-actions.
+ * Form preferences, context aware user preferences, and other meta-actions.
  * List of available features: https://github.com/specify/specify7/issues/1330
  */
 export function FormMeta({
   resource,
   className,
   viewDescription,
+  enableKeyboardShortcut,
 }: {
   readonly resource: SpecifyResource<AnySchema> | undefined;
   readonly className?: string;
   readonly viewDescription: ViewDescription | undefined;
+  readonly enableKeyboardShortcut: boolean;
 }): JSX.Element | null {
   const [isOpen, _, handleClose, handleToggle] = useBooleanState();
   const [isReadOnly = false] = useCachedState('forms', 'readOnlyMode');
   const subView = React.useContext(SubViewContext);
   const isInFormEditor = React.useContext(InFormEditorContext);
+
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'form',
+    'actions',
+    'openFormMeta',
+    enableKeyboardShortcut && resource !== undefined ? handleToggle : undefined
+  );
+
   return isInFormEditor && typeof viewDescription === 'object' ? (
     <FormEditorLink viewDescription={viewDescription} />
   ) : typeof resource === 'object' ? (
@@ -68,7 +79,7 @@ export function FormMeta({
       <Button.Small
         aria-label={formsText.formMeta()}
         className={className}
-        title={formsText.formMeta()}
+        title={`${formsText.formMeta()}${keyboardShortcut}`}
         onClick={handleToggle}
       >
         {icons.cog}
diff --git a/specifyweb/frontend/js_src/lib/components/FormPlugins/CollectionRelOneToMany.tsx b/specifyweb/frontend/js_src/lib/components/FormPlugins/CollectionRelOneToMany.tsx
index 81da6994c87..8fe7f2ef350 100644
--- a/specifyweb/frontend/js_src/lib/components/FormPlugins/CollectionRelOneToMany.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormPlugins/CollectionRelOneToMany.tsx
@@ -164,6 +164,7 @@ export function CollectionOneToManyPlugin({
       typeof data === 'object' ? (
         <DataEntry.Add
           aria-pressed={state.type === 'SearchState'}
+          enableShortcut={false}
           onClick={(): void =>
             setState(
               state.type === 'SearchState'
diff --git a/specifyweb/frontend/js_src/lib/components/FormSliders/IntegratedRecordSelector.tsx b/specifyweb/frontend/js_src/lib/components/FormSliders/IntegratedRecordSelector.tsx
index 934f706b75f..ae75d0e0179 100644
--- a/specifyweb/frontend/js_src/lib/components/FormSliders/IntegratedRecordSelector.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormSliders/IntegratedRecordSelector.tsx
@@ -56,7 +56,7 @@ export function IntegratedRecordSelector({
   ...rest
 }: Omit<
   Parameters<typeof RecordSelectorFromCollection>[0],
-  'children' | 'onSlide' | 'table'
+  'children' | 'enableKeyboardShortcuts' | 'onSlide' | 'table'
 > & {
   readonly dialog: 'modal' | 'nonModal' | false;
   readonly formType: FormType;
@@ -186,6 +186,7 @@ export function IntegratedRecordSelector({
       <RecordSelectorFromCollection
         collection={collection}
         defaultIndex={isToOne ? 0 : index}
+        enableKeyboardShortcuts={dialog !== false}
         relationship={relationship}
         onAdd={(resources): void => {
           if (isInteraction) {
@@ -317,6 +318,7 @@ export function IntegratedRecordSelector({
                                   handleAdd,
                                 });
                             }}
+                            enableShortcut={dialog !== false}
                           />
                         )
                       ) : undefined}
diff --git a/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelector.tsx b/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelector.tsx
index ea57737d30d..c8138580758 100644
--- a/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelector.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelector.tsx
@@ -36,6 +36,7 @@ export type RecordSelectorProps<SCHEMA extends AnySchema> = {
     | ((newIndex: number, replace: boolean, callback?: () => void) => void)
     | undefined;
   readonly isCollapsed?: boolean;
+  readonly enableKeyboardShortcuts: boolean;
 };
 
 export type RecordSelectorState<SCHEMA extends AnySchema> = {
@@ -72,6 +73,7 @@ export function useRecordSelector<SCHEMA extends AnySchema>({
   index,
   onSlide: handleSlide,
   totalCount,
+  enableKeyboardShortcuts,
 }: RecordSelectorProps<SCHEMA> & {
   // Total number of elements in the collection
   readonly totalCount: number;
@@ -120,6 +122,7 @@ export function useRecordSelector<SCHEMA extends AnySchema>({
     slider: (
       <Slider
         count={totalCount}
+        enableKeyboardShortcuts={enableKeyboardShortcuts}
         value={index}
         onChange={
           handleSlide === undefined
diff --git a/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelectorFromIds.tsx b/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelectorFromIds.tsx
index 1b34122641b..f06398a51d2 100644
--- a/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelectorFromIds.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSelectorFromIds.tsx
@@ -52,7 +52,10 @@ export function RecordSelectorFromIds<SCHEMA extends AnySchema>({
   onFetch: handleFetch,
   hasSeveralResourceType,
   ...rest
-}: Omit<RecordSelectorProps<SCHEMA>, 'index' | 'records'> & {
+}: Omit<
+  RecordSelectorProps<SCHEMA>,
+  'enableKeyboardShortcuts' | 'index' | 'records'
+> & {
   /*
    * Undefined IDs are placeholders for items with unknown IDs (e.g in record
    * sets or query results with thousands of items)
@@ -123,6 +126,7 @@ export function RecordSelectorFromIds<SCHEMA extends AnySchema>({
     isLoading,
   } = useRecordSelector({
     ...rest,
+    enableKeyboardShortcuts: true,
     index,
     table,
     records:
@@ -209,6 +213,7 @@ export function RecordSelectorFromIds<SCHEMA extends AnySchema>({
                 <DataEntry.Add
                   aria-label={addLabel}
                   disabled={isReadOnly}
+                  enableShortcut
                   title={addLabel}
                   onClick={() => {
                     const resource = new table.Resource();
diff --git a/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSet.tsx b/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSet.tsx
index bd3995be1fc..62cfa6ecc76 100644
--- a/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSet.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormSliders/RecordSet.tsx
@@ -181,6 +181,7 @@ function RecordSet<SCHEMA extends AnySchema>({
 }: Omit<
   RecordSelectorProps<SCHEMA>,
   | 'defaultIndex'
+  | 'enableKeyboardShortcuts'
   | 'field'
   | 'index'
   | 'onDelete'
diff --git a/specifyweb/frontend/js_src/lib/components/FormSliders/Slider.tsx b/specifyweb/frontend/js_src/lib/components/FormSliders/Slider.tsx
index b4845691f0b..75f6b24165d 100644
--- a/specifyweb/frontend/js_src/lib/components/FormSliders/Slider.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormSliders/Slider.tsx
@@ -2,17 +2,24 @@ import React from 'react';
 
 import { formsText } from '../../localization/forms';
 import { clamp } from '../../utils/utils';
+import { Button } from '../Atoms/Button';
 import { Input } from '../Atoms/Form';
-import { SlideDirection, useSliderButtons } from './useSliderButtons';
+import { icons } from '../Atoms/Icons';
+import { userPreferences } from '../Preferences/userPreferences';
 
 export function Slider({
   value,
   count,
   onChange: handleChange,
+  enableKeyboardShortcuts,
 }: {
   readonly value: number;
   readonly count: number;
   readonly onChange: ((newValue: number) => void) | undefined;
+  /**
+   * If true, keyboard shortcuts will be enabled for this slider
+   */
+  readonly enableKeyboardShortcuts: boolean;
 }): JSX.Element | null {
   const [pendingValue, setPendingValue] = React.useState<number>(value);
   const inputRef = React.useRef<HTMLInputElement | null>(null);
@@ -26,35 +33,67 @@ export function Slider({
   const max = Math.max(1, count);
   const resolvedValue = Number.isNaN(pendingValue) ? '' : pendingValue + 1;
 
-  const handleSlide = React.useCallback(
-    (direction: SlideDirection) => {
-      if (direction === 'first') handleChange?.(0);
-      if (direction === 'previous') handleChange?.(value - 1);
-      if (direction === 'next') handleChange?.(value + 1);
-      if (direction === 'last') handleChange?.(count - 1);
-    },
-    [value, handleChange]
-  );
+  const goToFirstRecord =
+    value <= 0 || handleChange === undefined
+      ? undefined
+      : (): void => handleChange?.(0);
+  const goToPreviousRecord =
+    value <= 0 || handleChange === undefined
+      ? undefined
+      : (): void => handleChange(value - 1);
+  const goToNextRecord =
+    value + 1 >= count || handleChange === undefined
+      ? undefined
+      : (): void => handleChange?.(value + 1);
+  const goToLastRecord =
+    value + 1 >= count || handleChange === undefined
+      ? undefined
+      : (): void => handleChange?.(count - 1);
 
-  const {
-    navigateToFirst,
-    navigateToPrevious,
-    navigateToNext,
-    navigateToLast,
-  } = useSliderButtons({
-    buttonsDisabled: {
-      first: value === 0,
-      previous: value === 0,
-      next: value + 1 === count,
-      last: value + 1 == count,
-    },
-    onChange: handleSlide,
-  });
+  const goToFirstRecordShortcut = userPreferences.useKeyboardShortcut(
+    'form',
+    'recordSet',
+    'goToFirstRecord',
+    enableKeyboardShortcuts ? goToFirstRecord : undefined
+  );
+  const goToPreviousRecordShortcut = userPreferences.useKeyboardShortcut(
+    'form',
+    'recordSet',
+    'goToPreviousRecord',
+    enableKeyboardShortcuts ? goToPreviousRecord : undefined
+  );
+  const goToNextRecordShortcut = userPreferences.useKeyboardShortcut(
+    'form',
+    'recordSet',
+    'goToNextRecord',
+    enableKeyboardShortcuts ? goToNextRecord : undefined
+  );
+  const goToLastRecordShortcut = userPreferences.useKeyboardShortcut(
+    'form',
+    'recordSet',
+    'goToLastRecord',
+    enableKeyboardShortcuts ? goToLastRecord : undefined
+  );
 
   return count > 0 ? (
     <nav className="flex justify-center gap-2 print:hidden">
-      {navigateToFirst}
-      {navigateToPrevious}
+      <Button.Small
+        aria-label={formsText.goToFirstRecord()}
+        disabled={goToFirstRecord === undefined}
+        title={`${formsText.goToFirstRecord()}${goToFirstRecordShortcut}`}
+        onClick={goToFirstRecord}
+      >
+        {icons.chevronDoubleLeft}
+      </Button.Small>
+      <Button.Small
+        aria-label={formsText.goToPreviousRecord()}
+        className="px-4 dark:bg-neutral-500"
+        disabled={goToPreviousRecord === undefined}
+        title={`${formsText.goToPreviousRecord()}${goToPreviousRecordShortcut}`}
+        onClick={goToPreviousRecord}
+      >
+        {icons.chevronLeft}
+      </Button.Small>
       <div className="grid grid-cols-[1fr_auto_1fr] items-center gap-1 font-bold">
         <label
           className={`
@@ -93,8 +132,23 @@ export function Slider({
         <span>/</span>
         <span>{count}</span>
       </div>
-      {navigateToNext}
-      {navigateToLast}
+      <Button.Small
+        aria-label={formsText.goToNextRecord()}
+        className="px-4 dark:bg-neutral-500"
+        disabled={goToNextRecord === undefined}
+        title={`${formsText.goToNextRecord()}${goToNextRecordShortcut}`}
+        onClick={goToNextRecord}
+      >
+        {icons.chevronRight}
+      </Button.Small>
+      <Button.Small
+        aria-label={formsText.goToLastRecord()}
+        disabled={goToLastRecord === undefined}
+        title={`${formsText.goToLastRecord()}${goToLastRecordShortcut}`}
+        onClick={goToLastRecord}
+      >
+        {icons.chevronDoubleRight}
+      </Button.Small>
     </nav>
   ) : null;
 }
diff --git a/specifyweb/frontend/js_src/lib/components/FormSliders/useSliderButtons.tsx b/specifyweb/frontend/js_src/lib/components/FormSliders/useSliderButtons.tsx
index 6bb5824afba..1de85118a1b 100644
--- a/specifyweb/frontend/js_src/lib/components/FormSliders/useSliderButtons.tsx
+++ b/specifyweb/frontend/js_src/lib/components/FormSliders/useSliderButtons.tsx
@@ -31,9 +31,9 @@ export function useSliderButtons({
 } {
   const navigateToFirst = (
     <Button.Small
-      aria-label={formsText.firstRecord()}
+      aria-label={formsText.goToFirstRecord()}
       disabled={buttonsDisabled.first || handleChange === undefined}
-      title={formsText.firstRecord()}
+      title={formsText.goToFirstRecord()}
       onClick={(): void => handleChange?.('first')}
     >
       {icons.chevronDoubleLeft}
@@ -42,10 +42,10 @@ export function useSliderButtons({
 
   const navigateToPrevious = (
     <Button.Small
-      aria-label={formsText.previousRecord()}
+      aria-label={formsText.goToPreviousRecord()}
       className="px-4 dark:bg-neutral-500"
       disabled={buttonsDisabled.previous || handleChange === undefined}
-      title={formsText.previousRecord()}
+      title={formsText.goToPreviousRecord()}
       onClick={(): void => handleChange?.('previous')}
     >
       {icons.chevronLeft}
@@ -54,10 +54,10 @@ export function useSliderButtons({
 
   const navigateToNext = (
     <Button.Small
-      aria-label={formsText.nextRecord()}
+      aria-label={formsText.goToNextRecord()}
       className="px-4 dark:bg-neutral-500"
       disabled={buttonsDisabled.next || handleChange === undefined}
-      title={formsText.nextRecord()}
+      title={formsText.goToNextRecord()}
       onClick={(): void => handleChange?.('next')}
     >
       {icons.chevronRight}
@@ -66,9 +66,9 @@ export function useSliderButtons({
 
   const navigateToLast = (
     <Button.Small
-      aria-label={formsText.lastRecord()}
+      aria-label={formsText.goToLastRecord()}
       disabled={buttonsDisabled.last || handleChange === undefined}
-      title={formsText.lastRecord()}
+      title={formsText.goToLastRecord()}
       onClick={(): void => handleChange?.('last')}
     >
       {icons.chevronDoubleRight}
diff --git a/specifyweb/frontend/js_src/lib/components/Forms/BaseResourceView.tsx b/specifyweb/frontend/js_src/lib/components/Forms/BaseResourceView.tsx
index ead3aa7f5cd..db21df099ad 100644
--- a/specifyweb/frontend/js_src/lib/components/Forms/BaseResourceView.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Forms/BaseResourceView.tsx
@@ -165,7 +165,11 @@ export function useResourceView<SCHEMA extends AnySchema>({
      */
     formElement: formRef.current,
     formPreferences: (
-      <FormMeta resource={resource} viewDescription={viewDefinition} />
+      <FormMeta
+        enableKeyboardShortcut={!isSubForm}
+        resource={resource}
+        viewDescription={viewDefinition}
+      />
     ),
     form: (children, className) =>
       isSubForm ? (
diff --git a/specifyweb/frontend/js_src/lib/components/Forms/Save.tsx b/specifyweb/frontend/js_src/lib/components/Forms/Save.tsx
index 8e704ae5c70..a3dc60174dd 100644
--- a/specifyweb/frontend/js_src/lib/components/Forms/Save.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Forms/Save.tsx
@@ -203,6 +203,12 @@ export function SaveButton<SCHEMA extends AnySchema = AnySchema>({
   const ButtonComponent = saveBlocked ? Button.Danger : Button.Save;
   const SubmitComponent = saveBlocked ? Submit.Danger : Submit.Save;
 
+  const {
+    BulkCarryForward,
+    dialogs: BulkCarryForwardDialogs,
+    handleBulkCarryForward,
+  } = useBulkCarryForward({ resource, showBulkCarryCount, showBulkCarryRange });
+
   // Don't allow cloning the resource if it changed
   const isChanged = saveRequired || externalSaveRequired;
 
@@ -232,11 +238,56 @@ export function SaveButton<SCHEMA extends AnySchema = AnySchema>({
     </ButtonComponent>
   );
 
-  const {
-    BulkCarryForward,
-    dialogs: BulkCarryForwardDialogs,
-    handleBulkCarryForward,
-  } = useBulkCarryForward({ resource, showBulkCarryCount, showBulkCarryRange });
+  const carryForwardResources =
+    (showBulkCarryCount || showBulkCarryRange) &&
+    handleBulkCarryForward !== undefined
+      ? handleBulkCarryForward
+      : async (): Promise<RA<SpecifyResource<SCHEMA>>> => [
+          await resource.clone(false),
+        ];
+  const carryForward =
+    typeof handleAdd === 'function' &&
+    canCreate &&
+    showCarry &&
+    !resource.isNew() &&
+    !isChanged &&
+    !isSaving
+      ? (): void => {
+          smoothScroll(form, 0);
+          loading(
+            carryForwardResources().then((resources) =>
+              resources !== undefined ? handleAdd(resources) : undefined
+            )
+          );
+        }
+      : undefined;
+  const clone =
+    typeof handleAdd === 'function' &&
+    canCreate &&
+    showClone &&
+    !resource.isNew() &&
+    !isChanged &&
+    !isSaving
+      ? (): void => {
+          smoothScroll(form, 0);
+          loading(
+            resource.clone(true).then((resources) => handleAdd([resources]))
+          );
+        }
+      : undefined;
+  userPreferences.useKeyboardShortcut(
+    'form',
+    'actions',
+    'save',
+    canSave && !isSaveDisabled ? handleSubmit : undefined
+  );
+  userPreferences.useKeyboardShortcut(
+    'form',
+    'actions',
+    'carryForward',
+    carryForward
+  );
+  userPreferences.useKeyboardShortcut('form', 'actions', 'clone', clone);
 
   return (
     <>
@@ -258,12 +309,7 @@ export function SaveButton<SCHEMA extends AnySchema = AnySchema>({
                  *
                  */
                 false,
-                (showBulkCarryCount || showBulkCarryRange) &&
-                  handleBulkCarryForward !== undefined
-                  ? handleBulkCarryForward
-                  : async (): Promise<RA<SpecifyResource<SCHEMA>>> => [
-                      await resource.clone(false),
-                    ]
+                carryForwardResources
               )
             : undefined}
           {showClone
diff --git a/specifyweb/frontend/js_src/lib/components/Header/ExpressSearchTask.tsx b/specifyweb/frontend/js_src/lib/components/Header/ExpressSearchTask.tsx
index 073745d6f2f..bb9923ba669 100644
--- a/specifyweb/frontend/js_src/lib/components/Header/ExpressSearchTask.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Header/ExpressSearchTask.tsx
@@ -69,7 +69,7 @@ export function ExpressSearchOverlay(): JSX.Element {
         icon={icons.search}
         onClose={handleClose}
       >
-        <SearchForm formId={formId}>
+        <SearchForm autoFocus formId={formId}>
           {canEditExpressSearchConfig && (
             <Button.BorderedGray
               className="!px-2"
@@ -94,9 +94,11 @@ export function ExpressSearchOverlay(): JSX.Element {
 
 export function SearchForm({
   formId,
+  autoFocus,
   children,
 }: {
   readonly formId: string;
+  readonly autoFocus: boolean;
   readonly children?: React.ReactNode;
 }): JSX.Element {
   const navigate = useNavigate();
@@ -111,7 +113,7 @@ export function SearchForm({
       }
     >
       <div className="flex items-center gap-2">
-        <SearchField value={value} />
+        <SearchField autoFocus={autoFocus} value={value} />
         {children}
       </div>
     </Form>
@@ -120,13 +122,16 @@ export function SearchForm({
 
 function SearchField({
   value: [value, setValue],
+  autoFocus,
 }: {
   readonly value: GetSet<string>;
+  readonly autoFocus: boolean;
 }): JSX.Element {
   return (
     <Input.Generic
       aria-label={commonText.search()}
       autoComplete="on"
+      autoFocus={autoFocus}
       className="flex-1 bg-[color:var(--field-background)] py-2"
       // Name is for autocomplete purposes only
       name="searchQuery"
@@ -213,7 +218,7 @@ export function ExpressSearchView(): JSX.Element {
         )}
         <Form onSubmit={(): void => setQuery(pendingQuery)}>
           <div className="flex items-center gap-2">
-            <SearchField value={value} />
+            <SearchField autoFocus value={value} />
             {canEditExpressSearchConfig && (
               <Button.BorderedGray
                 className="!px-2"
diff --git a/specifyweb/frontend/js_src/lib/components/Header/index.tsx b/specifyweb/frontend/js_src/lib/components/Header/index.tsx
index c4abae1d882..95b00043a88 100644
--- a/specifyweb/frontend/js_src/lib/components/Header/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Header/index.tsx
@@ -22,6 +22,7 @@ import type { TagProps } from '../Atoms/wrapper';
 import type { MenuItem } from '../Core/Main';
 import { schema } from '../DataModel/schema';
 import { userInformation } from '../InitialContext/userInformation';
+import { useUrlShortcuts } from '../KeyboardShortcuts/useUrlShortcuts';
 import { titleDelay, titlePosition } from '../Molecules/Tooltips';
 import { Notifications } from '../Notifications/Notifications';
 import { useDarkMode } from '../Preferences/Hooks';
@@ -102,6 +103,8 @@ export function Header({
     []
   );
 
+  useUrlShortcuts();
+
   const activeMenuItem = React.useContext(MenuContext);
   return (
     <header
diff --git a/specifyweb/frontend/js_src/lib/components/Header/menuItemDefinitions.ts b/specifyweb/frontend/js_src/lib/components/Header/menuItemDefinitions.ts
index f2a253ab8ed..d41d7880bda 100644
--- a/specifyweb/frontend/js_src/lib/components/Header/menuItemDefinitions.ts
+++ b/specifyweb/frontend/js_src/lib/components/Header/menuItemDefinitions.ts
@@ -119,6 +119,13 @@ const rawMenuItems = ensure<IR<Omit<MenuItem, 'name'>>>()({
   },
 } as const);
 
+export const expressSearchMenuItem: MenuItem = {
+  name: 'expressSearch',
+  url: '/specify/overlay/express-search/',
+  title: headerText.simpleSearch(),
+  icon: icons.search,
+};
+
 export type MenuItemName = keyof typeof rawMenuItems | 'search';
 
 /**
diff --git a/specifyweb/frontend/js_src/lib/components/HomePage/TaxonTiles.tsx b/specifyweb/frontend/js_src/lib/components/HomePage/TaxonTiles.tsx
index c124889b5f8..816e6222eb9 100644
--- a/specifyweb/frontend/js_src/lib/components/HomePage/TaxonTiles.tsx
+++ b/specifyweb/frontend/js_src/lib/components/HomePage/TaxonTiles.tsx
@@ -49,7 +49,7 @@ export function TaxonTiles(): JSX.Element {
         .attr('title', titleGenerator)
         .on('mouseover', (_event, node) => setTitle(titleGenerator(node)))
         .on('click', (_event, node) =>
-          window.open(
+          globalThis.open(
             `/specify/query/fromtree/taxon/${node.data.id}/`,
             '_blank'
           )
diff --git a/specifyweb/frontend/js_src/lib/components/HomePage/index.tsx b/specifyweb/frontend/js_src/lib/components/HomePage/index.tsx
index f636fd45d9d..cbbfa69ba75 100644
--- a/specifyweb/frontend/js_src/lib/components/HomePage/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/HomePage/index.tsx
@@ -51,7 +51,7 @@ export function WelcomeView({
               {icons.cog}
             </Button.BorderedGray>
           )}
-          <SearchForm formId={formId} />
+          <SearchForm autoFocus={false} formId={formId} />
           <Submit.Secondary form={formId}>
             {commonText.search()}
           </Submit.Secondary>
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/CheatSheet.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/CheatSheet.tsx
new file mode 100644
index 00000000000..1f07afac82f
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/CheatSheet.tsx
@@ -0,0 +1,149 @@
+import React from 'react';
+
+import { preferencesText } from '../../localization/preferences';
+import type { RA } from '../../utils/types';
+import { SECOND } from '../Atoms/timeUnits';
+import { Portal } from '../Molecules/Portal';
+import type { ActiveKeyboardShortcut } from './context';
+import {
+  getActiveKeyboardShortcuts,
+  useKeyboardShortcutsEnabled,
+} from './context';
+import { localizedKeyJoinSymbol, localizeKeyboardShortcut } from './utils';
+
+const holdDuration = 1 * SECOND;
+const modifierKeys = new Set(['Alt', 'Control', 'Meta', 'Shift']);
+const triggeringModifierKeys = new Set(['Control', 'Meta']);
+
+export function KeyboardShortcutCheatSheet(): JSX.Element | null {
+  const shortcutsEnabled = useKeyboardShortcutsEnabled();
+  const [shortcuts, setShortcuts] = React.useState<
+    RA<ActiveKeyboardShortcut> | undefined
+  >(undefined);
+
+  React.useEffect(() => {
+    if (!shortcutsEnabled) setShortcuts(undefined);
+  }, [shortcutsEnabled]);
+
+  React.useEffect(() => {
+    if (!shortcutsEnabled) return undefined;
+
+    let timeout: ReturnType<typeof setTimeout> | undefined;
+    let isVisible = false;
+    const heldModifiers = new Set<string>();
+
+    const hide = (): void => {
+      if (timeout !== undefined) clearTimeout(timeout);
+      timeout = undefined;
+      heldModifiers.clear();
+      isVisible = false;
+      setShortcuts(undefined);
+    };
+    const handleKeyDown = (event: KeyboardEvent): void => {
+      if (modifierKeys.has(event.key)) {
+        heldModifiers.add(event.key);
+        if (heldModifiers.size > 1) {
+          if (timeout !== undefined) clearTimeout(timeout);
+          timeout = undefined;
+          return;
+        }
+        if (
+          triggeringModifierKeys.has(event.key) &&
+          timeout === undefined &&
+          !isVisible &&
+          !event.repeat
+        )
+          timeout = setTimeout(() => {
+            timeout = undefined;
+            isVisible = true;
+            setShortcuts(getActiveKeyboardShortcuts());
+          }, holdDuration);
+      } else if (heldModifiers.size > 0) hide();
+    };
+    const handleKeyUp = (event: KeyboardEvent): void => {
+      if (!modifierKeys.has(event.key)) return;
+      heldModifiers.delete(event.key);
+      if (heldModifiers.size === 0) hide();
+    };
+
+    document.addEventListener('keydown', handleKeyDown);
+    document.addEventListener('keyup', handleKeyUp);
+    globalThis.addEventListener('blur', hide);
+    return (): void => {
+      if (timeout !== undefined) clearTimeout(timeout);
+      document.removeEventListener('keydown', handleKeyDown);
+      document.removeEventListener('keyup', handleKeyUp);
+      globalThis.removeEventListener('blur', hide);
+    };
+  }, [shortcutsEnabled]);
+
+  const contextShortcuts = shortcuts?.filter(
+    ({ scope }) => scope === 'context'
+  );
+  const globalShortcuts = shortcuts?.filter(({ scope }) => scope === 'global');
+
+  return shortcuts === undefined || shortcuts.length === 0 ? null : (
+    <Portal>
+      <section
+        aria-label={preferencesText.keyboardShortcuts()}
+        role="dialog"
+        className="pointer-events-none fixed inset-0 z-[10000] flex items-center justify-center bg-black/20 p-8"
+      >
+        <div
+          className={`
+            max-h-full w-full max-w-5xl overflow-auto rounded-2xl
+            pointer-events-auto
+            border border-white/20 bg-neutral-800/90 p-8 text-white shadow-2xl
+          `}
+        >
+          <h2 className="mb-6 text-center text-2xl font-semibold">
+            {preferencesText.keyboardShortcuts()}
+          </h2>
+          {contextShortcuts !== undefined && contextShortcuts.length > 0 && (
+            <ShortcutGrid shortcuts={contextShortcuts} />
+          )}
+          {contextShortcuts !== undefined &&
+            contextShortcuts.length > 0 &&
+            globalShortcuts !== undefined &&
+            globalShortcuts.length > 0 && (
+              <hr className="my-6 border-white/25" />
+            )}
+          {globalShortcuts !== undefined && globalShortcuts.length > 0 && (
+            <ShortcutGrid shortcuts={globalShortcuts} />
+          )}
+        </div>
+      </section>
+    </Portal>
+  );
+}
+
+function ShortcutGrid({
+  shortcuts,
+}: {
+  readonly shortcuts: RA<ActiveKeyboardShortcut>;
+}): JSX.Element {
+  return (
+    <div className="grid grid-cols-1 gap-x-12 gap-y-4 sm:grid-cols-2 lg:grid-cols-3">
+      {shortcuts.map(({ label, shortcut }) => (
+        <div
+          className="flex min-w-0 items-center justify-between gap-4 border-b border-white/15 pb-3"
+          key={`${label}-${shortcut}`}
+        >
+          <span className="truncate">{label}</span>
+          <kbd className="flex shrink-0 gap-1">
+            {localizeKeyboardShortcut(shortcut)
+              .split(localizedKeyJoinSymbol)
+              .map((key, index) => (
+                <span
+                  className="min-w-7 rounded-md bg-white/15 px-2 py-1 text-center font-mono text-sm shadow-sm"
+                  key={`${key}-${index}`}
+                >
+                  {key}
+                </span>
+              ))}
+          </kbd>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/Conflicts.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/Conflicts.tsx
new file mode 100644
index 00000000000..46673e49b3b
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/Conflicts.tsx
@@ -0,0 +1,174 @@
+import React from 'react';
+
+import { useAsyncState } from '../../hooks/useAsyncState';
+import { preferencesText } from '../../localization/preferences';
+import type { RA } from '../../utils/types';
+import { WarningMessage } from '../Atoms';
+import type { BasePreferences } from '../Preferences/BasePreferences';
+import type { GenericPreferences } from '../Preferences/types';
+import type { KeyboardShortcuts } from './config';
+import type { UrlShortcuts } from './UrlShortcuts';
+import { localizeKeyboardShortcut, resolvePlatformShortcuts } from './utils';
+
+type Assignment = {
+  readonly id: string;
+  readonly label: React.ReactNode;
+  readonly value: KeyboardShortcuts;
+  readonly isUrl?: boolean;
+  readonly scope?: string;
+};
+
+// These groups are used in mutually exclusive editing contexts.
+const contextualGroups = new Set([
+  'form.actions',
+  'form.dialogs',
+  'form.recordSet',
+  'treeEditor.actions',
+  'queryBuilder.actions',
+]);
+
+const ShortcutLabels = React.createContext<
+  Readonly<Record<string, React.ReactNode>>
+>({});
+const fetchShortcutLabels = async () =>
+  import('./UrlShortcuts').then(({ getShortcutLabels }) => getShortcutLabels());
+
+const ShortcutAssignments = React.createContext<RA<Assignment>>([]);
+
+const urlAssignments = (value: UrlShortcuts): RA<Assignment> =>
+  Object.entries(value).flatMap(([path, value]) =>
+    path.length === 0 || value === undefined
+      ? []
+      : [{ id: path, label: path, value, isUrl: true }]
+  );
+
+export function ShortcutConflictProvider({
+  preferences: basePreferences,
+  definitions,
+  children,
+}: {
+  readonly preferences: BasePreferences<any>;
+  readonly definitions: GenericPreferences;
+  readonly children: React.ReactNode;
+}): JSX.Element {
+  const [labels] = useAsyncState(fetchShortcutLabels, false);
+  const preferences =
+    React.useContext(basePreferences.Context) ?? basePreferences;
+  const [_, refresh] = React.useReducer((value: number) => value + 1, 0);
+  React.useEffect(
+    () => preferences.events.on('update', () => refresh()),
+    [preferences]
+  );
+  const assignments = Object.entries(definitions).flatMap(
+    ([category, definition]) =>
+      Object.entries(definition.subCategories).flatMap(
+        ([subcategory, { items, title: subgroup }]) =>
+          Object.entries(items).flatMap(
+            ([item, definition]): RA<Assignment> => {
+              if (!('renderer' in definition)) return [];
+              if (definition.renderer.name === 'UrlShortcutsEditor')
+                return urlAssignments(
+                  preferences.get(category, subcategory, item)
+                );
+              if (definition.renderer.name !== 'KeyboardShortcutPreferenceItem')
+                return [];
+              const title =
+                typeof definition.title === 'function'
+                  ? definition.title()
+                  : definition.title;
+              const group = definitions[category].title;
+              return [
+                {
+                  id: `${category}.${subcategory}.${item}`,
+                  label: (
+                    <>
+                      {typeof group === 'function' ? group() : group} /{' '}
+                      {typeof subgroup === 'function' ? subgroup() : subgroup}:{' '}
+                      {title}
+                    </>
+                  ),
+                  scope: contextualGroups.has(`${category}.${subcategory}`)
+                    ? `${category}.${subcategory}`
+                    : undefined,
+                  value: preferences.get(category, subcategory, item),
+                },
+              ];
+            }
+          )
+      )
+  );
+  return (
+    <ShortcutLabels.Provider value={labels ?? {}}>
+      <ShortcutAssignments.Provider value={assignments}>
+        {children}
+      </ShortcutAssignments.Provider>
+    </ShortcutLabels.Provider>
+  );
+}
+
+// Replace saved URL assignments with the dialog's current draft.
+export function UrlShortcutConflictProvider({
+  value,
+  children,
+}: {
+  readonly value: UrlShortcuts;
+  readonly children: React.ReactNode;
+}): JSX.Element {
+  const assignments = React.useContext(ShortcutAssignments);
+  return (
+    <ShortcutAssignments.Provider
+      value={[
+        ...assignments.filter(({ isUrl }) => !isUrl),
+        ...urlAssignments(value),
+      ]}
+    >
+      {children}
+    </ShortcutAssignments.Provider>
+  );
+}
+
+export function ShortcutConflictWarning({
+  id,
+  value,
+}: {
+  readonly id: string | undefined;
+  readonly value: KeyboardShortcuts;
+}): JSX.Element | null {
+  const assignments = React.useContext(ShortcutAssignments);
+  const labels = React.useContext(ShortcutLabels);
+  const scope = assignments.find((assignment) => assignment.id === id)?.scope;
+  const conflicts = (resolvePlatformShortcuts(value) ?? []).flatMap(
+    (shortcut) => {
+      if (shortcut.length === 0) return [];
+      return assignments
+        .filter(
+          (assignment) =>
+            assignment.id !== id &&
+            (scope === undefined ||
+              assignment.scope === undefined ||
+              assignment.scope === scope) &&
+            (resolvePlatformShortcuts(assignment.value) ?? []).includes(
+              shortcut
+            )
+        )
+        .map((assignment) => ({ ...assignment, shortcut }));
+    }
+  );
+  return conflicts.length === 0 ? null : (
+    <WarningMessage>
+      {preferencesText.shortcutConflict()}
+      <ul>
+        {conflicts.map(({ id, label, shortcut, isUrl }) => (
+          <li key={`${id}:${shortcut}`}>
+            {localizeKeyboardShortcut(shortcut)}:{' '}
+            {isUrl
+              ? (labels[id] ??
+                labels[id.endsWith('/') ? id.slice(0, -1) : `${id}/`] ??
+                label)
+              : label}
+          </li>
+        ))}
+      </ul>
+    </WarningMessage>
+  );
+}
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/README.md b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/README.md
new file mode 100644
index 00000000000..a8bf3234b55
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/README.md
@@ -0,0 +1,41 @@
+# Keyboard shortcuts
+
+## Steps to add a new keyboard shortcut:
+
+1. Add a new preference item like this:
+
+   ```ts
+   goToLastRecord: defineKeyboardShortcut(
+    formsText.goToLastRecord(),
+    'Ctrl+Shift+ArrowDown'
+   ),
+   ```
+
+   - We use event.code as key name (see
+     [mdn list](https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values).
+     [playground](https://www.toptal.com/developers/keycode)). This is so that
+     it works regardless of keyboard language. In preferences, use "Ctrl" even
+     on a mac - the system will automatically interpret Ctrl as Cmd if user is
+     on a mac.
+   - Most of the time the keyboard shortcuts between the platforms will be the
+     same, but if different ones are needed to avoid OS conflicts, the 2nd
+     argument to defineKeyboardShortcut could be an object like
+     `{ windows: "", mac: "", other: "" }`. iOS devices are treated as mac. All
+     remaining devices use the "other" key.
+
+2. Inside react component, use the following hook to handle a specific keyboard
+   shortcut:
+
+   ```tsx
+   const goToLastRecordShortcut = userPreferences.useKeyboardShortcut(
+     'form',
+     'recordSet',
+     'goToLastRecord',
+     handleGoToLastRecord
+   );
+   ```
+
+   - callback can be undefined if you need to conditionally disable the keyboard
+     shortcut
+   - callback can be an arrow function - does not need a stable function between
+     re-renders - no need for useCallback
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/Shortcuts.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/Shortcuts.tsx
new file mode 100644
index 00000000000..e61927a1c14
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/Shortcuts.tsx
@@ -0,0 +1,254 @@
+/**
+ * Logic for setting and listening to keyboard shortcuts
+ */
+
+import React from 'react';
+
+import { useTriggerState } from '../../hooks/useTriggerState';
+import { commonText } from '../../localization/common';
+import { preferencesText } from '../../localization/preferences';
+import { eventListener } from '../../utils/events';
+import { f } from '../../utils/functools';
+import type { RA } from '../../utils/types';
+import { removeItem, replaceItem, replaceKey } from '../../utils/utils';
+import { Key } from '../Atoms';
+import { Button } from '../Atoms/Button';
+import type { PreferenceRendererProps } from '../Preferences/types';
+import { ShortcutConflictWarning } from './Conflicts';
+import type { KeyboardShortcuts } from './config';
+import { keyboardPlatform } from './config';
+import { keyJoinSymbol, setKeyboardEventInterceptor } from './context';
+import {
+  cleanupEmptyShortcuts,
+  localizedKeyJoinSymbol,
+  localizeKeyboardShortcut,
+  resolvePlatformShortcuts,
+} from './utils';
+
+/*
+ * If any component instance is editing a keyboard shortcut, don't let any
+ * other start editing it.
+ */
+let currentlyEditingShortcut: Record<never, never> | undefined = undefined;
+const editingEvent = eventListener<{ readonly change: undefined }>();
+
+export const emptyShortcuts = {};
+export function KeyboardShortcutPreferenceItem({
+  category,
+  subcategory,
+  item,
+  shortcutId,
+  value = emptyShortcuts,
+  onChange: handleChange,
+}: Partial<
+  Pick<
+    PreferenceRendererProps<KeyboardShortcuts>,
+    'onChange' | 'value' | 'category' | 'subcategory' | 'item'
+  >
+> & { readonly shortcutId?: string }): JSX.Element {
+  const [localValue, setLocalValue] = useTriggerState(value);
+
+  const key = React.useMemo<Record<never, never>>(() => ({}), []);
+  const globalIsEditingElsewhere =
+    currentlyEditingShortcut !== undefined && currentlyEditingShortcut !== key;
+
+  const [editingIndex, setEditingIndex] = React.useState<number | false>(false);
+  const isEditing = typeof editingIndex === 'number';
+  const shortcuts = resolvePlatformShortcuts(localValue) ?? [];
+  const setShortcuts =
+    handleChange === undefined
+      ? undefined
+      : (shortcuts: RA<string>): void =>
+          setLocalValue(replaceKey(localValue, keyboardPlatform, shortcuts));
+
+  const [_, triggerReRender] = React.useState(false);
+  React.useEffect(
+    () => editingEvent.on('change', () => triggerReRender((flip) => !flip)),
+    []
+  );
+
+  // Release the recorder when editing finishes or the component unmounts.
+  React.useEffect(
+    () =>
+      isEditing
+        ? (): void => {
+            if (currentlyEditingShortcut === key) {
+              currentlyEditingShortcut = undefined;
+              editingEvent.trigger('change');
+            }
+          }
+        : undefined,
+    [isEditing, key]
+  );
+
+  return (
+    <div className="flex flex-col gap-2">
+      {shortcuts.map((shortcut, index) => (
+        <EditKeyboardShortcut
+          key={index}
+          shortcut={shortcut}
+          onEditStart={
+            !isEditing &&
+            !globalIsEditingElsewhere &&
+            setShortcuts !== undefined
+              ? (): void => {
+                  currentlyEditingShortcut = key;
+                  editingEvent.trigger('change');
+                  setEditingIndex(index);
+                }
+              : undefined
+          }
+          onCancel={
+            editingIndex === index
+              ? (): void => {
+                  setLocalValue(cleanupEmptyShortcuts(localValue));
+                  setEditingIndex(false);
+                }
+              : undefined
+          }
+          onSave={
+            editingIndex === index &&
+            setShortcuts !== undefined &&
+            !globalIsEditingElsewhere
+              ? (shortcut): void => {
+                  const newValue = cleanupEmptyShortcuts(
+                    replaceKey(
+                      localValue,
+                      keyboardPlatform,
+                      f.unique(
+                        shortcut === undefined
+                          ? removeItem(shortcuts, index)
+                          : replaceItem(shortcuts, index, shortcut)
+                      )
+                    )
+                  );
+                  setLocalValue(newValue);
+                  handleChange?.(newValue);
+                  setEditingIndex(false);
+                }
+              : undefined
+          }
+        />
+      ))}
+      <ShortcutConflictWarning
+        id={
+          shortcutId ??
+          (category === undefined
+            ? undefined
+            : `${category}.${subcategory}.${item}`)
+        }
+        value={localValue}
+      />
+      {setShortcuts !== undefined && (
+        <Button.Small
+          disabled={isEditing}
+          onClick={
+            globalIsEditingElsewhere
+              ? undefined
+              : (): void => {
+                  currentlyEditingShortcut = key;
+                  editingEvent.trigger('change');
+                  setShortcuts([...shortcuts, '']);
+                  setEditingIndex(shortcuts.length);
+                }
+          }
+        >
+          {commonText.add()}
+        </Button.Small>
+      )}
+    </div>
+  );
+}
+
+Object.defineProperty(KeyboardShortcutPreferenceItem, 'name', {
+  value: 'KeyboardShortcutPreferenceItem',
+});
+
+function EditKeyboardShortcut({
+  shortcut,
+  onSave: handleSave,
+  onEditStart: handleEditStart,
+  onCancel: handleCancel,
+}: {
+  readonly shortcut: string;
+  readonly onSave: ((shortcut: string | undefined) => void) | undefined;
+  readonly onEditStart: (() => void) | undefined;
+  readonly onCancel: (() => void) | undefined;
+}): JSX.Element {
+  const [localState, setLocalState] = useTriggerState(shortcut);
+  const parts = localState.length === 0 ? [] : localState.split(keyJoinSymbol);
+  const isEditing = typeof handleSave === 'function';
+
+  const handleSaveRef = React.useRef(handleSave);
+  handleSaveRef.current = handleSave;
+  const cancelButtonRef = React.useRef<HTMLButtonElement>(null);
+
+  React.useEffect(() => {
+    if (!isEditing) {
+      setLocalState(shortcut);
+      return undefined;
+    }
+    cancelButtonRef.current?.focus();
+    setLocalState('');
+    let recordedShortcut = '';
+    const clearInterceptor = setKeyboardEventInterceptor((keys) => {
+      recordedShortcut = keys;
+      setLocalState(keys);
+    });
+    const handleKeyUp = (): void => {
+      if (recordedShortcut.length === 0) return;
+      const shortcut = recordedShortcut;
+      recordedShortcut = '';
+      handleSaveRef.current?.(shortcut);
+    };
+    document.addEventListener('keyup', handleKeyUp);
+    return (): void => {
+      clearInterceptor();
+      document.removeEventListener('keyup', handleKeyUp);
+    };
+  }, [isEditing, setLocalState, shortcut]);
+
+  const isEmpty = parts.length === 0;
+
+  const localizedParts = React.useMemo(
+    () => localizeKeyboardShortcut(localState).split(localizedKeyJoinSymbol),
+    [localState]
+  );
+
+  return (
+    <div className="flex gap-2">
+      <div
+        aria-atomic
+        aria-live={isEditing ? 'polite' : undefined}
+        className="flex flex-1 flex-wrap content-center items-center gap-1"
+      >
+        {isEmpty ? (
+          isEditing ? (
+            preferencesText.pressKeys()
+          ) : (
+            preferencesText.noKeyAssigned()
+          )
+        ) : (
+          <kbd className="contents">
+            {localizedParts.map((key, index) => (
+              <Key className="mx-0" key={index}>
+                {key}
+              </Key>
+            ))}
+          </kbd>
+        )}
+      </div>
+      {isEditing && (
+        <Button.Small onClick={(): void => handleSave(undefined)}>
+          {commonText.remove()}
+        </Button.Small>
+      )}
+      <Button.Small
+        forwardRef={cancelButtonRef}
+        onClick={isEditing ? handleCancel : handleEditStart}
+      >
+        {isEditing ? commonText.cancel() : commonText.edit()}
+      </Button.Small>
+    </div>
+  );
+}
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/UrlShortcuts.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/UrlShortcuts.tsx
new file mode 100644
index 00000000000..b76d3e670d6
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/UrlShortcuts.tsx
@@ -0,0 +1,565 @@
+import React from 'react';
+import type { LocalizedString } from 'typesafe-i18n';
+
+import { useAsyncState, usePromise } from '../../hooks/useAsyncState';
+import { useBooleanState } from '../../hooks/useBooleanState';
+import { useTriggerState } from '../../hooks/useTriggerState';
+import { commonText } from '../../localization/common';
+import { headerText } from '../../localization/header';
+import { preferencesText } from '../../localization/preferences';
+import { f } from '../../utils/functools';
+import type { GetSet, RA, WritableArray } from '../../utils/types';
+import { GET, removeKey } from '../../utils/utils';
+import { H3, Key, Ul } from '../Atoms';
+import { Button } from '../Atoms/Button';
+import { Input } from '../Atoms/Form';
+import { ReadOnlyContext } from '../Core/Contexts';
+import type { MenuItem } from '../Core/Main';
+import {
+  expressSearchMenuItem,
+  rawMenuItemsPromise,
+} from '../Header/menuItemDefinitions';
+import { rawUserToolsPromise } from '../Header/userToolDefinitions';
+import { Dialog, dialogClassNames } from '../Molecules/Dialog';
+import type { PreferenceRendererProps } from '../Preferences/types';
+import type { EnhancedRoute } from '../Router/RouterUtils';
+import {
+  ShortcutConflictWarning,
+  UrlShortcutConflictProvider,
+} from './Conflicts';
+import type { KeyboardShortcuts } from './config';
+import { emptyShortcuts, KeyboardShortcutPreferenceItem } from './Shortcuts';
+import { localizeKeyboardShortcut, resolvePlatformShortcuts } from './utils';
+
+export type UrlShortcuts = Partial<Record<string, KeyboardShortcuts>>;
+export type ShortcutToolGroups = Record<string, Record<string, MenuItem>>;
+
+export const shortcutToolsPromise = f.store(
+  async (): Promise<ShortcutToolGroups> => {
+    const [menuItems, userTools] = await Promise.all([
+      rawMenuItemsPromise(),
+      rawUserToolsPromise(),
+    ]);
+    return {
+      [preferencesText.header()]: Object.fromEntries(
+        [expressSearchMenuItem, ...menuItems].map((item) => [item.name, item])
+      ),
+      ...userTools,
+    };
+  }
+);
+
+export function UrlShortcutsEditor(
+  props: PreferenceRendererProps<UrlShortcuts>
+): JSX.Element {
+  const [isOpen, _, __, handleToggle] = useBooleanState(false);
+  const isReadOnly = React.useContext(ReadOnlyContext);
+  const [userTools] = usePromise(shortcutToolsPromise(), false);
+
+  return (
+    <UrlShortcutConflictProvider value={props.value}>
+      {userTools === undefined ? (
+        <>{commonText.loading()}</>
+      ) : (
+        <UserToolBrowser
+          groups={userTools}
+          value={[props.value, props.onChange]}
+        />
+      )}
+      <section className="mt-4 rounded border border-gray-300 p-3">
+        <h5 className="text-lg font-semibold">
+          {preferencesText.urlShortcuts()}
+        </h5>
+        <p className="mb-3 text-gray-500">
+          {preferencesText.urlShortcutsDescription()}
+        </p>
+        {userTools !== undefined && (
+          <AssignedUrlShortcuts groups={userTools} value={props.value} />
+        )}
+        <Button.Small
+          aria-current={isOpen ? true : undefined}
+          onClick={handleToggle}
+        >
+          {isReadOnly ? commonText.view() : commonText.edit()}
+        </Button.Small>
+      </section>
+      {isOpen && (
+        <EditorDialog
+          {...props}
+          onChange={(newValue): void => {
+            props.onChange(newValue);
+            handleToggle();
+          }}
+        />
+      )}
+    </UrlShortcutConflictProvider>
+  );
+}
+
+function AssignedUrlShortcuts({
+  groups,
+  value,
+}: {
+  readonly groups: ShortcutToolGroups;
+  readonly value: UrlShortcuts;
+}): JSX.Element | null {
+  const toolPaths = new Set(
+    Object.values(groups)
+      .flatMap((tools) => Object.values(tools))
+      .map(({ url }) => url)
+  );
+  const assigned = Object.entries(value).filter(
+    ([path, shortcuts]) =>
+      path.length > 0 &&
+      !isExcludedPath(path, toolPaths) &&
+      Object.values(shortcuts ?? {}).some((bindings) =>
+        bindings?.some((binding) => binding.length > 0)
+      )
+  );
+  return assigned.length === 0 ? null : (
+    <Ul className="mb-3 flex flex-col gap-3">
+      {assigned.map(([path, shortcuts]) => {
+        const bindings = (
+          resolvePlatformShortcuts(shortcuts ?? {}) ?? []
+        ).filter((binding) => binding.length > 0);
+        return (
+          <li
+            className="flex flex-wrap items-center justify-between gap-2"
+            key={path}
+          >
+            <span className="min-w-0 break-all">{path}</span>
+            <span className="flex flex-wrap gap-2">
+              {bindings.length === 0
+                ? preferencesText.noKeyAssigned()
+                : bindings.map((binding) => (
+                    <Key key={binding}>{localizeKeyboardShortcut(binding)}</Key>
+                  ))}
+            </span>
+            <ShortcutConflictWarning id={path} value={shortcuts ?? {}} />
+          </li>
+        );
+      })}
+    </Ul>
+  );
+}
+
+/**
+ * This is used in BasePreferences to filter preferences down to keyboard vs
+ * non-keyboard preference.
+ * (have to set the name explicitly to survive minification)
+ */
+Object.defineProperty(UrlShortcutsEditor, 'name', {
+  value: 'UrlShortcutsEditor',
+});
+
+function EditorDialog({
+  value,
+  onChange: handleChange,
+}: PreferenceRendererProps<UrlShortcuts>): JSX.Element | null {
+  const [categorizedRoutes] = useAsyncState(getCategorizedRoutes, true);
+  const [userTools] = usePromise(shortcutToolsPromise(), false);
+  const localValue = useTriggerState(value);
+  const shortcutToolPaths = React.useMemo(
+    () =>
+      new Set(
+        Object.values(userTools ?? {})
+          .flatMap((tools) => Object.values(tools))
+          .map(({ url }) => url)
+      ),
+    [userTools]
+  );
+  return categorizedRoutes ? (
+    <UrlShortcutConflictProvider value={localValue[GET]}>
+      <Dialog
+        buttons={commonText.close()}
+        className={{
+          container: dialogClassNames.wideContainer,
+        }}
+        header={preferencesText.urlShortcuts()}
+        onClose={(): void =>
+          handleChange(
+            localValue[GET] === value
+              ? value
+              : cleanupShortcuts(localValue[GET])
+          )
+        }
+      >
+        <H3>{preferencesText.pages()}</H3>
+        <RouteBrowser
+          routes={categorizedRoutes.pages}
+          excludedPaths={shortcutToolPaths}
+          value={localValue}
+        />
+        <H3>{preferencesText.overlays()}</H3>
+        <RouteBrowser
+          routes={categorizedRoutes.overlays}
+          excludedPaths={shortcutToolPaths}
+          value={localValue}
+        />
+        <H3>{preferencesText.customPages()}</H3>
+        <CustomRouteBrowser
+          categorized={categorizedRoutes}
+          excludedPaths={shortcutToolPaths}
+          value={localValue}
+        />
+      </Dialog>
+    </UrlShortcutConflictProvider>
+  ) : null;
+}
+
+function UserToolBrowser({
+  groups,
+  value,
+}: {
+  readonly groups: Record<string, Record<string, MenuItem>>;
+  readonly value: GetSet<UrlShortcuts>;
+}): JSX.Element {
+  const navigationGroup = groups[preferencesText.header()];
+  const userToolGroups = Object.entries(groups).filter(
+    ([groupName]) => groupName !== preferencesText.header()
+  );
+  return (
+    <div className="flex min-w-0 flex-col gap-4">
+      {navigationGroup !== undefined && (
+        <section className="rounded border border-gray-300 p-3">
+          <h5 className="text-lg font-semibold">{preferencesText.header()}</h5>
+          <p className="mb-3 text-gray-500">
+            {preferencesText.navigationShortcutsDescription()}
+          </p>
+          <Ul className="flex flex-col gap-3">
+            {Object.values(navigationGroup).map((tool) => (
+              <UserToolShortcut key={tool.name} tool={tool} value={value} />
+            ))}
+          </Ul>
+        </section>
+      )}
+      {userToolGroups.length > 0 && (
+        <section className="flex flex-col gap-3 rounded border border-gray-300 p-3">
+          <h5 className="text-lg font-semibold">{headerText.userTools()}</h5>
+          <p className="text-gray-500">
+            {preferencesText.userToolShortcutsDescription()}
+          </p>
+          {userToolGroups.map(([groupName, tools]) => (
+            <section key={groupName}>
+              <h6 className="mb-2 font-semibold">{groupName}</h6>
+              <Ul className="flex flex-col gap-3">
+                {Object.values(tools).map((tool) => (
+                  <UserToolShortcut key={tool.name} tool={tool} value={value} />
+                ))}
+              </Ul>
+            </section>
+          ))}
+        </section>
+      )}
+    </div>
+  );
+}
+
+function UserToolShortcut({
+  tool,
+  value: [value, setValue],
+}: {
+  readonly tool: MenuItem;
+  readonly value: GetSet<UrlShortcuts>;
+}): JSX.Element {
+  return (
+    <KeyboardShortcutContainer
+      label={
+        <div className="flex min-w-0 items-center gap-2">
+          <span className="flex-shrink-0">{tool.icon}</span>
+          <span className="min-w-0">{tool.title}</span>
+        </div>
+      }
+    >
+      <KeyboardShortcutPreferenceItem
+        shortcutId={tool.url}
+        value={value[tool.url]}
+        onChange={(newValue): void =>
+          setValue({ ...value, [tool.url]: newValue })
+        }
+      />
+    </KeyboardShortcutContainer>
+  );
+}
+
+const cleanupShortcuts = (shortcuts: UrlShortcuts): UrlShortcuts =>
+  Object.fromEntries(
+    Object.entries(shortcuts).filter(
+      ([path, shortcuts]) =>
+        path.length > 0 &&
+        (shortcuts === undefined || Object.keys(shortcuts).length > 0)
+    )
+  );
+
+type CategorizedRoutes = Record<'overlays' | 'pages', CategoryRoutes>;
+type CategoryRoutes = Record<string, LocalizedString | undefined>;
+// Some routes are not fit for keyboard shortcuts, so we exclude them from the list of routes to display.
+const excludedRouteNames = new Set([
+  'test-error',
+  'not-found',
+  'workbench-attachment',
+  'legacy_login',
+]);
+
+const isExcludedPath = (
+  path: string,
+  excludedPaths: ReadonlySet<string>
+): boolean =>
+  excludedPaths.has(path) ||
+  excludedPaths.has(path.endsWith('/') ? path.slice(0, -1) : `${path}/`);
+
+const getCategorizedRoutes = f.store(async (): Promise<CategorizedRoutes> => {
+  const [entrypointRoutes, routes, overlayRoutes] = await Promise.all([
+    /*
+     * Routes import a lot of files. To avoid cycle imports, we import
+     * them dynamically.
+     */
+    import('../Router/EntrypointRouter').then(
+      ({ entrypointRoutes }) => entrypointRoutes
+    ),
+    import('../Router/Routes').then(({ routes }) => routes),
+    import('../Router/OverlayRoutes').then(
+      ({ overlayRoutes }) => overlayRoutes
+    ),
+  ]);
+  return {
+    pages: Object.fromEntries([
+      ...scoutTree(entrypointRoutes, ''),
+      ...scoutTree(routes, '/specify'),
+    ]),
+    overlays: Object.fromEntries(scoutTree(overlayRoutes, '/specify')),
+  };
+});
+
+export const getShortcutLabels = f.store(
+  async (): Promise<Record<string, React.ReactNode>> => {
+    const [groups, routes] = await Promise.all([
+      shortcutToolsPromise(),
+      getCategorizedRoutes(),
+    ]);
+    return Object.fromEntries([
+      ...Object.entries({ ...routes.pages, ...routes.overlays }).filter(
+        ([_path, title]) => title !== undefined
+      ),
+      ...Object.values(groups).flatMap((tools) =>
+        Object.values(tools).map(({ url, title }) => [url, title])
+      ),
+    ]);
+  }
+);
+
+const scoutTree = (
+  routes: RA<EnhancedRoute>,
+  prefix: string
+): RA<readonly [string, LocalizedString | undefined]> =>
+  routes.flatMap((route) => {
+    let path = prefix;
+    const entries: WritableArray<
+      readonly [string, LocalizedString | undefined]
+    > = [];
+
+    /*
+     * Don't include routes without element as they have nothing to render.
+     * Don't include routes where element is a JSX.Element (Redirect,
+     * Navigate, NotFound - not interesting for keyboard shortcuts).
+     */
+    const hasContent = typeof route.element === 'function';
+
+    if (route.path !== undefined) {
+      if (excludedRouteNames.has(route.path)) return entries;
+      const isDynamic = route.path.includes('*') || route.path.includes(':');
+      if (isDynamic) return entries;
+
+      const trimmedPath = route.path.endsWith('/')
+        ? route.path.slice(0, -1)
+        : route.path;
+      path = `${prefix}/${trimmedPath}`;
+      if (hasContent) entries.push([path, route.title]);
+    } else if (route.index === true && hasContent)
+      entries.push([path, route.title]);
+
+    if (route.children) entries.push(...scoutTree(route.children, path));
+
+    return entries;
+  });
+
+function RouteBrowser({
+  routes,
+  excludedPaths,
+  value,
+}: {
+  readonly routes: CategoryRoutes;
+  readonly excludedPaths: ReadonlySet<string>;
+  readonly value: GetSet<UrlShortcuts>;
+}): JSX.Element {
+  return (
+    <Ul className="flex flex-col gap-2 mb-4">
+      {Object.entries(routes).map(([path, title]) =>
+        isExcludedPath(path, excludedPaths) ? undefined : (
+          <RouteShortcut key={path} path={path} title={title} value={value} />
+        )
+      )}
+    </Ul>
+  );
+}
+
+function RouteShortcut({
+  path,
+  title,
+  value: [value, setValue],
+}: {
+  readonly path: string;
+  readonly title: LocalizedString | undefined;
+  readonly value: GetSet<UrlShortcuts>;
+}): JSX.Element {
+  return (
+    <KeyboardShortcutContainer
+      label={
+        <div>
+          <kbd>{path}</kbd>
+          {title !== undefined && ` (${title})`}
+        </div>
+      }
+    >
+      <KeyboardShortcutPreferenceItem
+        shortcutId={path}
+        value={value[path]}
+        onChange={(newValue): void => setValue({ ...value, [path]: newValue })}
+      />
+    </KeyboardShortcutContainer>
+  );
+}
+
+function KeyboardShortcutContainer({
+  label,
+  children,
+}: {
+  readonly label: JSX.Element;
+  readonly children: JSX.Element;
+}): JSX.Element {
+  return (
+    <li className="flex flex-wrap items-center justify-between gap-2">
+      {label}
+      {children}
+    </li>
+  );
+}
+
+function CustomRouteBrowser({
+  value: [value, setValue],
+  categorized,
+  excludedPaths,
+}: {
+  readonly value: GetSet<UrlShortcuts>;
+  readonly categorized: CategorizedRoutes;
+  readonly excludedPaths: ReadonlySet<string>;
+}): JSX.Element {
+  const isReadOnly = React.useContext(ReadOnlyContext);
+  return (
+    <Ul className="flex flex-col gap-2">
+      {Object.entries(value).map(([path, shortcuts], index) =>
+        path in categorized.pages ||
+        path in categorized.overlays ||
+        isExcludedPath(path, excludedPaths) ? undefined : (
+          <CustomRouteShortcut
+            // Don't use path as key to not lose focus as user types path
+            key={index}
+            path={path}
+            shortcuts={shortcuts ?? emptyShortcuts}
+            onChange={(newPath, newShortcuts): void =>
+              setValue({
+                ...removeKey(value, path),
+                [newPath]: newShortcuts,
+              })
+            }
+          />
+        )
+      )}
+      {!isReadOnly && (
+        <li>
+          <Button.Small
+            onClick={(): void =>
+              setValue({
+                ...value,
+                '': emptyShortcuts,
+              })
+            }
+          >
+            {commonText.add()}
+          </Button.Small>
+        </li>
+      )}
+    </Ul>
+  );
+}
+
+function CustomRouteShortcut({
+  path,
+  shortcuts,
+  onChange: handleChange,
+}: {
+  readonly path: string;
+  readonly shortcuts: KeyboardShortcuts;
+  readonly onChange: (path: string, newValue: KeyboardShortcuts) => void;
+}): JSX.Element {
+  return (
+    <KeyboardShortcutContainer
+      label={
+        <UrlField
+          value={path}
+          onChange={(path): void => handleChange(path, shortcuts)}
+        />
+      }
+    >
+      <KeyboardShortcutPreferenceItem
+        shortcutId={path}
+        value={shortcuts}
+        onChange={(shortcuts): void => handleChange(path, shortcuts)}
+      />
+    </KeyboardShortcutContainer>
+  );
+}
+
+export function UrlField({
+  value,
+  onChange: handleChange,
+}: {
+  readonly value: string;
+  readonly onChange: (newValue: string) => void;
+}): JSX.Element {
+  const isReadOnly = React.useContext(ReadOnlyContext);
+  const [pendingValue, setPendingValue] = useTriggerState(value);
+  return (
+    <Input.Text
+      aria-label={preferencesText.relativeOrAbsoluteUrl()}
+      isReadOnly={isReadOnly}
+      placeholder={preferencesText.relativeOrAbsoluteUrl()}
+      required
+      value={pendingValue}
+      onBlur={({ target }): void => {
+        if (target.value === value) {
+          target.setCustomValidity('');
+          return;
+        }
+        try {
+          const trimmed = target.value.trim();
+          const isRelativePath = /^(?:\/|\.\.?\/|[?#])/u.test(trimmed);
+          const hasScheme = /^[a-z][a-z\d+.-]*:/iu.test(trimmed);
+          const destination =
+            isRelativePath || hasScheme ? trimmed : `https://${trimmed}`;
+          const url = new URL(destination, globalThis.location.href);
+          const isSameOrigin = url.origin === globalThis.location.origin;
+          const normalized = isSameOrigin
+            ? `${url.pathname.endsWith('/') ? url.pathname.slice(0, -1) : url.pathname}${url.search}${url.hash}`
+            : url.href;
+          handleChange(normalized);
+          target.setCustomValidity('');
+        } catch (error: unknown) {
+          target.setCustomValidity(String(error));
+          target.reportValidity();
+        }
+      }}
+      onValueChange={setPendingValue}
+    />
+  );
+}
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/CheatSheet.test.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/CheatSheet.test.tsx
new file mode 100644
index 00000000000..6ef39e02264
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/CheatSheet.test.tsx
@@ -0,0 +1,119 @@
+import { act, fireEvent } from '@testing-library/react';
+import React from 'react';
+
+import { preferencesText } from '../../../localization/preferences';
+import { mount } from '../../../tests/reactUtils';
+import { localized } from '../../../utils/types';
+import { KeyboardShortcutCheatSheet } from '../CheatSheet';
+import { bindKeyboardShortcut } from '../context';
+
+beforeEach(() => {
+  jest.useFakeTimers();
+  const portalRoot = document.createElement('div');
+  portalRoot.id = 'portal-root';
+  document.body.append(portalRoot);
+});
+
+afterEach(() => {
+  jest.useRealTimers();
+  document.querySelector('#portal-root')?.remove();
+});
+
+test('shows active shortcuts after holding Control for one second', () => {
+  const cleanup = bindKeyboardShortcut(
+    { other: ['Ctrl+KeyA'] },
+    jest.fn(),
+    localized('Add record')
+  );
+  const { queryByRole, getByText } = mount(<KeyboardShortcutCheatSheet />);
+
+  fireEvent.keyDown(document, { code: 'ControlLeft', key: 'Control' });
+  act(() => jest.advanceTimersByTime(999));
+  expect(
+    queryByRole('dialog', { name: preferencesText.keyboardShortcuts() })
+  ).not.toBeInTheDocument();
+
+  act(() => jest.advanceTimersByTime(1));
+  expect(
+    queryByRole('dialog', { name: preferencesText.keyboardShortcuts() })
+  ).toBeInTheDocument();
+  expect(getByText('Add record')).toBeInTheDocument();
+
+  fireEvent.keyUp(document, { code: 'ControlLeft', key: 'Control' });
+  expect(
+    queryByRole('dialog', { name: preferencesText.keyboardShortcuts() })
+  ).not.toBeInTheDocument();
+  cleanup();
+});
+
+test('cancels the pop-up when another key is pressed', () => {
+  const cleanup = bindKeyboardShortcut(
+    { other: ['Ctrl+KeyA'] },
+    jest.fn(),
+    localized('Add record')
+  );
+  const { queryByRole } = mount(<KeyboardShortcutCheatSheet />);
+
+  fireEvent.keyDown(document, { code: 'ControlLeft', key: 'Control' });
+  fireEvent.keyDown(document, { code: 'KeyA', key: 'a' });
+  act(() => jest.advanceTimersByTime(2000));
+
+  expect(queryByRole('dialog')).not.toBeInTheDocument();
+  cleanup();
+});
+
+test('does not open for chords with multiple modifiers', () => {
+  const { queryByRole } = mount(<KeyboardShortcutCheatSheet />);
+
+  fireEvent.keyDown(document, { code: 'MetaLeft', key: 'Meta' });
+  fireEvent.keyDown(document, { code: 'ShiftLeft', key: 'Shift' });
+  act(() => jest.advanceTimersByTime(1000));
+
+  expect(queryByRole('dialog')).not.toBeInTheDocument();
+});
+
+test.each([
+  ['Shift', 'Control'],
+  ['Alt', 'Control'],
+])('does not open when %s is pressed before %s', (first, second) => {
+  const { queryByRole } = mount(<KeyboardShortcutCheatSheet />);
+
+  fireEvent.keyDown(document, { key: first });
+  fireEvent.keyDown(document, { key: second });
+  act(() => jest.advanceTimersByTime(1000));
+
+  expect(queryByRole('dialog')).not.toBeInTheDocument();
+});
+
+test('shows context shortcuts above global shortcuts with a separator', () => {
+  const cleanupContext = bindKeyboardShortcut(
+    { other: ['Ctrl+KeyA'] },
+    jest.fn(),
+    localized('Context action')
+  );
+  const cleanupGlobal = bindKeyboardShortcut(
+    { other: ['Ctrl+KeyB'] },
+    jest.fn(),
+    localized('Global action'),
+    'global'
+  );
+  const { getByRole, getByText } = mount(<KeyboardShortcutCheatSheet />);
+
+  fireEvent.keyDown(document, { code: 'ControlLeft', key: 'Control' });
+  act(() => jest.runOnlyPendingTimers());
+
+  const contextShortcut = getByText('Context action');
+  const separator = getByRole('separator');
+  const globalShortcut = getByText('Global action');
+  expect(
+    contextShortcut.compareDocumentPosition(separator) &
+      Node.DOCUMENT_POSITION_FOLLOWING
+  ).toBeTruthy();
+  expect(
+    separator.compareDocumentPosition(globalShortcut) &
+      Node.DOCUMENT_POSITION_FOLLOWING
+  ).toBeTruthy();
+
+  cleanupContext();
+  cleanupGlobal();
+});
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/Conflicts.test.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/Conflicts.test.tsx
new file mode 100644
index 00000000000..3b8b126938f
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/Conflicts.test.tsx
@@ -0,0 +1,234 @@
+import { act, screen, waitFor } from '@testing-library/react';
+import React from 'react';
+
+import { commonText } from '../../../localization/common';
+import { requireContext } from '../../../tests/helpers';
+import { mount } from '../../../tests/reactUtils';
+import { BasePreferences } from '../../Preferences/BasePreferences';
+import type { GenericPreferences } from '../../Preferences/types';
+import {
+  ShortcutConflictProvider,
+  UrlShortcutConflictProvider,
+} from '../Conflicts';
+import { KeyboardShortcutPreferenceItem } from '../Shortcuts';
+
+jest.mock('../UrlShortcuts', () => ({
+  ...jest.requireActual('../UrlShortcuts'),
+  getShortcutLabels: async () => ({
+    '/specify/overlay/data-entry/': 'Data Entry',
+  }),
+}));
+
+requireContext();
+
+const definitions: GenericPreferences = {
+  form: {
+    title: commonText.save(),
+    subCategories: {
+      actions: {
+        title: commonText.save(),
+        items: {
+          save: {
+            title: commonText.save(),
+            requiresReload: false,
+            visible: true,
+            defaultValue: { other: ['Ctrl+KeyS'] },
+            renderer: KeyboardShortcutPreferenceItem,
+            container: 'div',
+          },
+        },
+      },
+    },
+  },
+};
+const createPreferences = () =>
+  new BasePreferences({
+    definitions,
+    values: { fetchUrl: '', resourceName: '' },
+    defaultValues: undefined,
+    developmentGlobal: '',
+    syncChanges: false,
+  });
+
+test('warns after recording a duplicate, accepts it, and clears after reassignment', async () => {
+  const preferences = createPreferences();
+  const onChange = jest.fn();
+  const { user } = mount(
+    <ShortcutConflictProvider
+      preferences={preferences}
+      definitions={definitions}
+    >
+      <KeyboardShortcutPreferenceItem
+        shortcutId="/example"
+        onChange={onChange}
+      />
+    </ShortcutConflictProvider>
+  );
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  await user.click(screen.getByRole('button', { name: 'Add' }));
+  await user.keyboard('{Control>}s{/Control}');
+  expect(onChange).toHaveBeenCalledWith({ other: ['Ctrl+KeyS'] });
+  expect(screen.getByRole('alert')).toHaveTextContent('Save');
+  act(() => preferences.set('form', 'actions', 'save', { other: ['KeyA'] }));
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  await act(async () => {});
+});
+
+test('does not warn for its own assignment or bindings on another platform', async () => {
+  const preferences = createPreferences();
+  const { rerender } = mount(
+    <ShortcutConflictProvider
+      preferences={preferences}
+      definitions={definitions}
+    >
+      <KeyboardShortcutPreferenceItem
+        category="form"
+        subcategory="actions"
+        item="save"
+        value={{ other: ['Ctrl+KeyS'] }}
+      />
+    </ShortcutConflictProvider>
+  );
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  rerender(
+    <ShortcutConflictProvider
+      preferences={preferences}
+      definitions={definitions}
+    >
+      <KeyboardShortcutPreferenceItem
+        shortcutId="/example"
+        value={{ other: [], mac: ['Meta+KeyS'] }}
+      />
+    </ShortcutConflictProvider>
+  );
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  await act(async () => {});
+});
+
+test('uses draft URL assignments instead of saved URLs, with platform fallback', async () => {
+  const content = (draft: boolean) => (
+    <UrlShortcutConflictProvider value={{ '/saved': { other: ['Ctrl+KeyK'] } }}>
+      <UrlShortcutConflictProvider
+        value={draft ? { '/draft': { mac: ['Meta+KeyK'] } } : {}}
+      >
+        <KeyboardShortcutPreferenceItem
+          shortcutId="/current"
+          value={{ other: ['Ctrl+KeyK'] }}
+        />
+      </UrlShortcutConflictProvider>
+    </UrlShortcutConflictProvider>
+  );
+  const { rerender } = mount(content(true));
+  expect(screen.getByRole('alert')).toHaveTextContent('/draft');
+  expect(screen.getByRole('alert')).not.toHaveTextContent('/saved');
+  rerender(content(false));
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  await act(async () => {});
+});
+
+test('checks the redirected preference instance when editing another user', async () => {
+  const preferences = createPreferences();
+  const redirected = createPreferences();
+  redirected.set('form', 'actions', 'save', { other: ['KeyA'] });
+  mount(
+    <preferences.Context.Provider value={redirected}>
+      <ShortcutConflictProvider
+        preferences={preferences}
+        definitions={definitions}
+      >
+        <KeyboardShortcutPreferenceItem
+          shortcutId="/example"
+          value={{ other: ['KeyA'] }}
+        />
+      </ShortcutConflictProvider>
+    </preferences.Context.Provider>
+  );
+  expect(screen.getByRole('alert')).toHaveTextContent('Save');
+  act(() => redirected.set('form', 'actions', 'save', {}));
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  await act(async () => {});
+});
+
+test('allows sharing between contextual groups but warns within a group and for global URLs', async () => {
+  const action = definitions.form.subCategories.actions.items.save;
+  const scopedDefinitions: GenericPreferences = {
+    ...definitions,
+    treeEditor: {
+      title: commonText.edit(),
+      subCategories: {
+        actions: {
+          title: commonText.edit(),
+          items: {
+            edit: { ...action, title: commonText.edit() },
+            add: { ...action, title: commonText.add(), defaultValue: {} },
+          },
+        },
+      },
+    },
+  };
+  const preferences = new BasePreferences({
+    definitions: scopedDefinitions,
+    values: { fetchUrl: '', resourceName: '' },
+    defaultValues: undefined,
+    developmentGlobal: '',
+    syncChanges: false,
+  });
+  const content = (urls: boolean) => (
+    <ShortcutConflictProvider
+      preferences={preferences}
+      definitions={scopedDefinitions}
+    >
+      <UrlShortcutConflictProvider
+        value={urls ? { '/global': { other: ['Ctrl+KeyS'] } } : {}}
+      >
+        <KeyboardShortcutPreferenceItem
+          category="treeEditor"
+          subcategory="actions"
+          item="edit"
+          value={{ other: ['Ctrl+KeyS'] }}
+        />
+      </UrlShortcutConflictProvider>
+    </ShortcutConflictProvider>
+  );
+  const { rerender } = mount(content(false));
+  expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+  act(() =>
+    preferences.set('treeEditor', 'actions', 'add', { other: ['Ctrl+KeyS'] })
+  );
+  expect(screen.getByRole('alert')).toHaveTextContent('Add');
+  expect(screen.getByRole('alert')).not.toHaveTextContent('Save');
+  act(() => preferences.set('treeEditor', 'actions', 'add', {}));
+  rerender(content(true));
+  expect(screen.getByRole('alert')).toHaveTextContent('/global');
+  await act(async () => {});
+});
+
+test('shows friendly route names and preserves unknown custom URLs', async () => {
+  const preferences = createPreferences();
+  mount(
+    <ShortcutConflictProvider
+      preferences={preferences}
+      definitions={definitions}
+    >
+      <UrlShortcutConflictProvider
+        value={{
+          '/specify/overlay/data-entry': { other: ['KeyK'] },
+          'https://example.com': { other: ['KeyK'] },
+        }}
+      >
+        <KeyboardShortcutPreferenceItem
+          shortcutId="/current"
+          value={{ other: ['KeyK'] }}
+        />
+      </UrlShortcutConflictProvider>
+    </ShortcutConflictProvider>
+  );
+  await waitFor(() =>
+    expect(screen.getByRole('alert')).toHaveTextContent('Data Entry')
+  );
+  expect(screen.getByRole('alert')).not.toHaveTextContent(
+    '/specify/overlay/data-entry'
+  );
+  expect(screen.getByRole('alert')).toHaveTextContent('https://example.com');
+  await act(async () => {});
+});
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/Shortcuts.test.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/Shortcuts.test.tsx
new file mode 100644
index 00000000000..7f775d3a3c1
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/Shortcuts.test.tsx
@@ -0,0 +1,120 @@
+import { fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+
+import { mount } from '../../../tests/reactUtils';
+
+import { KeyboardShortcutPreferenceItem } from '../Shortcuts';
+import { bindKeyboardShortcut } from '../context';
+
+test('accepts a complete chord on release without an inner Save button', async () => {
+  const onChange = jest.fn();
+  const shortcutAction = jest.fn();
+  const cleanup = bindKeyboardShortcut(
+    { other: ['Ctrl+KeyK'] },
+    shortcutAction
+  );
+  const { user } = mount(
+    <KeyboardShortcutPreferenceItem onChange={onChange} />
+  );
+  await user.click(screen.getByRole('button', { name: 'Add' }));
+  expect(
+    screen.queryByRole('button', { name: 'Save' })
+  ).not.toBeInTheDocument();
+
+  await user.keyboard('{Control>}{k>}');
+  expect(onChange).not.toHaveBeenCalled();
+  await user.keyboard('{/k}{/Control}');
+  expect(onChange).toHaveBeenCalledTimes(1);
+  expect(onChange).toHaveBeenCalledWith({ other: ['Ctrl+KeyK'] });
+  expect(shortcutAction).not.toHaveBeenCalled();
+  expect(screen.getByRole('button', { name: 'Edit' })).toBeEnabled();
+  cleanup();
+});
+
+test('records Escape as a configurable shortcut', async () => {
+  const onChange = jest.fn();
+  const { user } = mount(
+    <KeyboardShortcutPreferenceItem onChange={onChange} />
+  );
+  await user.click(screen.getByRole('button', { name: 'Add' }));
+  await user.keyboard('{Escape}');
+  expect(onChange).toHaveBeenCalledWith({ other: ['Escape'] });
+});
+
+test('cancels editing without changing the existing shortcut', async () => {
+  const onChange = jest.fn();
+  const { user } = mount(
+    <KeyboardShortcutPreferenceItem
+      value={{ other: ['KeyA'] }}
+      onChange={onChange}
+    />
+  );
+  await user.click(screen.getByRole('button', { name: 'Edit' }));
+  await user.click(screen.getByRole('button', { name: 'Cancel' }));
+  expect(onChange).not.toHaveBeenCalled();
+  expect(screen.getByText('a')).toBeInTheDocument();
+});
+
+test('cancels an empty addition and removes an existing shortcut explicitly', async () => {
+  const onChange = jest.fn();
+  const { user } = mount(
+    <KeyboardShortcutPreferenceItem
+      value={{ other: ['KeyA'] }}
+      onChange={onChange}
+    />
+  );
+  await user.click(screen.getByRole('button', { name: 'Add' }));
+  await user.click(screen.getByRole('button', { name: 'Cancel' }));
+  expect(onChange).not.toHaveBeenCalled();
+  expect(screen.getAllByRole('button', { name: 'Edit' })).toHaveLength(1);
+  await user.click(screen.getByRole('button', { name: 'Edit' }));
+  await user.click(screen.getByRole('button', { name: 'Remove' }));
+  expect(onChange).toHaveBeenCalledTimes(1);
+  expect(onChange).toHaveBeenCalledWith({});
+});
+
+test('parent rerenders do not finish recording or release the recorder lock', async () => {
+  const onChange = jest.fn();
+  const content = () => (
+    <>
+      <KeyboardShortcutPreferenceItem onChange={(value) => onChange(value)} />
+      <KeyboardShortcutPreferenceItem onChange={onChange} />
+    </>
+  );
+  const { user, rerender } = mount(content());
+  await user.click(screen.getAllByRole('button', { name: 'Add' })[0]);
+  rerender(content());
+  expect(onChange).not.toHaveBeenCalled();
+  expect(screen.getAllByRole('button', { name: 'Add' })[1]).toBeDisabled();
+  await user.keyboard('k');
+  expect(onChange).toHaveBeenCalledTimes(1);
+  expect(onChange).toHaveBeenCalledWith({ other: ['KeyK'] });
+  expect(screen.getAllByRole('button', { name: 'Add' })[1]).toBeEnabled();
+});
+
+test('unmounting an unfinished recording does not save an empty entry', async () => {
+  const onChange = jest.fn();
+  const { user, unmount } = mount(
+    <KeyboardShortcutPreferenceItem onChange={onChange} />
+  );
+  await user.click(screen.getByRole('button', { name: 'Add' }));
+  unmount();
+  fireEvent.keyUp(document, { key: 'k', code: 'KeyK' });
+  expect(onChange).not.toHaveBeenCalled();
+  mount(<KeyboardShortcutPreferenceItem onChange={onChange} />);
+  expect(screen.getByRole('button', { name: 'Add' })).toBeEnabled();
+});
+
+test('records multiple held keys and ignores modifier-only input', async () => {
+  const onChange = jest.fn();
+  const { user } = mount(
+    <KeyboardShortcutPreferenceItem onChange={onChange} />
+  );
+  await user.click(screen.getByRole('button', { name: 'Add' }));
+  await user.keyboard('{Shift>}{/Shift}');
+  expect(onChange).not.toHaveBeenCalled();
+  expect(screen.getByRole('button', { name: 'Cancel' })).toBeEnabled();
+  await user.keyboard('{Control>}{d>}{v>}{/v}{/d}{/Control}');
+  expect(onChange).toHaveBeenCalledTimes(1);
+  expect(onChange).toHaveBeenCalledWith({ other: ['Ctrl+KeyD+KeyV'] });
+});
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/UrlField.test.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/UrlField.test.tsx
new file mode 100644
index 00000000000..8ff1bc24f8a
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/UrlField.test.tsx
@@ -0,0 +1,27 @@
+import { fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+
+import { requireContext } from '../../../tests/helpers';
+import { mount } from '../../../tests/reactUtils';
+import { UrlField } from '../UrlShortcuts';
+
+requireContext();
+
+test('preserves an unchanged saved relative destination on blur', () => {
+  const onChange = jest.fn();
+  mount(<UrlField value="report.html" onChange={onChange} />);
+  fireEvent.blur(screen.getByRole('textbox'));
+  expect(onChange).not.toHaveBeenCalled();
+});
+
+test.each([
+  ['google.com', 'https://google.com/'],
+  ['https://google.com/search?q=fish', 'https://google.com/search?q=fish'],
+  ['/specify/overlay/trees/', '/specify/overlay/trees'],
+])('normalizes edited destination %s', async (input, expected) => {
+  const onChange = jest.fn();
+  const { user } = mount(<UrlField value="" onChange={onChange} />);
+  await user.type(screen.getByRole('textbox'), input);
+  await user.tab();
+  expect(onChange).toHaveBeenCalledWith(expected);
+});
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/UserDefinitions.test.ts b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/UserDefinitions.test.ts
new file mode 100644
index 00000000000..4002528cae4
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/UserDefinitions.test.ts
@@ -0,0 +1,131 @@
+import { requireContext } from '../../../tests/helpers';
+import type { GenericPreferences } from '../../Preferences/types';
+import { userPreferenceDefinitions } from '../../Preferences/UserDefinitions';
+import type { KeyboardShortcuts, ModifierKey } from '../config';
+import { keyLocalizations, modifierKeys, specialKeyboardKeys } from '../config';
+import { exportsForTests, keyJoinSymbol } from '../context';
+
+requireContext();
+
+const { keysToString } = exportsForTests;
+
+test('Validate default keyboard shortcuts in userPreferenceDefinitions', () => {
+  expect(
+    userPreferenceDefinitions.form.subCategories.actions.items.save.defaultValue
+  ).toEqual({ other: ['Alt+Ctrl+KeyS'] });
+  expect(
+    userPreferenceDefinitions.form.subCategories.actions.items.carryForward
+      .defaultValue
+  ).toEqual({ other: ['Alt+Ctrl+Shift+KeyC'] });
+  expect(
+    userPreferenceDefinitions.form.subCategories.dialogs.items.save.defaultValue
+  ).toEqual({ other: ['Alt+Ctrl+KeyS'] });
+
+  Object.entries(userPreferenceDefinitions as GenericPreferences).forEach(
+    ([category, definition]) =>
+      Object.entries(definition.subCategories).forEach(
+        ([subCategory, subDefinition]) =>
+          Object.entries(subDefinition.items).forEach(
+            ([item, itemDefinition]) => {
+              const isKeyboardShortcut =
+                'renderer' in itemDefinition &&
+                itemDefinition.renderer.name ===
+                  'KeyboardShortcutPreferenceItem';
+              if (!isKeyboardShortcut) return;
+
+              const defaultValue =
+                itemDefinition.defaultValue as KeyboardShortcuts;
+
+              console.log(category, subCategory, item, defaultValue);
+              if (typeof defaultValue !== 'object') return;
+
+              Object.entries(defaultValue).forEach(([platform, shortcuts]) =>
+                shortcuts?.forEach((shortcut) => {
+                  const error = validateShortcut(shortcut, platform);
+                  if (error !== undefined)
+                    // eslint-disable-next-line functional/no-throw-statement
+                    throw new Error(
+                      `Invalid default value for a keyboard shortcut for ${category}.${subCategory}.${item} for platform "${platform}" (value: ${shortcut}). Error: ${String(
+                        error
+                      )}`
+                    );
+                })
+              );
+            }
+          )
+      )
+  );
+
+  // Useless assertion to have at least one assertion in the test
+  expect(1).toBe(1);
+});
+
+function validateShortcut(
+  shortcut: string,
+  platform: keyof KeyboardShortcuts
+): string | undefined {
+  const parts = shortcut.split(keyJoinSymbol);
+  if (parts.length === 0) return 'unexpected empty shortcut';
+
+  const shortcutModifierKeys = parts
+    .map((part) => part as ModifierKey)
+    .filter((part) => modifierKeys.includes(part))
+    .sort();
+  const nonModifierKeys = parts
+    .filter((part) => !modifierKeys.includes(part as ModifierKey))
+    .sort();
+  const normalizedShortcut = keysToString(
+    shortcutModifierKeys,
+    nonModifierKeys
+  );
+  if (normalizedShortcut !== shortcut)
+    return `shortcut is not normalized: ${normalizedShortcut} (expected keys to be sorted, with modifier keys before non-modifiers)`;
+
+  if (shortcutModifierKeys.length === 0) {
+    const specialKey = nonModifierKeys.find((key) =>
+      specialKeyboardKeys.has(key)
+    );
+    if (typeof specialKey === 'string')
+      return `can't use special reserved keys as default shortcuts, unless prefixed with a modifier key. Found ${specialKey}`;
+  }
+
+  if (platform !== 'mac' && shortcutModifierKeys.includes('Meta'))
+    return `can't use meta (cmd) key in non-mac platform as those are reserved for system shortcuts`;
+
+  if (nonModifierKeys.length === 0)
+    return 'shortcut must contain at least one non-modifier key';
+
+  const disallowedKey = nonModifierKeys.find((key) => !allowed.has(key));
+  if (typeof disallowedKey === 'string')
+    return `found an unknown key code: ${disallowedKey}. Make sure you are using key code rather than key name (e.g. use "KeyA" instead of "a"). To test, see what "keydown" event gives you for event.code (rather than event.key). If you are sure you have the key code, then you can extend the list of allowed keys in this test`;
+
+  return undefined;
+}
+
+/**
+ * To guard against typos, this list defines the list of keys that may appear in
+ * default keyboard shortcuts. If some key is missing, feel free to add it to
+ * this list
+ *
+ * See a full list of possible keys browsers could capture here:
+ * https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#special_values
+ */
+const allowed = new Set([
+  // Not including modifier keys as the above check will only check non-modifiers
+  ...Array.from(specialKeyboardKeys),
+  ...Object.keys(keyLocalizations),
+  'BrowserBack',
+  'BrowserForward',
+  'BrowserHome',
+  'BrowserRefresh',
+  'BrowserSearch',
+  'Add',
+  'Multiply',
+  'Subtract',
+  'Decimal',
+  'Divide',
+  /*
+   * This list doesn't include more obscure keys, but we probably shouldn't be
+   * using those in key shortcuts anyway
+   */
+]);
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/context.test.ts b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/context.test.ts
new file mode 100644
index 00000000000..64c1ba5fd16
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/context.test.ts
@@ -0,0 +1,38 @@
+import { bindKeyboardShortcut } from '../context';
+
+test('ignores printable shortcuts when a select is focused', () => {
+  const callback = jest.fn();
+  const cleanup = bindKeyboardShortcut({ other: ['KeyA'] }, callback);
+  const select = document.createElement('select');
+  document.body.append(select);
+
+  select.dispatchEvent(
+    new KeyboardEvent('keydown', { bubbles: true, code: 'KeyA' })
+  );
+
+  expect(callback).not.toHaveBeenCalled();
+  cleanup();
+  select.remove();
+});
+
+test('Escape shortcuts work when an input is focused', () => {
+  const callback = jest.fn();
+  const cleanup = bindKeyboardShortcut({ other: ['Escape'] }, callback);
+  const input = document.createElement('input');
+  document.body.append(input);
+  const event = new KeyboardEvent('keydown', {
+    bubbles: true,
+    cancelable: true,
+    code: 'Escape',
+  });
+
+  input.dispatchEvent(event);
+
+  expect(callback).toHaveBeenCalledTimes(1);
+  expect(event.defaultPrevented).toBe(true);
+  input.dispatchEvent(
+    new KeyboardEvent('keyup', { bubbles: true, code: 'Escape' })
+  );
+  cleanup();
+  input.remove();
+});
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/utils.test.ts b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/utils.test.ts
new file mode 100644
index 00000000000..69691dd100d
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/__tests__/utils.test.ts
@@ -0,0 +1,25 @@
+import { cleanupEmptyShortcuts, resolvePlatformShortcuts } from '../utils';
+
+test('removes empty shortcuts while retaining valid shortcuts', () => {
+  expect(
+    cleanupEmptyShortcuts({
+      mac: ['', 'Meta+KeyA'],
+      other: [''],
+    })
+  ).toEqual({
+    mac: ['Meta+KeyA'],
+    other: [],
+  });
+});
+
+test('falls back to Windows shortcuts on other platforms', () => {
+  expect(resolvePlatformShortcuts({ windows: ['Ctrl+KeyA'] })).toEqual([
+    'Ctrl+KeyA',
+  ]);
+});
+
+test('falls back to macOS shortcuts with Meta converted to Ctrl', () => {
+  expect(resolvePlatformShortcuts({ mac: ['Meta+KeyA'] })).toEqual([
+    'Ctrl+KeyA',
+  ]);
+});
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/config.ts b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/config.ts
new file mode 100644
index 00000000000..16dfa61843e
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/config.ts
@@ -0,0 +1,214 @@
+import { preferencesText } from '../../localization/preferences';
+import type { IR, RA, RR } from '../../utils/types';
+
+/**
+ * Because operating systems, browsers and browser extensions define many
+ * keyboard shortcuts, many of which differ between operating systems, the set
+ * of free keyboard shortcuts is quite small so it's difficult to have one
+ * shortcut that works on all 3 platforms.
+ *
+ * To provide flexibility, without complicating the UI for people who only use
+ * Specify on a single platform, we do the following:
+ * - UI allows you to set keyboard shortcuts for the current platform only
+ * - If you set keyboard shortcut on any platform, that shortcut is used on all
+ *   platforms, unless you explicitly edited the shortcut on the other platform
+ * - If keyboard shortcut was not explicitly set, the default shortcut, if any
+ *   will be used
+ */
+export type KeyboardShortcuts = Partial<
+  RR<KeyboardPlatform, RA<string> | undefined>
+>;
+
+type KeyboardPlatform = 'mac' | 'other' | 'windows';
+export const keyboardPlatform: KeyboardPlatform =
+  process.env.NODE_ENV === 'test'
+    ? 'other'
+    : navigator.platform.toLowerCase().includes('mac') ||
+        // Check for iphone || ipad || ipod
+        navigator.platform.toLowerCase().includes('ip')
+      ? 'mac'
+      : navigator.platform.toLowerCase().includes('win')
+        ? 'windows'
+        : 'other';
+
+export const modifierKeys = ['Alt', 'Ctrl', 'Meta', 'Shift'] as const;
+export type ModifierKey = (typeof modifierKeys)[number];
+export const allModifierKeys = new Set([
+  ...modifierKeys,
+  'AltGraph',
+  'CapsLock',
+  'MetaLeft',
+  'MetaRight',
+  'ShiftLeft',
+  'ShiftRight',
+  'ControlLeft',
+  'ControlRight',
+  'AltLeft',
+  'AltRight',
+]);
+
+export const keyboardModifierLocalization: RR<ModifierKey, string> = {
+  Alt:
+    keyboardPlatform === 'mac'
+      ? preferencesText.macOption()
+      : preferencesText.alt(),
+  Ctrl:
+    keyboardPlatform === 'mac'
+      ? preferencesText.macControl()
+      : preferencesText.ctrl(),
+  // This key should never appear in non-mac platforms
+  Meta: preferencesText.macMeta(),
+  Shift:
+    keyboardPlatform === 'mac'
+      ? preferencesText.macShift()
+      : preferencesText.shift(),
+};
+
+/**
+ * Do not allow binding a keyboard shortcut that includes only one of these
+ * keys, without any modifier.
+ *
+ * For example, do not allow binding keyboard shortcuts to Tab key. That key is
+ * important for accessibility and for keyboard navigation. Without it
+ * you won't be able to tab your way to the "Save" button to save the
+ * keyboard shortcut)
+ */
+export const specialKeyboardKeys = new Set([
+  'Enter',
+  'Tab',
+  'Space',
+  'Backspace',
+]);
+
+/**
+ * Because we are listening to key codes that correspond to US English letters,
+ * we should show keys in the UI in US English to avoid confusion.
+ * (otherwise Cmd+O is ambiguous as it's not clear if it refers to English O or
+ * local language О).
+ * See https://github.com/specify/specify7/issues/1746#issuecomment-2227113839
+ *
+ * For some keys, it is less confusing to see a symbol (like arrow keys), rather
+ * than 'ArrowUp', thus symbols are used for those keys.
+ * See http://xahlee.info/comp/unicode_computing_symbols.html
+ *
+ * Try not to define keyboard shortcuts for keys that may be in a different
+ * place in other keyboard layouts (the positions of special symbols wary a lot)
+ *
+ * See full list of key codes:
+ * https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values
+ */
+export const keyLocalizations: IR<string> = {
+  ArrowDown: '↓',
+  ArrowLeft: '←',
+  ArrowRight: '→',
+  ArrowUp: '↑',
+  Backquote: '`',
+  Backslash: '\\',
+  Backspace: '⌫',
+  BracketLeft: '[',
+  BracketRight: ']',
+  Comma: ',',
+  Digit0: '0',
+  Digit1: '1',
+  Digit2: '2',
+  Digit3: '3',
+  Digit4: '4',
+  Digit5: '5',
+  Digit6: '6',
+  Digit7: '7',
+  Digit8: '8',
+  Digit9: '9',
+  Escape: 'Esc',
+  // "return" key is used over Enter on macOS keyboards
+  Enter: keyboardPlatform === 'mac' ? '↵' : 'Enter',
+  Equal: '=',
+  KeyA: 'a',
+  KeyB: 'b',
+  KeyC: 'c',
+  KeyD: 'd',
+  KeyE: 'e',
+  KeyF: 'f',
+  KeyG: 'g',
+  KeyH: 'h',
+  KeyI: 'i',
+  KeyJ: 'j',
+  KeyK: 'k',
+  KeyL: 'l',
+  KeyM: 'm',
+  KeyN: 'n',
+  KeyO: 'o',
+  KeyP: 'p',
+  KeyQ: 'q',
+  KeyR: 'r',
+  KeyS: 's',
+  KeyT: 't',
+  KeyU: 'u',
+  KeyV: 'v',
+  KeyW: 'w',
+  KeyX: 'x',
+  KeyY: 'y',
+  KeyZ: 'z',
+  Minus: '-',
+  Period: '.',
+  Quote: "'",
+  Semicolon: ';',
+  Slash: '/',
+};
+
+/**
+ * Like keyLocalizations, but applied if keyboard shortcut involves Shift key
+ */
+export const shiftKeyLocalizations: Record<string, string> = {
+  // FEATURE: decide if these should display differently when shift is pressed or not:
+  /*
+   * "Backquote": "~",
+   * "Backslash": "|",
+   * "BracketLeft": "{",
+   * "BracketRight": "}",
+   * "Comma": "<",
+   * "Digit0": ")",
+   * "Digit1": "!",
+   * "Digit2": "@",
+   * "Digit3": "#",
+   * "Digit4": "$",
+   * "Digit5": "%",
+   * "Digit6": "^",
+   * "Digit7": "&",
+   * "Digit8": "*",
+   * "Digit9": "(",
+   * "Equal": "+",
+   */
+  KeyA: 'A',
+  KeyB: 'B',
+  KeyC: 'C',
+  KeyD: 'D',
+  KeyE: 'E',
+  KeyF: 'F',
+  KeyG: 'G',
+  KeyH: 'H',
+  KeyI: 'I',
+  KeyJ: 'J',
+  KeyK: 'K',
+  KeyL: 'L',
+  KeyM: 'M',
+  KeyN: 'N',
+  KeyO: 'O',
+  KeyP: 'P',
+  KeyQ: 'Q',
+  KeyR: 'R',
+  KeyS: 'S',
+  KeyT: 'T',
+  KeyU: 'U',
+  KeyV: 'V',
+  KeyW: 'W',
+  KeyX: 'X',
+  KeyY: 'Y',
+  KeyZ: 'Z',
+  /*
+   * "Minus": "_",
+   * "Period": ">",
+   * "Quote": "\"",
+   * "Semicolon": ":",
+   * "Slash": "?"
+   */
+};
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/context.ts b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/context.ts
new file mode 100644
index 00000000000..209b1b4eb4c
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/context.ts
@@ -0,0 +1,264 @@
+/**
+ * Allows to register a key listener
+ */
+
+import React from 'react';
+import type { LocalizedString } from 'typesafe-i18n';
+
+import type { RA, WritableArray } from '../../utils/types';
+import type { KeyboardShortcuts, ModifierKey } from './config';
+import { allModifierKeys, specialKeyboardKeys } from './config';
+import { resolvePlatformShortcuts } from './utils';
+
+/**
+ * To keep the event listener as fast as possible, we are not looping though all
+ * set keyboard shortcuts and checking if any matches the set value - instead,
+ * the registered shortcuts are stored in this hashmap, making it very easy
+ * to check if a listener for current key combination exists.
+ *
+ * At the same time, some of our UI can be nested (imagine the record selector
+ * in a record set listening for next/previous record keyboard shortcut, and
+ * then the user opens a modal that also listens for the same shortcut) - to
+ * have things work correctly, we store listeners as a stack, with the most
+ * recently added listener (last one) being the active one.
+ */
+type ShortcutListener = {
+  readonly callback: () => void;
+  readonly label: LocalizedString | undefined;
+  readonly scope: ShortcutScope;
+};
+
+export type ShortcutScope = 'context' | 'global';
+
+const listeners = new Map<string, WritableArray<ShortcutListener>>();
+let shortcutsEnabled = true;
+const enabledListeners = new Set<() => void>();
+
+export function setKeyboardShortcutsEnabled(enabled: boolean): void {
+  shortcutsEnabled = enabled;
+  enabledListeners.forEach((listener) => listener());
+}
+
+export function useKeyboardShortcutsEnabled(): boolean {
+  return React.useSyncExternalStore(
+    (listener) => {
+      enabledListeners.add(listener);
+      return (): void => {
+        enabledListeners.delete(listener);
+      };
+    },
+    () => shortcutsEnabled,
+    () => true
+  );
+}
+
+export type ActiveKeyboardShortcut = {
+  readonly label: LocalizedString;
+  readonly scope: ShortcutScope;
+  readonly shortcut: string;
+};
+
+export const getActiveKeyboardShortcuts = (): RA<ActiveKeyboardShortcut> =>
+  !shortcutsEnabled
+    ? []
+    : Array.from(listeners.entries()).flatMap(
+        ([shortcut, shortcutListeners]) => {
+          const listener = shortcutListeners.at(-1);
+          return listener?.label === undefined
+            ? []
+            : [{ label: listener.label, scope: listener.scope, shortcut }];
+        }
+      );
+
+/**
+ * When setting a keyboard shortcut in user preferences, we want to:
+ * - Prevent any other shortcut from reacting
+ * - Read what keys were pressed
+ */
+let interceptor: ((keys: string) => void) | undefined;
+export function setKeyboardEventInterceptor(
+  callback: typeof interceptor
+): () => void {
+  interceptor = callback;
+  return (): void => {
+    if (interceptor === callback) interceptor = undefined;
+  };
+}
+
+export function bindKeyboardShortcut(
+  shortcut: KeyboardShortcuts,
+  callback: () => void,
+  label?: LocalizedString,
+  scope: ShortcutScope = 'context'
+): () => void {
+  const shortcuts = resolvePlatformShortcuts(shortcut) ?? [];
+  shortcuts.forEach((string) => {
+    const shortcutListeners = listeners.get(string);
+    const listener = { callback, label, scope };
+    if (shortcutListeners === undefined) listeners.set(string, [listener]);
+    else shortcutListeners.push(listener);
+  });
+  return () =>
+    shortcuts.forEach((string) => {
+      const activeListeners = listeners.get(string)!;
+      const lastIndex = activeListeners.findLastIndex(
+        (listener) => listener.callback === callback
+      );
+      if (lastIndex !== -1) activeListeners.splice(lastIndex, 1);
+      if (activeListeners.length === 0) listeners.delete(string);
+    });
+}
+
+/**
+ * Assumes keys and modifiers are sorted
+ */
+const keysToString = (modifiers: RA<ModifierKey>, keys: RA<string>): string =>
+  [...modifiers, ...keys].join(keyJoinSymbol);
+export const keyJoinSymbol = '+';
+
+// eslint-disable-next-line functional/prefer-readonly-type
+const pressedKeys: string[] = [];
+
+// Keep this code fast as it's in the hot path
+document.addEventListener('keydown', (event) => {
+  if (shouldIgnoreKeyPress(event)) return;
+
+  const modifiers = resolveModifiers(event);
+  const isEntering = isInInput(event);
+  const isPrintable =
+    event.code !== 'Escape' &&
+    !specialKeyboardKeys.has(event.code) &&
+    isPrintableModifier(modifiers);
+  // Ignore shortcuts that result in printed characters when in an input field
+  const ignore = isPrintable && isEntering;
+  if (ignore) return;
+  const isSpecial = specialKeyboardKeys.has(event.code);
+  if (
+    isSpecial &&
+    (modifiers.length === 0 ||
+      (modifiers[0] === 'Shift' && event.code === 'Tab'))
+  )
+    return;
+
+  if (!pressedKeys.includes(event.code)) {
+    pressedKeys.push(event.code);
+    pressedKeys.sort();
+  }
+
+  const keyString = keysToString(modifiers, pressedKeys);
+  const handler = shortcutsEnabled
+    ? (interceptor ?? listeners.get(keyString)?.at(-1)?.callback)
+    : undefined;
+  if (typeof handler === 'function') {
+    handler(keyString);
+    /*
+     * Do this only after calling the handler, so that if handler throws an
+     * exception, the event can still be handled normally by the browser
+     */
+    event.preventDefault();
+    event.stopPropagation();
+  }
+
+  /**
+   * For key combinations involving arrows, the keyup is not fired reliably
+   * on macOS (i.e for Cmd+Shift+ArrowUp), thus we need to clear the pressed
+   * keys. This means you can't have a shortcut like Cmd+Shift+KeyQ+ArrowUp
+   */
+  if (keyString.includes('Arrow')) pressedKeys.length = 0;
+});
+
+function shouldIgnoreKeyPress(event: KeyboardEvent): boolean {
+  const code = event.code;
+
+  if (event.isComposing || event.repeat) return true;
+
+  // See https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values
+  if (
+    code === 'Dead' ||
+    code === 'Unidentified' ||
+    code === 'Unidentified' ||
+    code === ''
+  )
+    return true;
+
+  // Do not allow binding a key shortcut directly to a modifier key
+  return allModifierKeys.has(event.code);
+}
+
+export const resolveModifiers = (event: KeyboardEvent): RA<ModifierKey> =>
+  Object.entries({
+    // This order is important - keep it alphabetical
+    Alt: event.altKey,
+    Ctrl: event.ctrlKey,
+    Meta: event.metaKey,
+    Shift: event.shiftKey,
+  })
+    .filter(([_, isPressed]) => isPressed)
+    .map(([modifier]) => modifier);
+
+function isInInput(event: KeyboardEvent): boolean {
+  // Check if the event target is an editable element.
+  const target = event.target as HTMLElement;
+  return (
+    target.tagName === 'INPUT' ||
+    target.tagName === 'SELECT' ||
+    target.tagName === 'TEXTAREA' ||
+    target.isContentEditable
+  );
+}
+
+/**
+ * On all platforms, shift key + letter produces a printable character (i.e shift+a = A)
+ *
+ * On mac, option (alt) key is used for producing printable characters too, but
+ * according to ChatGPT, in browser applications it is expected that keyboard
+ * shortcuts take precedence over printing characters.
+ */
+function isPrintableModifier(modifiers: RA<ModifierKey>): boolean {
+  if (modifiers.length === 0) return true;
+
+  if (modifiers.length === 1) return modifiers[0] === 'Shift';
+
+  return false;
+}
+
+document.addEventListener(
+  'keyup',
+  (event) => {
+    const index = pressedKeys.indexOf(event.code);
+    if (index !== -1) pressedKeys.splice(index, 1);
+
+    /*
+     * If un-pressed any modifier, consider current shortcut finished.
+     *
+     * This is a workaround for an issue on macOS where in a shortcut like
+     * Cmd+Shift+ArrowUp, the keyup even is fired for Cmd and Shift, but not
+     * for ArrowUp
+     */
+    const isModifier = allModifierKeys.has(event.code);
+    if (isModifier) pressedKeys.length = 0;
+  },
+  { passive: true }
+);
+
+/**
+ * While key up should normally catch key release, that may not always be the
+ * case:
+ * - If key up occurred outside the browser window
+ * - If key up occurred inside of browser devtools
+ * - If key up was intercepted by something else (i.e browser extension)
+ */
+window.addEventListener(
+  'blur',
+  () => {
+    pressedKeys.length = 0;
+  },
+  { passive: true }
+);
+document.addEventListener('visibilitychange', () => {
+  if (document.hidden) pressedKeys.length = 0;
+});
+
+export const exportsForTests = {
+  keysToString,
+};
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/hooks.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/hooks.tsx
new file mode 100644
index 00000000000..1c08a667e31
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/hooks.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import type { LocalizedString } from 'typesafe-i18n';
+
+import { localized } from '../../utils/types';
+import { formatDisjunction } from '../Atoms/Internationalization';
+import type { KeyboardShortcuts } from './config';
+import { bindKeyboardShortcut } from './context';
+import { localizeKeyboardShortcut, resolvePlatformShortcuts } from './utils';
+
+/**
+ * Prefer `userPreferences.useKeyboardShortcut()` over directly using this hook
+ */
+export function useManualKeyboardShortcut(
+  shortcuts: KeyboardShortcuts | undefined,
+  callback: (() => void) | undefined,
+  label?: LocalizedString
+): void {
+  const callbackRef = React.useRef(callback);
+  callbackRef.current = callback;
+  const hasCallback = typeof callback === 'function';
+  React.useEffect(
+    () =>
+      typeof shortcuts === 'object' && hasCallback
+        ? bindKeyboardShortcut(shortcuts, () => callbackRef.current?.(), label)
+        : undefined,
+    [hasCallback, label, shortcuts]
+  );
+}
+
+/**
+ * Prefer `userPreferences.useKeyboardShortcut()` over directly using this hook
+ *
+ * Provides a localized keyboard shortcut string, which can be used in the UI
+ * in the "title" attribute.
+ */
+export function useKeyboardShortcutLabel(
+  shortcuts: KeyboardShortcuts | undefined
+): LocalizedString {
+  return React.useMemo(() => {
+    const platformShortcuts =
+      shortcuts === undefined
+        ? []
+        : (resolvePlatformShortcuts(shortcuts) ?? []);
+    return localized(
+      platformShortcuts.length > 0
+        ? ` (${formatDisjunction(
+            platformShortcuts.map(localizeKeyboardShortcut)
+          )})`
+        : ''
+    );
+  }, [shortcuts]);
+}
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/useUrlShortcuts.tsx b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/useUrlShortcuts.tsx
new file mode 100644
index 00000000000..29ea8b46cea
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/useUrlShortcuts.tsx
@@ -0,0 +1,72 @@
+import React from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+import { usePromise } from '../../hooks/useAsyncState';
+import { isExternalUrl } from '../../utils/ajax/helpers';
+import { localized } from '../../utils/types';
+import type { MenuItem } from '../Core/Main';
+import {
+  expressSearchMenuItem,
+  rawMenuItemsPromise,
+} from '../Header/menuItemDefinitions';
+import { rawUserToolsPromise } from '../Header/userToolDefinitions';
+import { userPreferences } from '../Preferences/userPreferences';
+import { pathIsOverlay } from '../Router/UnloadProtect';
+import { locationToState } from '../Router/RouterState';
+import { bindKeyboardShortcut, setKeyboardShortcutsEnabled } from './context';
+
+export function useUrlShortcuts(): void {
+  const [shortcuts] = userPreferences.use('header', 'actions', 'urlShortcuts');
+  const [shortcutsEnabled] = userPreferences.use(
+    'header',
+    'actions',
+    'shortcutsEnabled'
+  );
+  const [menuItems] = usePromise(rawMenuItemsPromise(), false);
+  const [userTools] = usePromise(rawUserToolsPromise(), false);
+  const location = useLocation();
+  const navigate = useNavigate();
+  React.useEffect(() => {
+    setKeyboardShortcutsEnabled(shortcutsEnabled);
+  }, [shortcutsEnabled]);
+  React.useEffect(() => {
+    const userToolsByUrl = new Map<string, MenuItem>();
+    userToolsByUrl.set(expressSearchMenuItem.url, expressSearchMenuItem);
+    menuItems?.forEach((tool) => userToolsByUrl.set(tool.url, tool));
+    Object.values(userTools ?? {}).forEach((tools) =>
+      Object.values(tools).forEach((tool) => userToolsByUrl.set(tool.url, tool))
+    );
+    const backgroundLocation =
+      locationToState(location, 'BackgroundLocation')?.location ?? location;
+    const cleanup = Object.entries(shortcuts).map(([path, shortcuts]) => {
+      const userTool = userToolsByUrl.get(path);
+      return shortcuts === undefined
+        ? undefined
+        : bindKeyboardShortcut(
+            shortcuts,
+            () => {
+              if (userTool?.onClick !== undefined)
+                void userTool
+                  .onClick()
+                  .then(() => globalThis.location.assign(path));
+              else if (isExternalUrl(path))
+                globalThis.open(path, '_blank', 'noopener,noreferrer');
+              else if (!path.startsWith('/specify/'))
+                globalThis.location.assign(path);
+              else if (pathIsOverlay(path))
+                navigate(path, {
+                  state: {
+                    type: 'BackgroundLocation',
+                    location: backgroundLocation,
+                  },
+                });
+              else navigate(path);
+            },
+            userTool?.title ?? localized(path),
+            'global'
+          );
+    });
+    return (): void => cleanup.forEach((cleanup) => cleanup?.());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [shortcuts, menuItems, userTools, location, navigate]);
+}
diff --git a/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/utils.ts b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/utils.ts
new file mode 100644
index 00000000000..2fed5aa5db7
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/KeyboardShortcuts/utils.ts
@@ -0,0 +1,93 @@
+import type { LocalizedString } from 'typesafe-i18n';
+
+import type { RA, WritableArray } from '../../utils/types';
+import { localized } from '../../utils/types';
+import type { KeyboardShortcuts, ModifierKey } from './config';
+import {
+  keyboardModifierLocalization,
+  keyboardPlatform,
+  keyLocalizations,
+  shiftKeyLocalizations,
+} from './config';
+import { keyJoinSymbol } from './context';
+
+export const localizedKeyJoinSymbol = ' + ';
+
+export function cleanupEmptyShortcuts(
+  value: KeyboardShortcuts
+): KeyboardShortcuts {
+  const shortcuts = Object.fromEntries(
+    Object.entries(value).map(([platform, shortcuts]) => [
+      platform,
+      shortcuts?.filter((shortcut) => shortcut.length > 0),
+    ])
+  );
+  const isCompletelyEmpty = Object.values(shortcuts).every(
+    (shortcuts) => shortcuts === undefined || shortcuts.length === 0
+  );
+  return isCompletelyEmpty ? {} : shortcuts;
+}
+
+export function localizeKeyboardShortcut(shortcut: string): LocalizedString {
+  const parts = shortcut.split(keyJoinSymbol);
+  const hasShift = parts.includes('Shift');
+
+  const modifiers: WritableArray<string> = [];
+  const nonModifiers: WritableArray<string> = [];
+  // eslint-disable-next-line functional/no-loop-statement
+  for (const key of parts) {
+    const localizedModifier = keyboardModifierLocalization[key as ModifierKey];
+    if (typeof localizedModifier === 'string')
+      modifiers.push(localizedModifier);
+    else {
+      nonModifiers.push(
+        (hasShift ? shiftKeyLocalizations[key] : undefined) ??
+          keyLocalizations[key] ??
+          key
+      );
+    }
+  }
+
+  // If there is only one non-modifier key, then join the keys without separator
+  const resolved =
+    keyboardPlatform === 'mac' && nonModifiers.length === 1
+      ? `${modifiers.join('')}${nonModifiers[0]}`
+      : [...modifiers, ...nonModifiers].join(localizedKeyJoinSymbol);
+
+  return localized(resolved);
+}
+
+/**
+ * If there is a keyboard shortcut defined for current system, use it
+ * (also, if current system explicitly has empty array of shortcuts, use it).
+ *
+ * Otherwise, use the keyboard shortcut from one of the other platforms if set,
+ * but change meta to ctrl and vice versa as necessary.
+ */
+export function resolvePlatformShortcuts(
+  shortcut: KeyboardShortcuts
+): RA<string> | undefined {
+  if (keyboardPlatform in shortcut) return shortcut[keyboardPlatform];
+  else if ('other' in shortcut)
+    return keyboardPlatform === 'windows'
+      ? shortcut.other
+      : shortcut.other?.map(replaceCtrlWithMeta);
+  else if ('windows' in shortcut)
+    return keyboardPlatform === 'other'
+      ? shortcut.windows
+      : shortcut.windows?.map(replaceCtrlWithMeta);
+  else if ('mac' in shortcut) return shortcut.mac?.map(replaceMetaWithCtrl);
+  else return undefined;
+}
+
+const replaceCtrlWithMeta = (shortcut: string): string =>
+  shortcut
+    .split(keyJoinSymbol)
+    .map((key) => (key === 'Ctrl' ? 'Meta' : key))
+    .join(keyJoinSymbol);
+
+const replaceMetaWithCtrl = (shortcut: string): string =>
+  shortcut
+    .split(keyJoinSymbol)
+    .map((key) => (key === 'Meta' ? 'Ctrl' : key))
+    .join(keyJoinSymbol);
diff --git a/specifyweb/frontend/js_src/lib/components/LocalityUpdate/Status.tsx b/specifyweb/frontend/js_src/lib/components/LocalityUpdate/Status.tsx
index 40fca8f08d6..bfac8365a7f 100644
--- a/specifyweb/frontend/js_src/lib/components/LocalityUpdate/Status.tsx
+++ b/specifyweb/frontend/js_src/lib/components/LocalityUpdate/Status.tsx
@@ -33,6 +33,7 @@ import { Dialog } from '../Molecules/Dialog';
 import { downloadFile } from '../Molecules/FilePicker';
 import { TableIcon } from '../Molecules/TableIcon';
 import { hasToolPermission } from '../Permissions/helpers';
+import { userPreferences } from '../Preferences/userPreferences';
 import { CreateRecordSet } from '../QueryBuilder/CreateRecordSet';
 import { downloadDataSet } from '../WorkBench/helpers';
 import { RemainingLoadingTime } from '../WorkBench/RemainingLoadingTime';
@@ -321,9 +322,7 @@ export function LocalityUpdateSuccess({
       )}
       {recordSet === undefined && (
         <div className="w-fit">
-          <Button.Small onClick={handleFormsOpened}>
-            {queryText.browseInForms()}
-          </Button.Small>
+          <BrowseInFormsButton onClick={handleFormsOpened} />
           {formsOpened && (
             <RecordSelectorFromIds
               canRemove={false}
@@ -356,6 +355,24 @@ export function LocalityUpdateSuccess({
   );
 }
 
+function BrowseInFormsButton({
+  onClick: handleClick,
+}: {
+  readonly onClick: () => void;
+}): JSX.Element {
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'queryBuilder',
+    'actions',
+    'browseInForms',
+    handleClick
+  );
+  return (
+    <Button.Small title={keyboardShortcut} onClick={handleClick}>
+      {queryText.browseInForms()}
+    </Button.Small>
+  );
+}
+
 export function LocalityUpdateParseErrors({
   errors,
   onClose: handleClose,
diff --git a/specifyweb/frontend/js_src/lib/components/Molecules/Dialog.tsx b/specifyweb/frontend/js_src/lib/components/Molecules/Dialog.tsx
index 062df72597c..3c7a56efe0b 100644
--- a/specifyweb/frontend/js_src/lib/components/Molecules/Dialog.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Molecules/Dialog.tsx
@@ -217,7 +217,6 @@ export function Dialog({
   );
   const [showIcon] = userPreferences.use('general', 'dialog', 'showIcon');
 
-  const [closeOnEsc] = userPreferences.use('general', 'dialog', 'closeOnEsc');
   const [closeOnOutsideClick] = userPreferences.use(
     'general',
     'dialog',
@@ -353,6 +352,24 @@ export function Dialog({
 
   const [buttonContainer, setButtonContainer] =
     React.useState<HTMLDivElement | null>(null);
+  const saveButton = buttonContainer?.querySelector<HTMLElement>(
+    'input[type="submit"], button[type="submit"]'
+  );
+  userPreferences.useKeyboardShortcut(
+    'form',
+    'dialogs',
+    'close',
+    isOpen && typeof handleClose === 'function' ? handleClose : undefined
+  );
+  userPreferences.useKeyboardShortcut(
+    'form',
+    'dialogs',
+    'save',
+    isOpen && saveButton !== null && saveButton !== undefined
+      ? (): void => saveButton.click()
+      : undefined
+  );
+
   const iconType = React.useMemo(() => {
     if (!showIcon) return 'none';
     if (typeof defaultIcon === 'string') return defaultIcon;
@@ -479,9 +496,7 @@ export function Dialog({
       }}
       overlayElement={overlayElement}
       portalClassName=""
-      shouldCloseOnEsc={
-        modal && typeof handleClose === 'function' && closeOnEsc
-      }
+      shouldCloseOnEsc={false}
       /*
        * Adding aria-hidden to #root is a legacy solution. Modern solution
        * involves displaying an element with [role="dialog"][aria-modal="true"],
diff --git a/specifyweb/frontend/js_src/lib/components/Molecules/Paginator.tsx b/specifyweb/frontend/js_src/lib/components/Molecules/Paginator.tsx
index 800b7e30a2e..5d9502f86e4 100644
--- a/specifyweb/frontend/js_src/lib/components/Molecules/Paginator.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Molecules/Paginator.tsx
@@ -41,6 +41,7 @@ export function usePaginator(
             <div>
               <Slider
                 count={pageCount ?? 0}
+                enableKeyboardShortcuts
                 value={currentPage}
                 onChange={setCurrentPage}
               />
diff --git a/specifyweb/frontend/js_src/lib/components/Molecules/ResourceLink.tsx b/specifyweb/frontend/js_src/lib/components/Molecules/ResourceLink.tsx
index 76cfc94dc10..c79050b5ce4 100644
--- a/specifyweb/frontend/js_src/lib/components/Molecules/ResourceLink.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Molecules/ResourceLink.tsx
@@ -32,6 +32,7 @@ export function ResourceLink<COMPONENT extends (typeof Link)['Icon']>({
   resourceView,
   children,
   autoClose = true,
+  toggleRef,
 }: {
   readonly resource: SpecifyResource<AnySchema> | undefined;
   readonly component: COMPONENT;
@@ -47,8 +48,11 @@ export function ResourceLink<COMPONENT extends (typeof Link)['Icon']>({
     'dialog' | 'onAdd' | 'onClose' | 'onSaved'
   >;
   readonly autoClose?: boolean;
+  readonly toggleRef?: React.MutableRefObject<(() => void) | undefined>;
 }): JSX.Element {
   const [isOpen, _, handleClose, handleToggle] = useBooleanState();
+  if (toggleRef) toggleRef.current = handleToggle;
+
   React.useEffect(() => {
     if (autoClose) handleClose();
   }, [resource]);
@@ -66,7 +70,7 @@ export function ResourceLink<COMPONENT extends (typeof Link)['Icon']>({
     'aria-pressed': isOpen,
     href: resource?.isNew()
       ? getResourceViewUrl(resource.specifyTable.name, undefined)
-      : resource?.viewUrl()!,
+      : resource?.viewUrl() ?? '',
     title: props.title ?? commonText.view(),
     onClick: (event): void => {
       event.preventDefault();
@@ -76,6 +80,7 @@ export function ResourceLink<COMPONENT extends (typeof Link)['Icon']>({
     },
     children,
   };
+
   const AnyComponent = Component as (props: typeof allProps) => JSX.Element;
 
   return (
diff --git a/specifyweb/frontend/js_src/lib/components/Molecules/__tests__/Dialog.test.tsx b/specifyweb/frontend/js_src/lib/components/Molecules/__tests__/Dialog.test.tsx
new file mode 100644
index 00000000000..e11b78b82b4
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/Molecules/__tests__/Dialog.test.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { commonText } from '../../../localization/common';
+import { mount } from '../../../tests/reactUtils';
+import { UnloadProtectsContext } from '../../Router/UnloadProtect';
+import { Dialog } from '../Dialog';
+
+test('Escape invokes the configured dialog close shortcut', async () => {
+  const onClose = jest.fn();
+  const { user } = mount(
+    <UnloadProtectsContext.Provider value={[]}>
+      <Dialog buttons={undefined} header={commonText.close()} onClose={onClose}>
+        Dialog content
+      </Dialog>
+    </UnloadProtectsContext.Provider>
+  );
+
+  await user.keyboard('{Escape}');
+
+  expect(onClose).toHaveBeenCalledTimes(1);
+});
diff --git a/specifyweb/frontend/js_src/lib/components/Preferences/Aside.tsx b/specifyweb/frontend/js_src/lib/components/Preferences/Aside.tsx
index 017a3978a7d..34bdc133cd7 100644
--- a/specifyweb/frontend/js_src/lib/components/Preferences/Aside.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Preferences/Aside.tsx
@@ -15,13 +15,16 @@ export function PreferencesAside({
   setActiveCategory,
   references,
   prefType = 'user',
+  definitions: passedDefinitions,
 }: {
   readonly activeCategory: number | undefined;
   readonly setActiveCategory: (activeCategory: number | undefined) => void;
   readonly references: React.RefObject<WritableArray<HTMLElement | undefined>>;
   readonly prefType?: PreferenceType;
+  readonly definitions?: ReturnType<typeof usePrefDefinitions>;
 }): JSX.Element {
-  const definitions = usePrefDefinitions(prefType);
+  const hookDefinitions = usePrefDefinitions(prefType);
+  const definitions = passedDefinitions ?? hookDefinitions;
   const navigate = useNavigate();
   const location = useLocation();
   const isInOverlay = pathIsOverlay(location.pathname);
@@ -61,7 +64,7 @@ export function PreferencesAside({
     <aside
       className={`
         top-0 flex min-w-fit flex-shrink-0 flex-col divide-y-4 divide-[color:var(--form-background)]
-        overflow-y-auto md:sticky md:flex-1
+        overflow-y-auto md:sticky md:w-64 md:flex-none md:flex-shrink-0
       `}
     >
       {definitions.map(([category, { title }], index) => (
diff --git a/specifyweb/frontend/js_src/lib/components/Preferences/BasePreferences.tsx b/specifyweb/frontend/js_src/lib/components/Preferences/BasePreferences.tsx
index f8621cfce84..e0c36be53f4 100644
--- a/specifyweb/frontend/js_src/lib/components/Preferences/BasePreferences.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Preferences/BasePreferences.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import type { LocalizedString } from 'typesafe-i18n';
 
 import { ajax } from '../../utils/ajax';
 import { Http } from '../../utils/ajax/definitions';
@@ -8,7 +9,11 @@ import { f } from '../../utils/functools';
 import { mergeParsers, parserFromType } from '../../utils/parser/definitions';
 import { parseValue } from '../../utils/parser/parse';
 import type { GetOrSet, RA } from '../../utils/types';
-import { filterArray, setDevelopmentGlobal } from '../../utils/types';
+import {
+  filterArray,
+  localized,
+  setDevelopmentGlobal,
+} from '../../utils/types';
 import { keysToLowerCase, replaceKey } from '../../utils/utils';
 import { SECOND } from '../Atoms/timeUnits';
 import { softFail } from '../Errors/Crash';
@@ -17,6 +22,10 @@ import {
   contextUnlockedPromise,
   foreverFetch,
 } from '../InitialContext';
+import {
+  useKeyboardShortcutLabel,
+  useManualKeyboardShortcut,
+} from '../KeyboardShortcuts/hooks';
 import { formatUrl } from '../Router/queryString';
 import type { GenericPreferences, PreferenceItem } from './types';
 
@@ -88,7 +97,7 @@ export class BasePreferences<DEFINITIONS extends GenericPreferences> {
   /**
    * Fetch preferences from back-end and update local cache with fetched values
    */
-  async fetch(): Promise<ResourceWithData> {
+  public async fetch(): Promise<ResourceWithData> {
     const entryPoint = await contextUnlockedPromise;
     if (entryPoint === 'main') {
       if (typeof this.resourcePromise === 'object') return this.resourcePromise;
@@ -365,12 +374,15 @@ export class BasePreferences<DEFINITIONS extends GenericPreferences> {
   ): GetOrSet<
     DEFINITIONS[CATEGORY]['subCategories'][SUBCATEGORY]['items'][ITEM]['defaultValue']
   > {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const preferences = React.useContext(this.Context) ?? this;
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const [localValue, setLocalValue] = React.useState<
       DEFINITIONS[CATEGORY]['subCategories'][SUBCATEGORY]['items'][ITEM]['defaultValue']
     >(() => preferences.get(category, subcategory, item));
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(
       () =>
         preferences.events.on('update', (payload) => {
@@ -387,6 +399,7 @@ export class BasePreferences<DEFINITIONS extends GenericPreferences> {
       [category, subcategory, item, preferences]
     );
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const updatePref = React.useCallback(
       (
         newPref:
@@ -414,6 +427,64 @@ export class BasePreferences<DEFINITIONS extends GenericPreferences> {
 
     return [localValue, updatePref] as const;
   }
+
+  /**
+   * React Hook for reacting to keyboard shortcuts user pressed for a given
+   * action.
+   *
+   * The hook also returns a localized string representing the keyboard
+   * shortcut - this string can be displayed in UI tooltips.
+   */
+  // eslint-disable-next-line max-params
+  public useKeyboardShortcut<
+    CATEGORY extends string & keyof DEFINITIONS,
+    SUBCATEGORY extends CATEGORY extends keyof DEFINITIONS
+      ? string & keyof DEFINITIONS[CATEGORY]['subCategories']
+      : never,
+    ITEM extends string &
+      keyof DEFINITIONS[CATEGORY]['subCategories'][SUBCATEGORY]['items'],
+  >(
+    category: CATEGORY,
+    subcategory: SUBCATEGORY,
+    item: ITEM,
+    callback: (() => void) | undefined
+  ): LocalizedString {
+    const [shortcuts] = this.use(category, subcategory, item);
+
+    const hasCallback = typeof callback === 'function';
+    const definition = this.definition(
+      category,
+      subcategory,
+      item
+    ) as PreferenceItem<unknown>;
+    const resolvedTitle =
+      typeof definition.title === 'function'
+        ? definition.title()
+        : definition.title;
+    const label = typeof resolvedTitle === 'string' ? resolvedTitle : undefined;
+
+    // Calling hook conditionally like this is fine as this condition is constant during runtime of a page
+    if (process.env.NODE_ENV === 'development') {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      React.useEffect(() => {
+        if (
+          !('renderer' in definition) ||
+          definition.renderer.name !== 'KeyboardShortcutPreferenceItem'
+        )
+          throw new Error(
+            `Trying to listen to keyboard shortcut on a non-keyboard shortcut preference item '${category}.${subcategory}.${item}'`
+          );
+      });
+    }
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useManualKeyboardShortcut(shortcuts, callback, label);
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const localizedShortcut = useKeyboardShortcutLabel(shortcuts);
+
+    return hasCallback ? localizedShortcut : localized('');
+  }
 }
 
 /* eslint-enable functional/no-this-expression */
diff --git a/specifyweb/frontend/js_src/lib/components/Preferences/UserDefinitions.tsx b/specifyweb/frontend/js_src/lib/components/Preferences/UserDefinitions.tsx
index c2f605cb305..bc2c262c2c3 100644
--- a/specifyweb/frontend/js_src/lib/components/Preferences/UserDefinitions.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Preferences/UserDefinitions.tsx
@@ -40,6 +40,10 @@ import type { TableFields } from '../DataModel/helperTypes';
 import { genericTables, tables } from '../DataModel/tables';
 import type { Collection, Tables } from '../DataModel/types';
 import { error, softError } from '../Errors/assert';
+import type { KeyboardShortcuts } from '../KeyboardShortcuts/config';
+import { KeyboardShortcutPreferenceItem } from '../KeyboardShortcuts/Shortcuts';
+import type { UrlShortcuts } from '../KeyboardShortcuts/UrlShortcuts';
+import { UrlShortcutsEditor } from '../KeyboardShortcuts/UrlShortcuts';
 import type { StatLayout } from '../Statistics/types';
 import {
   LanguagePreferencesItem,
@@ -57,6 +61,7 @@ import {
 } from './Renderers';
 import type {
   GenericPreferences,
+  PreferenceItem,
   PreferenceRendererProps,
   PreferencesVisibilityContext,
 } from './types';
@@ -167,6 +172,22 @@ function CollectionObjectFieldPreferenceItem({
 export const tableLabel = (tableName: keyof Tables): LocalizedString =>
   genericTables[tableName]?.label ?? camelToHuman(tableName);
 
+const defineKeyboardShortcut = (
+  title: LocalizedString,
+  defaultValue: KeyboardShortcuts | string
+): PreferenceItem<KeyboardShortcuts> =>
+  definePref<KeyboardShortcuts>({
+    title,
+    requiresReload: false,
+    visible: true,
+    defaultValue:
+      typeof defaultValue === 'string'
+        ? { other: [defaultValue] }
+        : defaultValue,
+    renderer: KeyboardShortcutPreferenceItem,
+    container: 'div',
+  });
+
 export const userPreferenceDefinitions = {
   general: {
     title: preferencesText.general(),
@@ -550,13 +571,6 @@ export const userPreferenceDefinitions = {
             defaultValue: true,
             type: 'java.lang.Boolean',
           }),
-          closeOnEsc: definePref<boolean>({
-            title: preferencesText.closeOnEsc(),
-            requiresReload: false,
-            visible: true,
-            defaultValue: true,
-            type: 'java.lang.Boolean',
-          }),
           closeOnOutsideClick: definePref<boolean>({
             title: preferencesText.closeOnOutsideClick(),
             requiresReload: false,
@@ -690,6 +704,27 @@ export const userPreferenceDefinitions = {
           }),
         },
       },
+      actions: {
+        title: commonText.actions(),
+        items: {
+          shortcutsEnabled: definePref<boolean>({
+            title: preferencesText.shortcutsEnabled(),
+            description: preferencesText.shortcutsEnabledDescription(),
+            requiresReload: false,
+            visible: true,
+            defaultValue: true,
+            type: 'java.lang.Boolean',
+          }),
+          urlShortcuts: definePref<UrlShortcuts>({
+            title: headerText.userTools(),
+            requiresReload: false,
+            visible: true,
+            defaultValue: {},
+            renderer: UrlShortcutsEditor,
+            container: 'div',
+          }),
+        },
+      },
     },
   },
   interactions: {
@@ -906,6 +941,32 @@ export const userPreferenceDefinitions = {
           }),
         },
       },
+      actions: {
+        title: commonText.actions(),
+        items: {
+          openFormMeta: defineKeyboardShortcut(
+            preferencesText.openFormMeta(),
+            'KeyM'
+          ),
+          save: defineKeyboardShortcut(commonText.save(), 'Alt+Ctrl+KeyS'),
+          carryForward: defineKeyboardShortcut(
+            formsText.carryForward(),
+            'Alt+Ctrl+Shift+KeyC'
+          ),
+          clone: defineKeyboardShortcut(formsText.clone(), 'Ctrl+Shift+KeyL'),
+        },
+      },
+      dialogs: {
+        title: preferencesText.dialogs(),
+        items: {
+          close: defineKeyboardShortcut(commonText.close(), 'Escape'),
+          save: defineKeyboardShortcut(commonText.save(), 'Alt+Ctrl+KeyS'),
+          openRelatedRecordInNewTab: defineKeyboardShortcut(
+            preferencesText.openRelatedRecordInNewTab(),
+            'KeyO'
+          ),
+        },
+      },
       definition: {
         title: resourcesText.formDefinition(),
         items: {
@@ -1236,6 +1297,26 @@ export const userPreferenceDefinitions = {
               },
             ],
           }),
+          goToFirstRecord: defineKeyboardShortcut(
+            formsText.goToFirstRecord(),
+            'Ctrl+Shift+ArrowUp'
+          ),
+          goToPreviousRecord: defineKeyboardShortcut(
+            formsText.goToPreviousRecord(),
+            'Ctrl+Shift+ArrowLeft'
+          ),
+          goToNextRecord: defineKeyboardShortcut(
+            formsText.goToNextRecord(),
+            'Ctrl+Shift+ArrowRight'
+          ),
+          goToLastRecord: defineKeyboardShortcut(
+            formsText.goToLastRecord(),
+            'Ctrl+Shift+ArrowDown'
+          ),
+          addResource: defineKeyboardShortcut(
+            resourcesText.addResource(),
+            'KeyA'
+          ),
         },
       },
       formTable: {
@@ -1555,6 +1636,19 @@ export const userPreferenceDefinitions = {
           }),
         },
       },
+      actions: {
+        title: commonText.actions(),
+        items: {
+          search: defineKeyboardShortcut(commonText.search(), 'KeyS'),
+          query: defineKeyboardShortcut(queryText.query(), 'KeyQ'),
+          edit: defineKeyboardShortcut(commonText.edit(), 'KeyE'),
+          add: defineKeyboardShortcut(treeText.addChild(), 'KeyA'),
+          move: defineKeyboardShortcut(treeText.moveNode(), 'KeyM'),
+          bulkMove: defineKeyboardShortcut(treeText.moveItems(), 'KeyB'),
+          merge: defineKeyboardShortcut(treeText.mergeNode(), 'KeyC'),
+          synonymize: defineKeyboardShortcut(treeText.synonymizeNode(), 'KeyY'),
+        },
+      },
       geography: {
         /*
          * This would be replaced with labels from schema once
@@ -1919,6 +2013,18 @@ export const userPreferenceDefinitions = {
           }),
         },
       },
+      actions: {
+        title: commonText.actions(),
+        items: {
+          query: defineKeyboardShortcut(queryText.query(), 'KeyR'),
+          count: defineKeyboardShortcut(queryText.countOnly(), 'KeyC'),
+          distinct: defineKeyboardShortcut(queryText.distinct(), 'KeyD'),
+          browseInForms: defineKeyboardShortcut(
+            queryText.browseInForms(),
+            'KeyF'
+          ),
+        },
+      },
       appearance: {
         title: preferencesText.appearance(),
         items: {
diff --git a/specifyweb/frontend/js_src/lib/components/Preferences/__tests__/sectionScroll.test.tsx b/specifyweb/frontend/js_src/lib/components/Preferences/__tests__/sectionScroll.test.tsx
new file mode 100644
index 00000000000..e8cd3eb72b7
--- /dev/null
+++ b/specifyweb/frontend/js_src/lib/components/Preferences/__tests__/sectionScroll.test.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+
+import { commonText } from '../../../localization/common';
+import { requireContext } from '../../../tests/helpers';
+import { mount } from '../../../tests/reactUtils';
+import { scrollIntoView } from '../../TreeView/helpers';
+import { PreferencesContent } from '../index';
+import { useTopChild } from '../useTopChild';
+
+jest.mock('../../TreeView/helpers', () => ({
+  ...jest.requireActual('../../TreeView/helpers'),
+  scrollIntoView: jest.fn(),
+}));
+requireContext();
+
+const definitions = [
+  [
+    'general',
+    {
+      title: commonText.save(),
+      subCategories: [],
+    },
+  ],
+] as const;
+
+function PreferencesHarness(): JSX.Element {
+  const { forwardRefs, setVisibleChild } = useTopChild();
+  React.useEffect(() => setVisibleChild(0), [setVisibleChild]);
+  return (
+    <PreferencesContent definitions={definitions} forwardRefs={forwardRefs} />
+  );
+}
+
+test('a preference-page rerender does not scroll back to the active section', () => {
+  const { rerender } = mount(<PreferencesHarness />);
+  jest.mocked(scrollIntoView).mockClear();
+  rerender(<PreferencesHarness />);
+  expect(scrollIntoView).not.toHaveBeenCalled();
+});
diff --git a/specifyweb/frontend/js_src/lib/components/Preferences/index.tsx b/specifyweb/frontend/js_src/lib/components/Preferences/index.tsx
index 34bcb0dbc3b..e108238cfb4 100644
--- a/specifyweb/frontend/js_src/lib/components/Preferences/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Preferences/index.tsx
@@ -9,12 +9,14 @@ import type { LocalizedString } from 'typesafe-i18n';
 import { usePromise } from '../../hooks/useAsyncState';
 import { useBooleanState } from '../../hooks/useBooleanState';
 import { commonText } from '../../localization/common';
+import { formsText } from '../../localization/forms';
 import { headerText } from '../../localization/header';
 import { preferencesText } from '../../localization/preferences';
+import { queryText } from '../../localization/query';
 import { resourcesText } from '../../localization/resources';
 import { StringToJsx } from '../../localization/utils';
 import { f } from '../../utils/functools';
-import type { IR } from '../../utils/types';
+import type { IR, RA } from '../../utils/types';
 import { Container, H2, Key } from '../Atoms';
 import { Button } from '../Atoms/Button';
 import { className } from '../Atoms/className';
@@ -23,6 +25,7 @@ import { Link } from '../Atoms/Link';
 import { Submit } from '../Atoms/Submit';
 import { LoadingContext, ReadOnlyContext } from '../Core/Contexts';
 import { ErrorBoundary } from '../Errors/ErrorBoundary';
+import { ShortcutConflictProvider } from '../KeyboardShortcuts/Conflicts';
 import { hasPermission } from '../Permissions/helpers';
 import {
   ProtectedAction,
@@ -60,6 +63,24 @@ type SubcategoryDocumentation = {
   readonly label: LocalizedString | (() => LocalizedString);
 };
 
+type VisiblePreferenceSubcategory = readonly [
+  string,
+  {
+    readonly title: GenericPreferences[string]['subCategories'][string]['title'];
+    readonly description?: GenericPreferences[string]['subCategories'][string]['description'];
+    readonly items: RA<readonly [string, PreferenceItem<any>]>;
+  },
+];
+
+type VisiblePreferenceCategory = readonly [
+  string,
+  {
+    readonly title: GenericPreferences[string]['title'];
+    readonly description?: GenericPreferences[string]['description'];
+    readonly subCategories: RA<VisiblePreferenceSubcategory>;
+  },
+];
+
 const SUBCATEGORY_DOCS_MAP: Record<
   string,
   Record<string, SubcategoryDocumentation>
@@ -103,6 +124,7 @@ function Preferences({
   const navigate = useNavigate();
 
   const basePreferences = preferenceInstances[prefType];
+  const definitions = usePrefDefinitions(prefType);
   const heading =
     prefType === 'collection'
       ? preferencesText.collectionPreferences()
@@ -150,12 +172,16 @@ function Preferences({
         >
           <PreferencesAside
             activeCategory={visibleChild}
+            definitions={definitions}
             prefType={prefType}
             references={references}
             setActiveCategory={setVisibleChild}
           />
-          <PreferencesContent forwardRefs={forwardRefs} prefType={prefType} />
-          <span className="flex-1" />
+          <PreferencesContent
+            definitions={definitions}
+            forwardRefs={forwardRefs}
+            prefType={prefType}
+          />
         </div>
         <div className="flex justify-end">
           {changesMade ? (
@@ -185,52 +211,200 @@ export function usePrefDefinitions(prefType: PreferenceType = 'user') {
 
   const definitions = preferenceDefinitions[prefType];
 
-  return React.useMemo(
-    () =>
-      Object.entries(definitions)
-        .map(
-          ([category, { subCategories, ...categoryData }]) =>
-            [
-              category,
-              {
-                ...categoryData,
-                subCategories: Object.entries(subCategories)
-                  .map(
-                    ([subCategory, { items, ...subCategoryData }]) =>
-                      [
-                        subCategory,
-                        {
-                          ...subCategoryData,
-                          items: Object.entries(items).filter(
-                            ([_name, { visible }]) =>
-                              typeof visible === 'function'
-                                ? visible(preferencesVisibilityContext)
-                                : visible !== false
-                          ),
-                        },
-                      ] as const
-                  )
-                  .filter(([_name, { items }]) => items.length > 0),
-              },
-            ] as const
-        )
-        .filter(([_name, { subCategories }]) => subCategories.length > 0),
-    [definitions, preferencesVisibilityContext]
-  );
+  return React.useMemo<RA<VisiblePreferenceCategory>>(() => {
+    const visibleDefinitions: RA<VisiblePreferenceCategory> = Object.entries(
+      definitions
+    )
+      .map(([category, { subCategories, ...categoryData }]) => {
+        const visibleSubCategories = Object.entries(subCategories)
+          .map(([subCategory, { items, ...subCategoryData }]) => {
+            const visibleItems = Object.entries(items).filter(
+              ([_name, item]) =>
+                typeof item.visible === 'function'
+                  ? item.visible(preferencesVisibilityContext)
+                  : item.visible !== false
+            );
+            return [
+              subCategory,
+              { ...subCategoryData, items: visibleItems },
+            ] as const;
+          })
+          .filter(([_name, { items }]) => items.length > 0);
+        return [
+          category,
+          { ...categoryData, subCategories: visibleSubCategories },
+        ] as const;
+      })
+      .filter(
+        ([_name, { subCategories }]) => subCategories.length > 0
+      ) as unknown as RA<VisiblePreferenceCategory>;
+
+    if (prefType !== 'user') return visibleDefinitions;
+
+    const shortcutSubCategories = visibleDefinitions.flatMap(
+      ([category, { subCategories }]) =>
+        subCategories.flatMap(([subCategory, subCategoryData]) => {
+          const shortcutItems = subCategoryData.items.filter(
+            ([_name, item]) =>
+              'renderer' in item &&
+              item.renderer.name === 'KeyboardShortcutPreferenceItem'
+          );
+          return shortcutItems.length === 0
+            ? []
+            : [
+                [
+                  `${category}.${subCategory}`,
+                  {
+                    ...subCategoryData,
+                    ...(category === 'form' && subCategory === 'actions'
+                      ? {
+                          title: `${formsText.forms()} ${commonText.actions()}`,
+                          description: preferencesText.formActionsDescription(),
+                        }
+                      : category === 'form' && subCategory === 'dialogs'
+                        ? {
+                            title: `${preferencesText.dialogs()} ${commonText.actions()}`,
+                            description:
+                              preferencesText.dialogActionsDescription(),
+                          }
+                        : category === 'treeEditor' && subCategory === 'actions'
+                          ? {
+                              title: `${preferencesText.treeEditor()} ${commonText.actions()}`,
+                              description:
+                                preferencesText.treeActionsDescription(),
+                            }
+                          : category === 'queryBuilder' &&
+                              subCategory === 'actions'
+                            ? {
+                                title: `${queryText.queryBuilder()} ${commonText.actions()}`,
+                                description:
+                                  preferencesText.queryBuilderActionsDescription(),
+                              }
+                            : {}),
+                    items: shortcutItems,
+                  },
+                ] as const,
+              ];
+        })
+    );
+
+    const urlShortcutSubCategories = visibleDefinitions.flatMap(
+      ([category, { subCategories }]) =>
+        subCategories.flatMap(([subCategory, subCategoryData]) => {
+          const urlShortcutItems = subCategoryData.items.filter(
+            ([_name, item]) =>
+              'renderer' in item && item.renderer.name === 'UrlShortcutsEditor'
+          );
+          return urlShortcutItems.length === 0
+            ? []
+            : [
+                [
+                  `${category}.${subCategory}`,
+                  {
+                    ...subCategoryData,
+                    title: preferencesText.navigationAndTools(),
+                    items: urlShortcutItems,
+                  },
+                ] as const,
+              ];
+        })
+    );
+
+    const shortcutToggleSubCategory = visibleDefinitions.flatMap(
+      ([category, { subCategories }]) =>
+        subCategories.flatMap(([subCategory, subCategoryData]) => {
+          const shortcutToggle = subCategoryData.items.find(
+            ([name]) =>
+              category === 'header' &&
+              subCategory === 'actions' &&
+              name === 'shortcutsEnabled'
+          );
+          return shortcutToggle === undefined
+            ? []
+            : [
+                [
+                  `${category}.${subCategory}.shortcutsEnabled`,
+                  {
+                    title: preferencesText.keyboardShortcuts(),
+                    items: [shortcutToggle],
+                  },
+                ] as const,
+              ];
+        })
+    );
+
+    const regularDefinitions = visibleDefinitions.map(
+      ([category, categoryData]) =>
+        [
+          category,
+          {
+            ...categoryData,
+            subCategories: categoryData.subCategories
+              .map(
+                ([subCategory, subCategoryData]) =>
+                  [
+                    subCategory,
+                    {
+                      ...subCategoryData,
+                      items: subCategoryData.items.filter(([_name, item]) => {
+                        const isShortcutToggle =
+                          category === 'header' &&
+                          subCategory === 'actions' &&
+                          _name === 'shortcutsEnabled';
+                        return (
+                          !isShortcutToggle &&
+                          (!('renderer' in item) ||
+                            (item.renderer.name !==
+                              'KeyboardShortcutPreferenceItem' &&
+                              item.renderer.name !== 'UrlShortcutsEditor'))
+                        );
+                      }),
+                    },
+                  ] as const
+              )
+              .filter(([_subCategory, { items }]) => items.length > 0),
+          },
+        ] as const
+    );
+
+    return [
+      ...regularDefinitions,
+      [
+        'keyboardShortcuts',
+        {
+          title: preferencesText.keyboardShortcuts(),
+          subCategories: [
+            ...shortcutToggleSubCategory,
+            ...shortcutSubCategories,
+            ...urlShortcutSubCategories,
+          ],
+        },
+      ] as const,
+    ].filter(
+      ([_name, { subCategories }]) => subCategories.length > 0
+    ) as unknown as RA<VisiblePreferenceCategory>;
+  }, [definitions, preferencesVisibilityContext, prefType]);
 }
 
 export function PreferencesContent({
   forwardRefs,
   prefType = 'user',
+  definitions: passedDefinitions,
 }: {
   readonly forwardRefs?: (index: number, element: HTMLElement | null) => void;
   readonly prefType?: PreferenceType;
+  readonly definitions?: ReturnType<typeof usePrefDefinitions>;
 }): JSX.Element {
   const isReadOnly = React.useContext(ReadOnlyContext);
 
-  const definitions = usePrefDefinitions(prefType);
+  const hookDefinitions = usePrefDefinitions(prefType);
+  const definitions = passedDefinitions ?? hookDefinitions;
 
   const basePreferences = preferenceInstances[prefType];
+  const sectionRefs = React.useMemo(
+    () => definitions.map((_, index) => forwardRefs?.bind(undefined, index)),
+    [definitions, forwardRefs]
+  );
 
   const renderSubCategory = React.useCallback(
     (
@@ -246,13 +420,16 @@ export function PreferencesContent({
         readonly items: readonly (readonly [string, PreferenceItem<any>])[];
       }
     ): JSX.Element => {
+      const renderedSubcategoryKey = subcategoryKey;
+      if (categoryKey === 'keyboardShortcuts')
+        [categoryKey, subcategoryKey] = subcategoryKey.split('.');
       const subcategoryDocument =
         SUBCATEGORY_DOCS_MAP[categoryKey]?.[subcategoryKey];
 
       return (
         <section
           className="flex flex-col items-start gap-4 md:items-stretch"
-          key={`${categoryKey}-${subcategoryKey}`}
+          key={`${categoryKey}-${renderedSubcategoryKey}`}
         >
           <div className="flex items-center gap-2">
             <h4 className={`${className.headerGray} text-xl md:text-center`}>
@@ -299,6 +476,8 @@ export function PreferencesContent({
             </p>
           )}
           {items.map(([name, item]) => {
+            const isUrlShortcutEditor =
+              'renderer' in item && item.renderer.name === 'UrlShortcutsEditor';
             const canEdit =
               !isReadOnly &&
               (item.visible !== 'protected' ||
@@ -306,6 +485,7 @@ export function PreferencesContent({
             const props = {
               className: `
                 flex items-start gap-2 md:flex-row flex-col
+                ${isUrlShortcutEditor ? 'w-full' : ''}
                 ${canEdit ? '' : '!cursor-not-allowed'}
               `,
               key: name,
@@ -315,39 +495,41 @@ export function PreferencesContent({
             };
             const children = (
               <>
-                <div className="flex flex-col items-start gap-2 md:flex-1 md:items-stretch">
-                  <p
-                    className={`
+                {!isUrlShortcutEditor && (
+                  <div className="flex flex-col items-start gap-2 md:flex-1 md:items-stretch">
+                    <p
+                      className={`
                     flex min-h-[theme(spacing.8)] flex-1 items-center
                     justify-end md:text-right
                   `}
-                  >
-                    <FormatString
-                      text={
-                        typeof item.title === 'function'
-                          ? item.title()
-                          : item.title
-                      }
-                    />
-                  </p>
-                  {item.description !== undefined && (
-                    <p className="flex flex-1 text-gray-500 md:text-right justify-end">
-                      {item.description !== undefined && (
-                        <FormatString
-                          text={
-                            typeof item.description === 'function'
-                              ? item.description()
-                              : item.description
-                          }
-                        />
-                      )}
+                    >
+                      <FormatString
+                        text={
+                          typeof item.title === 'function'
+                            ? item.title()
+                            : item.title
+                        }
+                      />
                     </p>
-                  )}
-                </div>
+                    {item.description !== undefined && (
+                      <p className="flex flex-1 text-gray-500 md:text-right justify-end">
+                        {item.description !== undefined && (
+                          <FormatString
+                            text={
+                              typeof item.description === 'function'
+                                ? item.description()
+                                : item.description
+                            }
+                          />
+                        )}
+                      </p>
+                    )}
+                  </div>
+                )}
                 <div
                   className={`
                   flex min-h-[theme(spacing.8)] flex-1 flex-col justify-center
-                  gap-2
+                  gap-2 ${isUrlShortcutEditor ? 'w-full min-w-0' : ''}
                 `}
                 >
                   <ReadOnlyContext.Provider value={!canEdit}>
@@ -391,36 +573,41 @@ export function PreferencesContent({
   );
 
   return (
-    <div className="flex h-fit flex-col gap-6">
-      {definitions.map(
-        (
-          [category, { title, description = undefined, subCategories }],
-          index
-        ) => (
-          <ErrorBoundary dismissible key={category}>
-            <Container.Center
-              className="gap-8 overflow-y-visible"
-              forwardRef={forwardRefs?.bind(undefined, index)}
-              id={category}
-            >
-              <h3 className="text-2xl">
-                {typeof title === 'function' ? title() : title}
-              </h3>
-              {description !== undefined && (
-                <p>
-                  {typeof description === 'function'
-                    ? description()
-                    : description}
-                </p>
-              )}
-              {subCategories.map(([subcategory, data]) =>
-                renderSubCategory(category, subcategory, data)
-              )}
-            </Container.Center>
-          </ErrorBoundary>
-        )
-      )}
-    </div>
+    <ShortcutConflictProvider
+      preferences={basePreferences}
+      definitions={preferenceDefinitions[prefType]}
+    >
+      <div className="flex h-fit min-w-0 flex-1 flex-col gap-6">
+        {definitions.map(
+          (
+            [category, { title, description = undefined, subCategories }],
+            index
+          ) => (
+            <ErrorBoundary dismissible key={category}>
+              <Container.Center
+                className="gap-8 overflow-y-visible"
+                forwardRef={sectionRefs[index]}
+                id={category}
+              >
+                <h3 className="text-2xl">
+                  {typeof title === 'function' ? title() : title}
+                </h3>
+                {description !== undefined && (
+                  <p>
+                    {typeof description === 'function'
+                      ? description()
+                      : description}
+                  </p>
+                )}
+                {subCategories.map(([subcategory, data]) =>
+                  renderSubCategory(category, subcategory, data)
+                )}
+              </Container.Center>
+            </ErrorBoundary>
+          )
+        )}
+      </div>
+    </ShortcutConflictProvider>
   );
 }
 
@@ -543,6 +730,10 @@ export const PreferencesWrapper = createPreferencesWrapper(
   Preferences,
   preferencesPromise
 );
+export const UserPreferencesWrapper = createPreferencesWrapper(
+  Preferences,
+  preferencesPromise
+);
 export const CollectionPreferencesWrapper = createPreferencesWrapper(
   CollectionPreferences,
   preferencesPromise
diff --git a/specifyweb/frontend/js_src/lib/components/QueryBuilder/ToForms.tsx b/specifyweb/frontend/js_src/lib/components/QueryBuilder/ToForms.tsx
index f5dccbeca63..5fbe397619a 100644
--- a/specifyweb/frontend/js_src/lib/components/QueryBuilder/ToForms.tsx
+++ b/specifyweb/frontend/js_src/lib/components/QueryBuilder/ToForms.tsx
@@ -9,6 +9,7 @@ import type { RA } from '../../utils/types';
 import { Button } from '../Atoms/Button';
 import type { SpecifyTable } from '../DataModel/specifyTable';
 import { RecordSelectorFromIds } from '../FormSliders/RecordSelectorFromIds';
+import { userPreferences } from '../Preferences/userPreferences';
 import type { QueryResultRow } from './Results';
 import { queryIdField } from './Results';
 
@@ -35,12 +36,17 @@ export function QueryToForms({
       ? (results[index]![queryIdField] as number)
       : Array.from(selectedRows)[index];
 
+  const handleStart = (totalCount ?? 0) > 0 ? handleOpen : undefined;
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'queryBuilder',
+    'actions',
+    'browseInForms',
+    handleStart
+  );
+
   return (
     <>
-      <Button.Small
-        disabled={totalCount === undefined || totalCount === 0}
-        onClick={handleOpen}
-      >
+      <Button.Small title={keyboardShortcut} onClick={handleStart}>
         {queryText.browseInForms()}
       </Button.Small>
       {isOpen && typeof totalCount === 'number' ? (
diff --git a/specifyweb/frontend/js_src/lib/components/QueryBuilder/Toolbar.tsx b/specifyweb/frontend/js_src/lib/components/QueryBuilder/Toolbar.tsx
index e4fe1e0cd7d..7a7230eee88 100644
--- a/specifyweb/frontend/js_src/lib/components/QueryBuilder/Toolbar.tsx
+++ b/specifyweb/frontend/js_src/lib/components/QueryBuilder/Toolbar.tsx
@@ -8,6 +8,7 @@ import { Submit } from '../Atoms/Submit';
 import type { Tables } from '../DataModel/types';
 import { isTreeTable } from '../InitialContext/treeRanks';
 import { hasPermission } from '../Permissions/helpers';
+import { userPreferences } from '../Preferences/userPreferences';
 
 export function QueryToolbar({
   showHiddenFields,
@@ -21,7 +22,8 @@ export function QueryToolbar({
   onToggleDistinct: handleToggleDistinct,
   onToggleSeries: handleToggleSeries,
   onToggleSearchSynonymy: handleToggleSearchSynonymy,
-  onRunCountOnly: handleRunCountOnly,
+  onScheduleCountOnlyRun: handleScheduleCountOnlyRun,
+  onScheduleRun: handleScheduleRun,
   onSubmitClick: handleSubmitClick,
 }: {
   readonly showHiddenFields: boolean;
@@ -35,9 +37,31 @@ export function QueryToolbar({
   readonly onToggleDistinct: () => void;
   readonly onToggleSeries: () => void;
   readonly onToggleSearchSynonymy: () => void;
-  readonly onRunCountOnly: () => void;
+  readonly onScheduleCountOnlyRun: () => void;
+  readonly onScheduleRun: () => void;
   readonly onSubmitClick: () => void;
 }): JSX.Element {
+  const canRun = hasPermission('/querybuilder/query', 'execute');
+  const canRunDistinct = canRun && !isTreeTable(tableName);
+  const runDistinctKeyboardShortcut = userPreferences.useKeyboardShortcut(
+    'queryBuilder',
+    'actions',
+    'distinct',
+    canRunDistinct && !isSeries ? handleToggleDistinct : undefined
+  );
+  const runCountOnlyKeyboardShortcut = userPreferences.useKeyboardShortcut(
+    'queryBuilder',
+    'actions',
+    'count',
+    canRun ? handleScheduleCountOnlyRun : undefined
+  );
+  const runQueryKeyboardShortcut = userPreferences.useKeyboardShortcut(
+    'queryBuilder',
+    'actions',
+    'query',
+    canRun ? handleScheduleRun : undefined
+  );
+
   return (
     <div className="flex flex-wrap gap-2" role="toolbar">
       <Label.Inline>
@@ -48,7 +72,7 @@ export function QueryToolbar({
         {wbPlanText.revealHiddenFormFields()}
       </Label.Inline>
       <span className="-ml-2 flex-1" />
-      {hasPermission('/querybuilder/query', 'execute') && (
+      {canRun && (
         <>
           {showSeries && (
             <Label.Inline>
@@ -64,8 +88,8 @@ export function QueryToolbar({
            * Query Distinct for trees is disabled because of
            * https://github.com/specify/specify7/pull/1019#issuecomment-973525594
            */}
-          {!isTreeTable(tableName) && (
-            <Label.Inline>
+          {canRunDistinct && (
+            <Label.Inline title={runDistinctKeyboardShortcut}>
               <Input.Checkbox
                 checked={isDistinct}
                 isReadOnly={isSeries}
@@ -83,10 +107,14 @@ export function QueryToolbar({
               {queryText.searchSynonyms()}
             </Label.Inline>
           ) : undefined}
-          <Button.Small onClick={handleRunCountOnly}>
+          <Button.Small
+            title={runCountOnlyKeyboardShortcut}
+            onClick={handleScheduleCountOnlyRun}
+          >
             {queryText.countOnly()}
           </Button.Small>
           <Submit.Small
+            title={runQueryKeyboardShortcut}
             onClick={
               isEmbedded
                 ? (event): void => {
@@ -97,7 +125,7 @@ export function QueryToolbar({
                     event.stopPropagation();
                     handleSubmitClick();
                   }
-                : undefined
+                : handleSubmitClick
             }
           >
             {queryText.query()}
diff --git a/specifyweb/frontend/js_src/lib/components/QueryBuilder/Wrapped.tsx b/specifyweb/frontend/js_src/lib/components/QueryBuilder/Wrapped.tsx
index ef5f36c62de..f4344d3cdb6 100644
--- a/specifyweb/frontend/js_src/lib/components/QueryBuilder/Wrapped.tsx
+++ b/specifyweb/frontend/js_src/lib/components/QueryBuilder/Wrapped.tsx
@@ -216,11 +216,41 @@ function Wrapped({
    */
   const getQueryFieldRecords = saveRequired ? serializeQueryFields : undefined;
 
-  const { isCountOnly, runQuery, scheduleQueryRun } = useQueryExecution({
+  const { isCountOnly, runQuery } = useQueryExecution({
     query,
     onRun: (): void => dispatch({ type: 'RunQueryAction' }),
   });
 
+  function scheduleRun(type: 'count' | 'regular'): void {
+    /*
+     * If a filter for a query field was changed, and the <input> is
+     * still focused, the new value is not yet in global state.
+     * The value would be in global state after onBlur on <input>.
+     * If user hits "Enter", the form submission event is fired before
+     * onBlur (at least in Chrome and Firefox), and the query is run
+     * with the stale query field filter. This does not happen if query
+     * is run by pressing the "Query" button as that triggers onBlur
+     *
+     * The workaround is to check if input field is focused before
+     * submitting the query, and if it is, trigger blur, wait for
+     * global state to get updated and only then re run the query.
+     *
+     * See more: https://github.com/specify/specify7/issues/1647
+     */
+    const focusedInput =
+      document.activeElement?.tagName === 'INPUT'
+        ? (document.activeElement as HTMLInputElement)
+        : undefined;
+    if (typeof focusedInput === 'object' && focusedInput.type !== 'submit') {
+      // Trigger onBlur handler that parses the filter field value
+      focusedInput.blur();
+      // Return focus back to the field
+      focusedInput.focus();
+      // ReRun the query after React propagates the change
+      setPendingRun(type);
+    } else runQuery(type);
+  }
+
   /*
    * Require only one of these permissions as query builder could be useful with
    * just one of these
@@ -252,6 +282,17 @@ function Wrapped({
 
   useTitle(localized(query.name));
 
+  const [pendingRun, setPendingRun] = React.useState<
+    'count' | 'regular' | undefined
+  >(undefined);
+  React.useEffect(() => {
+    if (pendingRun === undefined) return;
+    runQuery(pendingRun);
+    setPendingRun(undefined);
+    // Only reRun when pendingRun, not when runQuery changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [pendingRun]);
+
   const [isScrolledTop, handleScrollTop, handleScrolledDown] =
     useBooleanState(true);
 
@@ -366,10 +407,10 @@ function Wrapped({
           <CheckReadAccess query={query} />
           <Form
             className={`
-          -mx-4 grid h-full gap-4 overflow-y-auto px-4
-          ${stickyScrolling ? 'snap-y snap-proximity' : ''}
-          ${resultsShown ? 'sm:grid-rows-[100%_100%]' : 'grid-rows-[100%]'}
-        `}
+              -mx-4 grid h-full gap-4 overflow-y-auto px-4
+              ${stickyScrolling ? 'snap-y snap-proximity' : ''}
+              ${resultsShown ? 'sm:grid-rows-[100%_100%]' : 'grid-rows-[100%]'}
+            `}
             forwardRef={setForm}
             onScroll={(): void =>
               /*
@@ -380,38 +421,7 @@ function Wrapped({
                 ? handleScrollTop()
                 : handleScrolledDown()
             }
-            onSubmit={(): void => {
-              /*
-               * If a filter for a query field was changed, and the <input> is
-               * still focused, the new value is not yet in global state.
-               * The value would be in global state after onBlur on <input>.
-               * If user hits "Enter", the form submission event is fired before
-               * onBlur (at least in Chrome and Firefox), and the query is run
-               * with the stale query field filter. This does not happen if query
-               * is run by pressing the "Query" button as that triggers onBlur
-               *
-               * The workaround is to check if input field is focused before
-               * submitting the query, and if it is, trigger blur, wait for
-               * global state to get updated and only then re run the query.
-               *
-               * See more: https://github.com/specify/specify7/issues/1647
-               */
-              const focusedInput =
-                document.activeElement?.tagName === 'INPUT'
-                  ? (document.activeElement as HTMLInputElement)
-                  : undefined;
-              if (
-                typeof focusedInput === 'object' &&
-                focusedInput.type !== 'submit'
-              ) {
-                // Trigger onBlur handler that parses the filter field value
-                focusedInput.blur();
-                // Return focus back to the field
-                focusedInput.focus();
-                // ReRun the query after React propagates the change
-                scheduleQueryRun();
-              } else runQuery('regular');
-            }}
+            onSubmit={(): void => scheduleRun('regular')}
           >
             <div className="flex snap-start flex-col gap-4 overflow-y-auto">
               {showMappingView && (
@@ -588,8 +598,19 @@ function Wrapped({
                 showHiddenFields={showHiddenFields}
                 showSeries={showSeries}
                 tableName={table.name}
-                onRunCountOnly={(): void => runQuery('count')}
-                onSubmitClick={(): void => runQuery('regular')}
+                onScheduleCountOnlyRun={(): void => scheduleRun('count')}
+                onScheduleRun={(): void => scheduleRun('regular')}
+                onSubmitClick={(): void =>
+                  /*
+                   * If form has no validation issues, the <Form onSubmit> will
+                   * take care of running the query. If form has issues, we
+                   * still want to execute the query (Form onSubmit is not fired
+                   * in that case so we have to do it manually)
+                   */
+                  isEmbedded || form?.checkValidity() === false
+                    ? scheduleRun('regular')
+                    : undefined
+                }
                 onToggleDistinct={(): void => {
                   setQuery({
                     ...query,
diff --git a/specifyweb/frontend/js_src/lib/components/QueryBuilder/__tests__/RecordMergingAvailability.test.tsx b/specifyweb/frontend/js_src/lib/components/QueryBuilder/__tests__/RecordMergingAvailability.test.tsx
index 55d11d8569d..d90a7a3a864 100644
--- a/specifyweb/frontend/js_src/lib/components/QueryBuilder/__tests__/RecordMergingAvailability.test.tsx
+++ b/specifyweb/frontend/js_src/lib/components/QueryBuilder/__tests__/RecordMergingAvailability.test.tsx
@@ -107,6 +107,7 @@ test('hides merging in Data Views without changing Query Builder availability',
 test('hides the preview form merge action when merging is disabled', async () => {
   const formMeta = (
     <FormMeta
+      enableKeyboardShortcut={false}
       resource={new tables.Agent.Resource({ id: 1 })}
       viewDescription={undefined}
     />
diff --git a/specifyweb/frontend/js_src/lib/components/QueryComboBox/index.tsx b/specifyweb/frontend/js_src/lib/components/QueryComboBox/index.tsx
index b626a1c8fb1..b4c95af1e1f 100644
--- a/specifyweb/frontend/js_src/lib/components/QueryComboBox/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/QueryComboBox/index.tsx
@@ -583,6 +583,7 @@ export function QueryComboBox({
               {canAdd && hasNewButton ? (
                 <DataEntry.Add
                   aria-pressed={state.type === 'AddResourceState'}
+                  enableShortcut={false}
                   onClick={(): void =>
                     state.type === 'AddResourceState'
                       ? setState({ type: 'MainState' })
diff --git a/specifyweb/frontend/js_src/lib/components/Router/OverlayRoutes.tsx b/specifyweb/frontend/js_src/lib/components/Router/OverlayRoutes.tsx
index 576610f511d..cc11f24a26e 100644
--- a/specifyweb/frontend/js_src/lib/components/Router/OverlayRoutes.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Router/OverlayRoutes.tsx
@@ -121,7 +121,6 @@ export const overlayRoutes: RA<EnhancedRoute> = [
       },
       {
         path: 'queries',
-        title: queryText.queries(),
         element: () =>
           import('../Toolbar/Query').then(
             ({ QueriesOverlay }) => QueriesOverlay
@@ -129,6 +128,7 @@ export const overlayRoutes: RA<EnhancedRoute> = [
         children: [
           {
             index: true,
+            title: queryText.queries(),
             element: () =>
               import('../Toolbar/Query').then(
                 ({ QueryListOutlet }) => QueryListOutlet
diff --git a/specifyweb/frontend/js_src/lib/components/Router/RouterUtils.tsx b/specifyweb/frontend/js_src/lib/components/Router/RouterUtils.tsx
index 79c9a96c848..0ef3f085288 100644
--- a/specifyweb/frontend/js_src/lib/components/Router/RouterUtils.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Router/RouterUtils.tsx
@@ -57,7 +57,7 @@ let index = 0;
 /** Convert EnhancedRoutes to RouteObjects */
 export const toReactRoutes = (
   enhancedRoutes: RA<EnhancedRoute>,
-  title?: LocalizedString,
+  parentTitle?: LocalizedString,
   dismissible: boolean = true
 ): WritableArray<RouteObject> =>
   enhancedRoutes.map<IndexRouteObject | NonIndexRouteObject>((data) => {
@@ -79,9 +79,15 @@ export const toReactRoutes = (
         )
       );
 
+    const resolvedTitle =
+      data.title === undefined
+        ? data.index === true
+          ? parentTitle
+          : undefined
+        : data.title;
     const titleComponent =
-      typeof title === 'string' ? (
-        <AppTitle source={undefined} title={title} />
+      typeof resolvedTitle === 'string' ? (
+        <AppTitle source={undefined} title={resolvedTitle} />
       ) : undefined;
 
     const resolvedElement =
@@ -91,7 +97,7 @@ export const toReactRoutes = (
           {ReactLazy(rawElement)({})}
         </>
       ) : rawElement === undefined ? (
-        enhancedRoute.index ? (
+        enhancedRoute.index === true ? (
           <></>
         ) : undefined
       ) : (
@@ -108,7 +114,7 @@ export const toReactRoutes = (
       ...enhancedRoute,
       index: enhancedRoute.index as unknown as false,
       children: Array.isArray(children)
-        ? toReactRoutes(children, title)
+        ? toReactRoutes(children, resolvedTitle)
         : undefined,
       element:
         process.env.NODE_ENV === 'test' ||
diff --git a/specifyweb/frontend/js_src/lib/components/Router/Routes.tsx b/specifyweb/frontend/js_src/lib/components/Router/Routes.tsx
index f1d3ef43333..fd7bf643045 100644
--- a/specifyweb/frontend/js_src/lib/components/Router/Routes.tsx
+++ b/specifyweb/frontend/js_src/lib/components/Router/Routes.tsx
@@ -6,6 +6,7 @@ import { headerText } from '../../localization/header';
 import { preferencesText } from '../../localization/preferences';
 import { resourcesText } from '../../localization/resources';
 import { schemaText } from '../../localization/schema';
+import { specifyNetworkText } from '../../localization/specifyNetwork';
 import { statsText } from '../../localization/stats';
 import { userText } from '../../localization/user';
 import { welcomeText } from '../../localization/welcome';
@@ -14,11 +15,11 @@ import type { RA } from '../../utils/types';
 import { Redirect } from './Redirect';
 import type { EnhancedRoute } from './RouterUtils';
 
-// FEATURE: go over non-dynamic routes in all routers to make sure they have titles
 /* eslint-disable @typescript-eslint/promise-function-async */
 export const routes: RA<EnhancedRoute> = [
   {
     path: 'specify-network-collection',
+    title: specifyNetworkText.specifyNetwork(),
     element: () =>
       import('../SpecifyNetworkCollection').then(
         ({ SpecifyNetworkCollection }) => SpecifyNetworkCollection
@@ -89,6 +90,7 @@ export const routes: RA<EnhancedRoute> = [
             children: [
               {
                 path: 'create',
+                title: userText.createRole(),
                 element: () =>
                   import('../Security/CreateLibraryRole').then(
                     ({ CreateLibraryRole }) => CreateLibraryRole
@@ -245,11 +247,11 @@ export const routes: RA<EnhancedRoute> = [
     path: 'import',
     children: [
       {
+        title: headerText.localityUpdateTool(),
         path: 'locality-dataset',
         element: () =>
           import('../LocalityUpdate').then(
-            ({ LocalityUpdateFromDataSet: ImportLocalitySet }) =>
-              ImportLocalitySet
+            ({ LocalityUpdateFromDataSet }) => LocalityUpdateFromDataSet
           ),
       },
     ],
@@ -393,7 +395,7 @@ export const routes: RA<EnhancedRoute> = [
     title: preferencesText.preferences(),
     element: () =>
       import('../Preferences').then(
-        ({ PreferencesWrapper }) => PreferencesWrapper
+        ({ UserPreferencesWrapper }) => UserPreferencesWrapper
       ),
   },
   {
@@ -414,7 +416,6 @@ export const routes: RA<EnhancedRoute> = [
   },
   {
     path: 'schema-config',
-    title: schemaText.schemaConfig(),
     element: () =>
       import('../Toolbar/SchemaConfig').then(
         ({ SchemaConfig }) => SchemaConfig
@@ -422,6 +423,7 @@ export const routes: RA<EnhancedRoute> = [
     children: [
       {
         index: true,
+        title: schemaText.schemaConfig(),
         element: () =>
           import('../SchemaConfig/Languages').then(
             ({ ChooseSchemaLanguage }) => ChooseSchemaLanguage
diff --git a/specifyweb/frontend/js_src/lib/components/TreeView/Actions.tsx b/specifyweb/frontend/js_src/lib/components/TreeView/Actions.tsx
index fd26991a465..8412ef3ede3 100644
--- a/specifyweb/frontend/js_src/lib/components/TreeView/Actions.tsx
+++ b/specifyweb/frontend/js_src/lib/components/TreeView/Actions.tsx
@@ -8,6 +8,7 @@ import { treeText } from '../../localization/tree';
 import { formData } from '../../utils/ajax/helpers';
 import { ping } from '../../utils/ajax/ping';
 import type { GetSet, RA, RR } from '../../utils/types';
+import { localized } from '../../utils/types';
 import { toLowerCase } from '../../utils/utils';
 import { Button } from '../Atoms/Button';
 import { Link } from '../Atoms/Link';
@@ -21,6 +22,7 @@ import { Dialog } from '../Molecules/Dialog';
 import { ResourceLink } from '../Molecules/ResourceLink';
 import { hasPermission, hasTablePermission } from '../Permissions/helpers';
 import { collectionPreferences } from '../Preferences/collectionPreferences';
+import { userPreferences } from '../Preferences/userPreferences';
 import type { Row } from './helpers';
 import { checkMoveViolatesEnforced } from './helpers';
 
@@ -80,11 +82,14 @@ export function TreeViewActions<SCHEMA extends AnyTree>({
 
   const isReadOnly = React.useContext(ReadOnlyContext);
 
-  return currentAction === undefined ||
+  const displayButtons =
+    currentAction === undefined ||
     actionRow === undefined ||
     focusedRow === undefined ||
     currentAction === 'add' ||
-    currentAction === 'edit' ? (
+    currentAction === 'edit';
+
+  return displayButtons ? (
     <menu className="contents">
       {hasPermission('/querybuilder/query', 'execute') && (
         <li className="contents">
@@ -96,14 +101,10 @@ export function TreeViewActions<SCHEMA extends AnyTree>({
                 onClick={undefined}
               />
             ) : (
-              <Link.Icon
-                forwardRef={focusRef}
-                href={`/specify/query/fromtree/${tableName.toLowerCase()}/${
-                  focusedRow.nodeId
-                }/`}
-                icon="search"
-                target="_blank"
-                title={queryText.query()}
+              <QueryButton
+                focusedRow={focusedRow}
+                focusRef={focusRef}
+                tableName={tableName}
               />
             )
           ) : (
@@ -132,7 +133,7 @@ export function TreeViewActions<SCHEMA extends AnyTree>({
             disabled={disableButtons}
             nodeId={focusedRow?.nodeId}
             tableName={tableName}
-            onDeleted={() => {
+            onDeleted={(): void => {
               handleRefresh();
               setFocusPath(focusPath?.slice(0, -1));
             }}
@@ -159,32 +160,35 @@ export function TreeViewActions<SCHEMA extends AnyTree>({
       )}
       {hasPermission(resourceName, 'move') && (
         <li className="contents">
-          <Button.Icon
-            disabled={disableButtons || isRoot || isReadOnly}
-            icon="arrowsMove"
-            title={treeText.move()}
-            onClick={(): void => setAction('move')}
+          <MoveButton
+            onClick={
+              disableButtons || isRoot || isReadOnly
+                ? undefined
+                : (): void => setAction('move')
+            }
           />
         </li>
       )}
       {tableName === 'Storage' &&
       hasPermission(resourceName as '/tree/edit/storage', 'bulk_move') ? (
         <li className="contents">
-          <Button.Icon
-            disabled={disableButtons || isReadOnly}
-            icon="truck"
-            title={treeText.moveItems()}
-            onClick={(): void => setAction('bulkMove')}
+          <BulkMoveButton
+            onClick={
+              disableButtons || isReadOnly
+                ? undefined
+                : (): void => setAction('bulkMove')
+            }
           />
         </li>
       ) : null}
       {hasPermission(resourceName, 'merge') && (
         <li className="contents">
-          <Button.Icon
-            disabled={disableButtons || isRoot || isReadOnly}
-            icon="merge"
-            title={treeText.merge()}
-            onClick={(): void => setAction('merge')}
+          <MergeButton
+            onClick={
+              disableButtons || isRoot || isReadOnly
+                ? undefined
+                : (): void => setAction('merge')
+            }
           />
         </li>
       )}
@@ -193,19 +197,18 @@ export function TreeViewActions<SCHEMA extends AnyTree>({
         isSynonym ? 'desynonymize' : 'synonymize'
       ) && (
         <li className="contents">
-          <Button.Icon
-            disabled={
+          <SynonymizeButton
+            isSynonym={isSynonym}
+            onClick={
               disableButtons ||
               isReadOnly ||
               isRoot ||
               (doExpandSynonymActionsPref
                 ? false
                 : !isSynonym && focusedRow.children > 0)
-            }
-            icon={isSynonym ? 'undoSynonym' : 'synonym'}
-            title={isSynonym ? treeText.undoSynonymy() : treeText.synonymize()}
-            onClick={(): void =>
-              setAction(isSynonym ? 'desynonymize' : 'synonymize')
+                ? undefined
+                : (): void =>
+                    setAction(isSynonym ? 'desynonymize' : 'synonymize')
             }
           />
         </li>
@@ -227,6 +230,123 @@ export function TreeViewActions<SCHEMA extends AnyTree>({
   );
 }
 
+function QueryButton({
+  focusRef,
+  focusedRow,
+  tableName,
+}: {
+  readonly focusRef: React.MutableRefObject<HTMLAnchorElement | null>;
+  readonly focusedRow: Row;
+  readonly tableName: AnyTree['tableName'];
+}): JSX.Element {
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    'query',
+    () => window.open(href, '_blank', 'noopener,noreferrer')
+  );
+
+  const href = `/specify/query/fromtree/${tableName.toLowerCase()}/${
+    focusedRow.nodeId
+  }/`;
+
+  return (
+    <Link.Icon
+      forwardRef={focusRef}
+      href={href}
+      icon="search"
+      target="_blank"
+      title={localized(`${queryText.query()}${keyboardShortcut}`)}
+    />
+  );
+}
+
+function MoveButton({
+  onClick: handleClick,
+}: {
+  readonly onClick: (() => void) | undefined;
+}): JSX.Element {
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    'move',
+    handleClick
+  );
+  return (
+    <Button.Icon
+      icon="arrowsMove"
+      title={localized(`${treeText.move()}${keyboardShortcut}`)}
+      onClick={handleClick}
+    />
+  );
+}
+
+function BulkMoveButton({
+  onClick: handleClick,
+}: {
+  readonly onClick: (() => void) | undefined;
+}): JSX.Element {
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    'bulkMove',
+    handleClick
+  );
+  return (
+    <Button.Icon
+      icon="truck"
+      title={localized(`${treeText.moveItems()}${keyboardShortcut}`)}
+      onClick={handleClick}
+    />
+  );
+}
+
+function MergeButton({
+  onClick: handleClick,
+}: {
+  readonly onClick: (() => void) | undefined;
+}): JSX.Element {
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    'merge',
+    handleClick
+  );
+  return (
+    <Button.Icon
+      icon="merge"
+      title={localized(`${treeText.merge()}${keyboardShortcut}`)}
+      onClick={handleClick}
+    />
+  );
+}
+
+function SynonymizeButton({
+  isSynonym,
+  onClick: handleClick,
+}: {
+  readonly isSynonym: boolean;
+  readonly onClick: (() => void) | undefined;
+}): JSX.Element {
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    'synonymize',
+    handleClick
+  );
+  return (
+    <Button.Icon
+      icon={isSynonym ? 'undoSynonym' : 'synonym'}
+      title={localized(
+        `${
+          isSynonym ? treeText.undoSynonymy() : treeText.synonymize()
+        }${keyboardShortcut}`
+      )}
+      onClick={handleClick}
+    />
+  );
+}
+
 function EditRecordDialog<SCHEMA extends AnyTree>({
   nodeId,
   disabled,
@@ -261,6 +381,14 @@ function EditRecordDialog<SCHEMA extends AnyTree>({
 
   const isViewMode = !hasTablePermission(tableName, 'update');
 
+  const toggleRef = React.useRef<() => void>();
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    addNew ? 'add' : 'edit',
+    disabled ? undefined : (): void => toggleRef.current?.()
+  );
+
   return (
     <>
       {disabled ? (
@@ -276,15 +404,18 @@ function EditRecordDialog<SCHEMA extends AnyTree>({
           props={{
             'aria-disabled': disabled,
             icon: isViewMode ? 'eye' : addNew ? 'plus' : 'pencil',
-            title: label,
+            title: localized(`${label}${keyboardShortcut}`),
           }}
           resource={resource}
           resourceView={{
             dialog: 'nonModal',
-            onAdd: isRoot ? undefined : ([resource]) => setResource(resource),
+            onAdd: isRoot
+              ? undefined
+              : ([resource]): void => setResource(resource),
             onDeleted: handleRefresh,
             onSaved: handleRefresh,
           }}
+          toggleRef={toggleRef}
         />
       )}
     </>
@@ -371,16 +502,25 @@ function ActiveAction<SCHEMA extends AnyTree>({
     if (isSameRecord) disabled = title;
     else if (isSynonym) disabled = treeText.cantSynonymizeSynonym();
   }
+
+  const handleClick =
+    disabled === false ? (): void => setShowPrompt(true) : undefined;
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    type === 'desynonymize' ? 'synonymize' : type,
+    handleClick
+  );
+
   return (
     <menu className="contents">
       <Button.Small
         className="normal-case"
-        disabled={disabled !== false}
         forwardRef={(element): void => {
           focusRef.current = element;
         }}
-        title={title}
-        onClick={(): void => setShowPrompt(true)}
+        title={`${title}${keyboardShortcut}`}
+        onClick={handleClick}
       >
         {typeof disabled === 'string'
           ? disabled
diff --git a/specifyweb/frontend/js_src/lib/components/TreeView/Search.tsx b/specifyweb/frontend/js_src/lib/components/TreeView/Search.tsx
index da13161e8cd..bcb8b0485eb 100644
--- a/specifyweb/frontend/js_src/lib/components/TreeView/Search.tsx
+++ b/specifyweb/frontend/js_src/lib/components/TreeView/Search.tsx
@@ -35,7 +35,7 @@ export function TreeViewSearch<SCHEMA extends AnyTree>({
   readonly treeDefinitionItems: RA<
     SerializedResource<FilterTablesByEndsWith<'TreeDefItem'>>
   >;
-  readonly forwardRef: React.RefObject<HTMLInputElement | null>;
+  readonly forwardRef: React.MutableRefObject<HTMLInputElement | null>;
   readonly biostratFilter?: 'all' | 'bio' | 'chrono';
   readonly onFocusPath: (focusPath: RA<number>) => void;
 }): JSX.Element {
@@ -62,17 +62,28 @@ export function TreeViewSearch<SCHEMA extends AnyTree>({
     searchAlgorithm
   );
 
+  const searchBoxRef = React.useRef<HTMLInputElement | null>(null);
+  const keyboardShortcut = userPreferences.useKeyboardShortcut(
+    'treeEditor',
+    'actions',
+    'search',
+    (): void => searchBoxRef.current?.focus()
+  );
+
   return (
     <div>
       {/* A React component that is also a TypeScript generic */}
       <AutoComplete<SerializedResource<SCHEMA>>
         delay={500}
         filterItems={false}
-        forwardRef={forwardRef}
+        forwardRef={(element): void => {
+          forwardRef.current = element;
+          searchBoxRef.current = element;
+        }}
         inputProps={{
           'aria-label': treeText.searchTreePlaceholder(),
           placeholder: treeText.searchTreePlaceholder(),
-          title: treeText.searchTreePlaceholder(),
+          title: `${treeText.searchTreePlaceholder()}${keyboardShortcut}`,
         }}
         source={async (value) =>
           fetchCollection(
@@ -82,7 +93,6 @@ export function TreeViewSearch<SCHEMA extends AnyTree>({
               definition: treeDefinitionId,
               limit: DEFAULT_FETCH_SEARCH_LIMIT,
               orderBy: 'name',
-              // Tree search already scopes by the selected definition; allow shared trees.
               domainFilter: false,
             },
             {
@@ -94,30 +104,27 @@ export function TreeViewSearch<SCHEMA extends AnyTree>({
                 : {}),
             }
           ).then(({ records }) =>
-            records
-              .filter((node) => {
-                if (
-                  tableName !== 'GeologicTimePeriod' ||
-                  biostratFilter === 'all'
-                )
-                  return true;
-                // isBioStrat is a nullable boolean field
-                const isBioStrat = (node as any).isBioStrat;
-                if (biostratFilter === 'bio') return isBioStrat === true;
-                // show nodes where isBioStrat is false or null
-                return isBioStrat !== true;
-              })
-              .map((node) => {
-                const rankDefinition = treeDefinitionItems.find(
-                  ({ rankId }) => rankId === node.rankId
-                );
-                const rankName = rankDefinition?.title || rankDefinition?.name;
-                return {
-                  label: node.fullName ?? node.name,
-                  subLabel: rankName,
-                  data: node as SerializedResource<SCHEMA>,
-                };
-              })
+            records.filter((node) => {
+              if (
+                tableName !== 'GeologicTimePeriod' ||
+                biostratFilter === 'all'
+              )
+                return true;
+              const isBioStrat = (node as any).isBioStrat;
+              return biostratFilter === 'bio'
+                ? isBioStrat === true
+                : isBioStrat !== true;
+            }).map((node) => {
+              const rankDefinition = treeDefinitionItems.find(
+                ({ rankId }) => rankId === node.rankId
+              );
+              const rankName = rankDefinition?.title || rankDefinition?.name;
+              return {
+                label: node.fullName ?? node.name,
+                subLabel: rankName,
+                data: node as SerializedResource<SCHEMA>,
+              };
+            })
           )
         }
         value={searchValue}
diff --git a/specifyweb/frontend/js_src/lib/components/WbAttachmentViewer/index.tsx b/specifyweb/frontend/js_src/lib/components/WbAttachmentViewer/index.tsx
index dd91a950e18..11a2836239c 100644
--- a/specifyweb/frontend/js_src/lib/components/WbAttachmentViewer/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/WbAttachmentViewer/index.tsx
@@ -135,6 +135,7 @@ export function WbAttachmentViewerView(): JSX.Element {
           <Slider
             value={selectedAttachment}
             count={attachmentIds?.length ?? 1}
+            enableKeyboardShortcuts={false}
             onChange={(newValue: number) => {
               setSelectedAttachment(newValue);
             }}
diff --git a/specifyweb/frontend/js_src/lib/components/WebLinks/index.tsx b/specifyweb/frontend/js_src/lib/components/WebLinks/index.tsx
index 1ace9fbe128..11fe4870f12 100644
--- a/specifyweb/frontend/js_src/lib/components/WebLinks/index.tsx
+++ b/specifyweb/frontend/js_src/lib/components/WebLinks/index.tsx
@@ -75,13 +75,10 @@ export function WebLinkField({
   const url = builtUrl
     ?.map((part) => (typeof part === 'string' ? part : ''))
     .join('');
-  const isExternal = React.useMemo(() => {
-    try {
-      return url !== undefined && isExternalUrl(url);
-    } catch {
-      return true;
-    }
-  }, [url]);
+  const isExternal = React.useMemo(
+    () => url !== undefined && isExternalUrl(url),
+    [url]
+  );
 
   React.useEffect(() => {
     if (
diff --git a/specifyweb/frontend/js_src/lib/components/WorkBench/WbAttachmentsPreview.tsx b/specifyweb/frontend/js_src/lib/components/WorkBench/WbAttachmentsPreview.tsx
index 3d3254e9699..3a43fa39fb6 100644
--- a/specifyweb/frontend/js_src/lib/components/WorkBench/WbAttachmentsPreview.tsx
+++ b/specifyweb/frontend/js_src/lib/components/WorkBench/WbAttachmentsPreview.tsx
@@ -548,6 +548,7 @@ function AttachmentViewerDialog({
         <div className="flex items-center gap-2 md:gap-2 ml-auto">
           <Slider
             count={attachments?.length ?? 1}
+            enableKeyboardShortcuts={false}
             value={selectedAttachment?.spDataSetAttachment?.ordinal ?? 0}
             onChange={(newValue: number) => {
               setSelectedAttachment(attachments[newValue]);
diff --git a/specifyweb/frontend/js_src/lib/localization/forms.ts b/specifyweb/frontend/js_src/lib/localization/forms.ts
index 16a2bb1b1fb..7c6ed95ca5e 100644
--- a/specifyweb/frontend/js_src/lib/localization/forms.ts
+++ b/specifyweb/frontend/js_src/lib/localization/forms.ts
@@ -452,28 +452,6 @@ export const formsText = createDictionary({
     'hr-hr': 'Posljednji zapis',
     nb: 'Siste post',
   },
-  previousRecord: {
-    'en-us': 'Previous Record',
-    'ru-ru': 'Предыдущая запись',
-    'es-es': 'Registro anterior',
-    'fr-fr': 'Enregistrement précédent',
-    'uk-ua': 'Попередній запис',
-    'de-ch': 'Vorheriger Datensatz',
-    'pt-br': 'Registro anterior',
-    'hr-hr': 'Prethodni zapis',
-    nb: 'Forrige post',
-  },
-  nextRecord: {
-    'en-us': 'Next Record',
-    'ru-ru': 'Следующая запись',
-    'es-es': 'Siguiente récord',
-    'fr-fr': 'Enregistrement suivant',
-    'uk-ua': 'Наступний запис',
-    'de-ch': 'Nächster Datensatz',
-    'pt-br': 'Próximo registro',
-    'hr-hr': 'Sljedeći zapis',
-    nb: 'Neste post',
-  },
   currentRecord: {
     'en-us': 'Current object (out of {total:number|formatted})',
     'ru-ru': 'Текущий объект (из {total:number|formatted})',
@@ -1599,6 +1577,42 @@ export const formsText = createDictionary({
     'hr-hr': 'Dodajte COG djecu',
     nb: 'Legg til COG-underelementer',
   },
+  goToFirstRecord: {
+    'en-us': 'Go to first record',
+    'ru-ru': 'Перейти к первой записи',
+    'es-es': 'Ir al primer registro',
+    'fr-fr': 'Aller au premier enregistrement',
+    'uk-ua': 'Перейти до першого запису',
+    'de-ch': 'Zum ersten Eintrag gehen',
+    'pt-br': 'Ir para o primeiro registro',
+  },
+  goToLastRecord: {
+    'en-us': 'Go to last record',
+    'ru-ru': 'Перейти к последней записи',
+    'es-es': 'Ir al último registro',
+    'fr-fr': 'Aller au dernier enregistrement',
+    'uk-ua': 'Перейти до останнього запису',
+    'de-ch': 'Zum letzten Eintrag gehen',
+    'pt-br': 'Ir para o último registro',
+  },
+  goToPreviousRecord: {
+    'en-us': 'Go to previous record',
+    'ru-ru': 'Перейти к предыдущей записи',
+    'es-es': 'Ir al registro anterior',
+    'fr-fr': "Aller à l'enregistrement précédent",
+    'uk-ua': 'Перейти до попереднього запису',
+    'de-ch': 'Zum vorherigen Datensatz gehen',
+    'pt-br': 'Ir para o registro anterior',
+  },
+  goToNextRecord: {
+    'en-us': 'Go to next record',
+    'ru-ru': 'Перейти к следующей записи',
+    'es-es': 'Ir al siguiente registro',
+    'fr-fr': "Aller à l'enregistrement suivant",
+    'uk-ua': 'Перейти до наступного запису',
+    'de-ch': 'Zum nächsten Datensatz gehen',
+    'pt-br': 'Ir para o próximo registro',
+  },
   viewParentResource: {
     'en-us': 'View Parent Resource',
     'de-ch': 'Übergeordnete Ressource anzeigen',
diff --git a/specifyweb/frontend/js_src/lib/localization/preferences.ts b/specifyweb/frontend/js_src/lib/localization/preferences.ts
index ae012bcda94..0c5c1bce4ed 100644
--- a/specifyweb/frontend/js_src/lib/localization/preferences.ts
+++ b/specifyweb/frontend/js_src/lib/localization/preferences.ts
@@ -9,6 +9,10 @@ import { createDictionary } from './utils';
 // Refer to "Guidelines for Programmers" in ./README.md before editing this file
 
 export const preferencesText = createDictionary({
+  shortcutConflict: {
+    'en-us':
+      'Also assigned to the following actions. Only one action may run when they are available together.',
+  },
   preferences: {
     'en-us': 'Preferences',
     'ru-ru': 'Настройки',
@@ -1649,17 +1653,6 @@ export const preferencesText = createDictionary({
     'hr-hr': 'Fleksibilna širina stupca mreže podprikaza',
     nb: 'Fleksibel kolonnebredde for delvisnings-rutenett',
   },
-  closeOnEsc: {
-    'en-us': 'Close on <key>ESC</key> key press',
-    'ru-ru': 'Закрыть при нажатии клавиши <key>ESC</key>',
-    'es-es': 'Cerrar al pulsar la tecla <key>ESC</key>',
-    'fr-fr': 'Fermer quand <key>ESC</key> est sélectionné',
-    'uk-ua': 'Закрити натисканням клавіші <key>ESC</key>',
-    'de-ch': 'Schließen durch Drücken der Taste <key>ESC</key>.',
-    'pt-br': 'Fechar ao pressionar a tecla <key>ESC</key>',
-    'hr-hr': 'Zatvori pritiskom tipke <key>ESC</key>',
-    nb: 'Lukk ved å trykke på <key>ESC</key>-tasten',
-  },
   closeOnOutsideClick: {
     'en-us': 'Close on outside click',
     'ru-ru': 'Закрыть при внешнем щелчке',
@@ -2885,4 +2878,72 @@ export const preferencesText = createDictionary({
       'Samo će zapisi {componentTableName: string} bez {catalogNumberFieldName: string} naslijediti jedan od svog roditelja {collectionObjectTableName: string}.',
     nb: 'Bare {componentTableName: string}-databaseposter uten en {catalogNumberFieldName: string} vil arve en fra den overordnede {collectionObjectTableName: string}.',
   },
+  alt: {
+    comment: 'Alt key on the keyboard',
+    'en-us': 'Alt',
+  },
+  macOption: {
+    comment: 'Option key on the macOS keyboard',
+    'en-us': '⌥',
+  },
+  ctrl: {
+    comment: 'Ctrl key on the keyboard',
+    'en-us': 'Ctrl',
+  },
+  macControl: {
+    comment: 'Control key on the macOS keyboard',
+    'en-us': '⌃',
+  },
+  macMeta: {
+    comment: 'Meta/Command key on the macOS keyboard',
+    'en-us': '⌘',
+  },
+  macShift: {
+    comment: 'Shift key on the macOS keyboard',
+    'en-us': '⇧',
+  },
+  shift: {
+    comment: 'Shift key on the keyboard',
+    'en-us': 'Shift',
+  },
+  pressKeys: { 'en-us': 'Press desired key combination...' },
+  noKeyAssigned: { 'en-us': 'No key binding assigned' },
+  keyboardShortcuts: { 'en-us': 'Keyboard Shortcuts' },
+  shortcutsEnabled: { 'en-us': 'Enable Keyboard Shortcuts' },
+  shortcutsEnabledDescription: {
+    'en-us':
+      'When enabled, keyboard shortcuts can be used to perform various actions in Specify. You can press and hold the <key>Ctrl</key> key (or <key>⌘</key> key on Mac) to see a list of available shortcuts. When disabled, all keyboard shortcuts are ignored.',
+  },
+  navigationAndTools: { 'en-us': 'Navigation and User Tools' },
+  navigationShortcutsDescription: {
+    'en-us':
+      'Open the corresponding navigation menu or page, just as clicking its icon in the navigation bar would.',
+  },
+  userToolShortcutsDescription: {
+    'en-us': 'Run the corresponding action from the User Tools menu.',
+  },
+  formActionsDescription: {
+    'en-us': 'Shortcuts for actions in regular data entry forms.',
+  },
+  dialogActionsDescription: {
+    'en-us':
+      'Shortcuts for actions available in dialogs, such as closing or saving.',
+  },
+  treeActionsDescription: {
+    'en-us': 'Shortcuts for actions in the Tree Editor.',
+  },
+  queryBuilderActionsDescription: {
+    'en-us': 'Shortcuts for actions in the Query Builder.',
+  },
+  openRelatedRecordInNewTab: { 'en-us': 'Open related record in new tab' },
+  openFormMeta: { 'en-us': 'Open form meta' },
+  urlShortcuts: { 'en-us': 'Keyboard Shortcuts to URLs' },
+  urlShortcutsDescription: {
+    'en-us':
+      'Shortcuts for opening custom pages or other URLs from anywhere in Specify.',
+  },
+  pages: { 'en-us': 'Pages' },
+  overlays: { 'en-us': 'Overlays' },
+  customPages: { 'en-us': 'Custom Pages' },
+  relativeOrAbsoluteUrl: { 'en-us': 'Relative or absolute URL' },
 } as const);
diff --git a/specifyweb/frontend/js_src/lib/utils/ajax/helpers.ts b/specifyweb/frontend/js_src/lib/utils/ajax/helpers.ts
index 8380a24bda9..f8afb568331 100644
--- a/specifyweb/frontend/js_src/lib/utils/ajax/helpers.ts
+++ b/specifyweb/frontend/js_src/lib/utils/ajax/helpers.ts
@@ -6,14 +6,21 @@ import { setDevelopmentGlobal } from '../types';
 // These HTTP methods do not require CSRF protection
 export const csrfSafeMethod = new Set(['GET', 'HEAD', 'OPTIONS', 'TRACE']);
 
-export const isExternalUrl = (url: string): boolean =>
-  /*
-   * Blob URLs may point to the same origin, but should be treated as external
-   * by the navigator
-   */
-  url.startsWith('blob:') ||
-  new URL(url, globalThis.location.origin).origin !==
-    globalThis.location.origin;
+export function isExternalUrl(url: string): boolean {
+  try {
+    /*
+     * Blob URLs may point to the same origin, but should be treated as external
+     * by the navigator
+     */
+    return (
+      url.startsWith('blob:') ||
+      new URL(url, globalThis.location.origin).origin !==
+        globalThis.location.origin
+    );
+  } catch {
+    return true;
+  }
+}
 
 /**
  * Make sure the given URL is from current origin and give it back without
diff --git a/specifyweb/frontend/js_src/lib/utils/types.ts b/specifyweb/frontend/js_src/lib/utils/types.ts
index 09c889d6082..0013acf8863 100644
--- a/specifyweb/frontend/js_src/lib/utils/types.ts
+++ b/specifyweb/frontend/js_src/lib/utils/types.ts
@@ -217,11 +217,13 @@ export const ensure =
  * empty string is used. However, empty string is not a LocalizedString, so
  * this hack is needed
  *
- * @example Valid use case
+ * @example
+ * // Valid use case
  * localized('')
  *
- * @example Invalid use case
+ * @example
  * ```ts
+ * // Invalid use case
  * // Wrong:
  * localized(table.name)
  * // Should use table label instead (unless there is a good reason to use