diff --git a/CHANGELOG.md b/CHANGELOG.md
index 963cd84ef0..ad4f1556a0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -53,6 +53,7 @@
 - cancel old message highlight animations when a new message is highlighted #4203
 - fix: packaging: include architecture in filename for all appimages #4202
 - fix: make open external link scheme case insensive #4201
+- improve accessibility a little #4133, #4210
 
 <a id="1_46_8"></a>
 
diff --git a/_locales/_untranslated_en.json b/_locales/_untranslated_en.json
index 904559e5de..b05f12f08c 100644
--- a/_locales/_untranslated_en.json
+++ b/_locales/_untranslated_en.json
@@ -74,5 +74,8 @@
   },
   "join_group": {
     "message": "Join Group"
+  },
+  "react_more_emojis": {
+    "message": "More emojis…"
   }
 }
diff --git a/packages/frontend/scss/chat/_chat-list-item.scss b/packages/frontend/scss/chat/_chat-list-item.scss
index ab20edfb05..0ac21f42d7 100644
--- a/packages/frontend/scss/chat/_chat-list-item.scss
+++ b/packages/frontend/scss/chat/_chat-list-item.scss
@@ -3,6 +3,11 @@
 .chat-list-item,
 .pseudo-chat-list-item {
   height: 64px;
+  width: 100%;
+  text-align: unset;
+  color: var(--globalText);
+  background-color: transparent;
+  border: none;
   display: flex;
   flex-direction: row;
   padding: 0px 10px;
diff --git a/packages/frontend/src/components/AccountListSidebar/AccountItem.tsx b/packages/frontend/src/components/AccountListSidebar/AccountItem.tsx
index e812f11c9e..611deb730d 100644
--- a/packages/frontend/src/components/AccountListSidebar/AccountItem.tsx
+++ b/packages/frontend/src/components/AccountListSidebar/AccountItem.tsx
@@ -133,7 +133,7 @@ export default function AccountItem({
     badgeContent = (
       <div
         className={classNames(styles.accountBadgeIcon, styles.bgSyncDisabled)}
-        aria-label='Background sync disabled'
+        aria-label={tx('background_sync_disabled_explaination')}
       >
         ⏻
       </div>
@@ -150,7 +150,7 @@ export default function AccountItem({
     )
   }
 
-  const ref = useRef<HTMLDivElement>(null)
+  const ref = useRef<HTMLButtonElement>(null)
   useLayoutEffect(() => {
     if (!isSelected) {
       return
@@ -186,7 +186,7 @@ export default function AccountItem({
   }, [isSelected, window.__screen])
 
   return (
-    <div
+    <button
       className={classNames(styles.account, {
         [styles.active]: isSelected,
         [styles['context-menu-active']]: isContextMenuActive,
@@ -232,7 +232,7 @@ export default function AccountItem({
         </div>
       )}
       <div className={classNames(styles.accountBadge)}>{badgeContent}</div>
-    </div>
+    </button>
   )
 }
 
diff --git a/packages/frontend/src/components/AccountListSidebar/AccountListSidebar.tsx b/packages/frontend/src/components/AccountListSidebar/AccountListSidebar.tsx
index 503c81c6e0..ad316364fe 100644
--- a/packages/frontend/src/components/AccountListSidebar/AccountListSidebar.tsx
+++ b/packages/frontend/src/components/AccountListSidebar/AccountListSidebar.tsx
@@ -24,6 +24,7 @@ import { ScreenContext } from '../../contexts/ScreenContext'
 import useChat from '../../hooks/chat/useChat'
 import { Screens } from '../../ScreenController'
 import { ActionEmitter, KeybindAction } from '../../keybindings'
+import useTranslationFunction from '../../hooks/useTranslationFunction'
 
 type Props = {
   onAddAccount: () => Promise<number>
@@ -38,6 +39,8 @@ export default function AccountListSidebar({
   openAccountDeletionScreen,
   selectedAccountId,
 }: Props) {
+  const tx = useTranslationFunction()
+
   const { openDialog } = useDialog()
   const [accounts, setAccounts] = useState<T.Account[]>([])
   const [{ accounts: noficationSettings }] = useAccountNotificationStore()
@@ -94,7 +97,7 @@ export default function AccountListSidebar({
   const updateHoverInfoPosition = useCallback(() => {
     if (hoverInfo.current && accountForHoverInfo) {
       const elem = document.querySelector(
-        `div[x-account-sidebar-account-id="${accountForHoverInfo.id}"]`
+        `[x-account-sidebar-account-id="${accountForHoverInfo.id}"]`
       )
       if (elem) {
         const rect = elem.getBoundingClientRect()
@@ -138,14 +141,22 @@ export default function AccountListSidebar({
             muted={noficationSettings[account.id]?.muted || false}
           />
         ))}
-        <button className={styles.addButton} onClick={onAddAccount}>
+        <button
+          aria-label={tx('add_account')}
+          className={styles.addButton}
+          onClick={onAddAccount}
+        >
           +
         </button>
       </div>
       {/* The condition is the same as in https://github.com/deltachat/deltachat-desktop/blob/63af023437ff1828a27de2da37bf94ab180ec528/src/renderer/contexts/KeybindingsContext.tsx#L26 */}
       {window.__screen === Screens.Main && (
         <div className={styles.buttonsContainer}>
-          <button className={styles.settingsButton} onClick={openSettings}>
+          <button
+            aria-label={tx('menu_settings')}
+            className={styles.settingsButton}
+            onClick={openSettings}
+          >
             <Icon
               size={38}
               className={styles.settingsButtonIcon}
diff --git a/packages/frontend/src/components/AccountListSidebar/styles.module.scss b/packages/frontend/src/components/AccountListSidebar/styles.module.scss
index 75846cd755..d474dc7a95 100644
--- a/packages/frontend/src/components/AccountListSidebar/styles.module.scss
+++ b/packages/frontend/src/components/AccountListSidebar/styles.module.scss
@@ -6,7 +6,6 @@
   --local-avatar-vertical-margin: 8px;
   --local-avatar-font-size: 26px;
 
-  cursor: pointer;
   display: inline-block;
   font-weight: normal;
   height: var(--local-avatar-size);
@@ -65,6 +64,11 @@
   }
 
   .account {
+    border: none;
+    background: none;
+    padding: 0;
+    text-align: start; // To align the "active" indicator
+
     height: var(--als-avatar-size);
     margin-bottom: var(--als-avatar-margin);
     margin-top: var(--als-avatar-margin);
diff --git a/packages/frontend/src/components/Dialog/BackButton.tsx b/packages/frontend/src/components/Dialog/BackButton.tsx
index 27926863d3..b3968c668a 100644
--- a/packages/frontend/src/components/Dialog/BackButton.tsx
+++ b/packages/frontend/src/components/Dialog/BackButton.tsx
@@ -5,13 +5,16 @@ import HeaderButton from './HeaderButton'
 import type { ButtonHTMLAttributes } from 'react'
 
 import styles from './styles.module.scss'
+import useTranslationFunction from '../../hooks/useTranslationFunction'
 
 export default function BackButton(
   props: ButtonHTMLAttributes<HTMLButtonElement>
 ) {
+  const tx = useTranslationFunction()
+
   return (
     <HeaderButton
-      aria-label='Back'
+      aria-label={tx('back')}
       icon='arrow-left'
       iconSize={24}
       className={styles.backButton}
diff --git a/packages/frontend/src/components/Dialog/CloseButton.tsx b/packages/frontend/src/components/Dialog/CloseButton.tsx
index dd5be73446..9e61b54f50 100644
--- a/packages/frontend/src/components/Dialog/CloseButton.tsx
+++ b/packages/frontend/src/components/Dialog/CloseButton.tsx
@@ -3,11 +3,19 @@ import React from 'react'
 import HeaderButton from './HeaderButton'
 
 import type { ButtonHTMLAttributes } from 'react'
+import useTranslationFunction from '../../hooks/useTranslationFunction'
 
 export default function CloseButton(
   props: ButtonHTMLAttributes<HTMLButtonElement>
 ) {
+  const tx = useTranslationFunction()
+
   return (
-    <HeaderButton aria-label='Close' icon='cross' iconSize={26} {...props} />
+    <HeaderButton
+      aria-label={tx('close')}
+      icon='cross'
+      iconSize={26}
+      {...props}
+    />
   )
 }
diff --git a/packages/frontend/src/components/Dialog/HeaderButton.tsx b/packages/frontend/src/components/Dialog/HeaderButton.tsx
index 9633deff80..21a724cf12 100644
--- a/packages/frontend/src/components/Dialog/HeaderButton.tsx
+++ b/packages/frontend/src/components/Dialog/HeaderButton.tsx
@@ -12,6 +12,7 @@ type Props = ButtonHTMLAttributes<HTMLButtonElement> & {
   icon: IconName
   iconSize: number
   rotation?: number
+  'aria-label': string
 }
 
 export default function HeaderButton({
diff --git a/packages/frontend/src/components/ImageSelector/index.tsx b/packages/frontend/src/components/ImageSelector/index.tsx
index fb0fdaccf8..700f81cca7 100644
--- a/packages/frontend/src/components/ImageSelector/index.tsx
+++ b/packages/frontend/src/components/ImageSelector/index.tsx
@@ -67,6 +67,7 @@ export default function ImageSelector({
         {!imageUrl && (
           <button
             title={selectLabel ? selectLabel : tx('profile_image_select')}
+            aria-label={selectLabel ? selectLabel : tx('profile_image_select')}
             className={styles.imageSelectorButton}
             onClick={handleSelect}
           >
@@ -76,6 +77,7 @@ export default function ImageSelector({
         {imageUrl && (
           <button
             title={removeLabel ? removeLabel : tx('profile_image_delete')}
+            aria-label={removeLabel ? removeLabel : tx('profile_image_delete')}
             className={styles.imageSelectorButton}
             onClick={handleRemove}
           >
diff --git a/packages/frontend/src/components/KeyboardShortcutHint.tsx b/packages/frontend/src/components/KeyboardShortcutHint.tsx
index 7460ad291a..428e9ba7b3 100644
--- a/packages/frontend/src/components/KeyboardShortcutHint.tsx
+++ b/packages/frontend/src/components/KeyboardShortcutHint.tsx
@@ -159,6 +159,8 @@ export function enterKeySendsKeyboardShortcuts(
   const CtrlOrMetaEnter = isMac ? MetaEnter : CtrlEnter
   const ShiftEnter = ['Shift', 'Enter']
 
+  // FYI the send button's `aria-keyshortcuts` relies on this code,
+  // in a not-so-beautiful way.
   if (enterKeySends) {
     return [
       {
diff --git a/packages/frontend/src/components/QrReader/index.tsx b/packages/frontend/src/components/QrReader/index.tsx
index 4275dd1ab0..9f1ca4c901 100644
--- a/packages/frontend/src/components/QrReader/index.tsx
+++ b/packages/frontend/src/components/QrReader/index.tsx
@@ -464,7 +464,11 @@ export default function QrReader({ onError, onScan }: Props) {
       {!error && (
         <div className={styles.qrReaderHint}>{tx('qrscan_hint_desktop')}</div>
       )}
-      <button className={styles.qrReaderButton} onClick={handleSelectInput}>
+      <button
+        className={styles.qrReaderButton}
+        onClick={handleSelectInput}
+        aria-label={tx('menu_settings')}
+      >
         <Icon icon='settings' size={24} className={styles.qrReaderButtonIcon} />
       </button>
       <input
diff --git a/packages/frontend/src/components/ReactionsBar/ReactionsBar.tsx b/packages/frontend/src/components/ReactionsBar/ReactionsBar.tsx
index 36699fabc5..befa3d2dfd 100644
--- a/packages/frontend/src/components/ReactionsBar/ReactionsBar.tsx
+++ b/packages/frontend/src/components/ReactionsBar/ReactionsBar.tsx
@@ -9,6 +9,7 @@ import EmojiPicker from '../EmojiPicker'
 import styles from './styles.module.scss'
 
 import type { BaseEmoji } from 'emoji-mart/index'
+import useTranslationFunction from '../../hooks/useTranslationFunction'
 
 type Props = {
   messageId: number
@@ -23,6 +24,8 @@ export default function ReactionsBar({
   messageId,
   myReaction,
 }: Props) {
+  const tx = useTranslationFunction()
+
   const [showAllEmojis, setShowAllEmojis] = useState(false)
   const accountId = selectedAccountId()
 
@@ -87,6 +90,7 @@ export default function ReactionsBar({
               styles.showAllEmojis
             )}
             onClick={handleShowAllEmojis}
+            aria-label={tx('react_more_emojis')}
           >
             <Icon className={styles.showAllIcon} icon='more' />
           </button>
diff --git a/packages/frontend/src/components/SearchInput/index.tsx b/packages/frontend/src/components/SearchInput/index.tsx
index 1823893ab3..22d2201df0 100644
--- a/packages/frontend/src/components/SearchInput/index.tsx
+++ b/packages/frontend/src/components/SearchInput/index.tsx
@@ -51,6 +51,7 @@ export default function SearchInput(props: Props) {
         className={classNames(styles.searchInput)}
         ref={props.inputRef}
         spellCheck={false}
+        aria-keyshortcuts='Control+K'
       />
       {hasValue && (
         <SearchInputButton
diff --git a/packages/frontend/src/components/ShortcutMenu/index.tsx b/packages/frontend/src/components/ShortcutMenu/index.tsx
index 69567263a9..e36af7f931 100644
--- a/packages/frontend/src/components/ShortcutMenu/index.tsx
+++ b/packages/frontend/src/components/ShortcutMenu/index.tsx
@@ -7,6 +7,7 @@ import Icon from '../Icon'
 import styles from './styles.module.scss'
 
 import type { T } from '@deltachat/jsonrpc-client'
+import useTranslationFunction from '../../hooks/useTranslationFunction'
 
 type OnButtonClick = React.MouseEvent<HTMLButtonElement, MouseEvent>
 
@@ -40,6 +41,8 @@ function ReactButton(props: {
   messageId: number
   reactions: T.Message['reactions']
 }) {
+  const tx = useTranslationFunction()
+
   const { showReactionsBar } = useReactionsBar()
 
   const onClick = (event: OnButtonClick) => {
@@ -60,15 +63,25 @@ function ReactButton(props: {
   }
 
   return (
-    <button className={styles.shortcutMenuButton} onClick={onClick}>
+    <button
+      aria-label={tx('react')}
+      className={styles.shortcutMenuButton}
+      onClick={onClick}
+    >
       <Icon className={styles.shortcutMenuIcon} icon='reaction' />
     </button>
   )
 }
 
 function ContextMenuButton(props: { onClick: (event: OnButtonClick) => void }) {
+  const tx = useTranslationFunction()
+
   return (
-    <button className={styles.shortcutMenuButton} onClick={props.onClick}>
+    <button
+      aria-label={tx('a11y_message_context_menu_btn_label')}
+      className={styles.shortcutMenuButton}
+      onClick={props.onClick}
+    >
       <Icon className={styles.shortcutMenuIcon} icon='more' />
     </button>
   )
diff --git a/packages/frontend/src/components/chat/ChatListItem.tsx b/packages/frontend/src/components/chat/ChatListItem.tsx
index acfb3c49a5..28b6c93f9f 100644
--- a/packages/frontend/src/components/chat/ChatListItem.tsx
+++ b/packages/frontend/src/components/chat/ChatListItem.tsx
@@ -172,8 +172,7 @@ function ChatListItemArchiveLink({
   ])
 
   return (
-    <div
-      role='button'
+    <button
       onClick={onClick}
       onContextMenu={onContextMenu}
       className={`chat-list-item archive-link-item ${
@@ -187,7 +186,7 @@ function ChatListItemArchiveLink({
         <div className='archive-link'>{tx('chat_archived_chats_title')}</div>
       </div>
       <FreshMessageCounter counter={chatListItem.freshMessageCounter} />
-    </div>
+    </button>
   )
 }
 
@@ -201,13 +200,14 @@ function ChatListItemError({
     kind: 'Error'
   }
   onClick: () => void
-  onContextMenu?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
+  onContextMenu?: (
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+  ) => void
   isSelected?: boolean
 }) {
   log.info('Error Loading Chatlistitem ' + chatListItem.id, chatListItem.error)
   return (
-    <div
-      role='button'
+    <button
       onClick={onClick}
       onContextMenu={onContextMenu}
       className={classNames('chat-list-item', {
@@ -233,7 +233,7 @@ function ChatListItemError({
           </div>
         </div>
       </div>
-    </div>
+    </button>
   )
 }
 
@@ -249,14 +249,15 @@ function ChatListItemNormal({
     kind: 'ChatListItem'
   }
   onClick: () => void
-  onContextMenu?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
+  onContextMenu?: (
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+  ) => void
   isContextMenuActive?: boolean
   isSelected?: boolean
   hover?: boolean
 }) {
   return (
-    <div
-      role='button'
+    <button
       onClick={onClick}
       onContextMenu={onContextMenu}
       className={classNames('chat-list-item', {
@@ -297,14 +298,16 @@ function ChatListItemNormal({
           lastMessageId={chatListItem.lastMessageId}
         />
       </div>
-    </div>
+    </button>
   )
 }
 
 type ChatListItemProps = {
   chatListItem: Type.ChatListItemFetchResult | undefined
   onClick: () => void
-  onContextMenu?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
+  onContextMenu?: (
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+  ) => void
   isContextMenuActive?: boolean
   isSelected?: boolean
   hover?: boolean
@@ -367,8 +370,7 @@ export const ChatListItemMessageResult = React.memo<{
   const { msr, onClick, queryStr } = props
   if (typeof msr === 'undefined') return <PlaceholderChatListItem />
   return (
-    <div
-      role='button'
+    <button
       onClick={onClick}
       className='pseudo-chat-list-item message-search-result'
     >
@@ -424,7 +426,7 @@ export const ChatListItemMessageResult = React.memo<{
           <div className='text'>{rMessage(msr.message, queryStr)}</div>
         </div>
       </div>
-    </div>
+    </button>
   )
 })
 
diff --git a/packages/frontend/src/components/composer/Composer.tsx b/packages/frontend/src/components/composer/Composer.tsx
index 9305c5bd61..f12f410338 100644
--- a/packages/frontend/src/components/composer/Composer.tsx
+++ b/packages/frontend/src/components/composer/Composer.tsx
@@ -5,6 +5,7 @@ import React, {
   forwardRef,
   useLayoutEffect,
   useCallback,
+  useMemo,
 } from 'react'
 import { C, T } from '@deltachat/jsonrpc-client'
 
@@ -38,6 +39,7 @@ import { VisualVCardComponent } from '../message/VCard'
 import { KeybindAction } from '../../keybindings'
 import useKeyBindingAction from '../../hooks/useKeyBindingAction'
 import { CloseButton } from '../Dialog'
+import { enterKeySendsKeyboardShortcuts } from '../KeyboardShortcutHint'
 
 const log = getLogger('renderer/composer')
 
@@ -263,6 +265,23 @@ const Composer = forwardRef<
     messageInputRef.current?.focus()
   }, [chatId, messageInputRef])
 
+  const ariaSendShortcut: string = useMemo(() => {
+    if (settingsStore == undefined) {
+      return ''
+    }
+
+    const firstShortcut = enterKeySendsKeyboardShortcuts(
+      settingsStore.desktopSettings.enterKeySends
+    )[0].keyBindings[0]
+
+    if (!Array.isArray(firstShortcut) || !firstShortcut.includes('Enter')) {
+      log.warn('Unexpected shortcut for "Send Message"')
+      return ''
+    }
+
+    return firstShortcut.join('+')
+  }, [settingsStore])
+
   if (chatId === null) {
     return <div ref={ref}>Error, chatid missing</div>
   }
@@ -378,7 +397,10 @@ const Composer = forwardRef<
             <span />
           </button>
           <div className='send-button-wrapper' onClick={composerSendMessage}>
-            <button aria-label={tx('menu_send')} />
+            <button
+              aria-label={tx('menu_send')}
+              aria-keyshortcuts={ariaSendShortcut}
+            />
           </div>
         </div>
         {showEmojiPicker && (
diff --git a/packages/frontend/src/components/composer/ComposerMessageInput.tsx b/packages/frontend/src/components/composer/ComposerMessageInput.tsx
index dc8640fe75..2a6dae3403 100644
--- a/packages/frontend/src/components/composer/ComposerMessageInput.tsx
+++ b/packages/frontend/src/components/composer/ComposerMessageInput.tsx
@@ -229,6 +229,7 @@ export default class ComposerMessageInput extends React.Component<
         disabled={this.state.loadingDraft}
         dir='auto'
         spellCheck={true}
+        aria-keyshortcuts='Control+N'
       />
     )
   }
diff --git a/packages/frontend/src/components/composer/menuAttachment.tsx b/packages/frontend/src/components/composer/menuAttachment.tsx
index 323fb32df9..be809e6752 100644
--- a/packages/frontend/src/components/composer/menuAttachment.tsx
+++ b/packages/frontend/src/components/composer/menuAttachment.tsx
@@ -177,6 +177,7 @@ export default function MenuAttachment({
 
   return (
     <button
+      aria-label={tx('menu_add_attachment')}
       id='attachment-menu-button'
       className='attachment-button'
       onClick={onClickAttachmentMenu}
diff --git a/packages/frontend/src/keybindings.ts b/packages/frontend/src/keybindings.ts
index 14e7a1c3b5..109b9f1761 100644
--- a/packages/frontend/src/keybindings.ts
+++ b/packages/frontend/src/keybindings.ts
@@ -68,6 +68,8 @@ export function keyDownEvent2Action(
   if (window.__contextMenuActive) {
     return
   }
+  // When modifying this, don't forget to also update the corresponding
+  // `aria-keyshortcuts` properties, and the "Keybindings" help window.
   if (!ev.repeat) {
     // fire only on first press
     if (ev.altKey && ev.code === 'ArrowDown') {