chore: move acc changes to dev

src/i18n/en-US.json

@@ -81,8 +81,8 @@
   "accessibility.conversationStatusUnreadMention": "Unread mention",
   "accessibility.conversationStatusUnreadPing": "Missed ping",
   "accessibility.conversationStatusUnreadReply": "Unread reply",
-  "accessibility.giphyModal.close": "Close conversation info",
-  "accessibility.giphyModal.loading": "Loading gif",
+  "accessibility.giphyModal.close": "Close 'GIF' window",
+  "accessibility.giphyModal.loading": "Loading giphy",
   "accessibility.giphyModal.selectGif": "Select gif",
   "accessibility.giphyModal.sendGif": "Send gif",
   "accessibility.giphyModal.showGifs": "Open all gifs",
@@ -105,7 +105,7 @@
   "accessibility.headings.sidebar": "Navigation",
   "accessibility.messages.like": "Like message",
   "accessibility.messages.liked": "Unlike message",
-  "accessibility.openConversation": "Open {{name}} conversation",
+  "accessibility.openConversation": "Open profile of {{name}}",
   "accessibility.rightPanel.GoBack": "Go back",
   "accessibility.rightPanel.close": "Close conversation info",
   "accountForm.emailPersonalPlaceholder": "you@email.com",
@@ -127,6 +127,7 @@
   "addParticipantsServiceConfirmButton": "Add service",
   "addParticipantsTabsPeople": "People",
   "addParticipantsTabsServices": "Services",
+  "accessibility.addParticipants.close": "Close add participants view",
   "and": "and",
   "appAlreadyOpen.continueButton": "Continue",
   "appAlreadyOpen.headline": "{brandName} is already open in this browser",
@@ -269,6 +270,7 @@
   "conversationContextMenuDetails": "Details",
   "conversationContextMenuDownload": "Download",
   "conversationContextMenuEdit": "Edit",
+  "accessibility.cancelMsgEdit": "Cancel message editing",
   "conversationContextMenuLike": "Like",
   "conversationContextMenuReply": "Reply",
   "conversationContextMenuUnlike": "Unlike",
@@ -299,9 +301,12 @@
   "conversationDetailsActionCreateGroup": "Create group",
   "conversationDetailsActionDelete": "Delete group",
   "conversationDetailsActionDevices": "Devices",
+  "accessibility.conversationDetailsActionDevicesLabel": "Show Devices",
   "conversationDetailsActionGuestOptions": "Guests",
   "conversationDetailsActionLeave": "Leave group",
   "conversationDetailsActionNotifications": "Notifications",
+  "accessibility.conversationDetailsActionNotificationsLabel": "Show notifications settings",
+  "accessibility.closeNotificationsLabel": "Close notification settings",
   "conversationDetailsActionServicesOptions": "Services",
   "conversationDetailsActionTimedMessages": "Self-deleting messages",
   "conversationDetailsCloseLabel": "Close image details view",
@@ -427,6 +432,7 @@
   "conversationsPopoverLeave": "Leave group",
   "conversationsPopoverMoveTo": "Move to",
   "conversationsPopoverNewFolder": "Create new folder",
+  "modalNewFolderCloseBtn": "Close window, create new folder?",
   "conversationsPopoverNoCustomFolders": "No custom folders",
   "conversationsPopoverNotificationSettings": "Notifications",
   "conversationsPopoverNotify": "Unmute",
@@ -493,6 +499,7 @@
   "extensionsGiphyRandom": "Random",
   "featureConfigChangeModalApplock": "Mandatory app lock is now disabled. You do not need a passcode or biometric authentication when returning to the app.",
   "featureConfigChangeModalApplockHeadline": "Team settings changed",
+  "teamSettingsModalCloseBtn": "Close window, Team settings changed?",
   "featureConfigChangeModalAudioVideoDescriptionItemCameraDisabled": "Camera in calls is disabled",
   "featureConfigChangeModalAudioVideoDescriptionItemCameraEnabled": "Camera in calls is enabled",
   "featureConfigChangeModalAudioVideoHeadline": "There has been a change in {{brandName}}",
@@ -515,6 +522,8 @@
   "footer.wireLink": "wire.com",
   "fullsearchNoResults": "No results.",
   "fullsearchPlaceholder": "Search text messages",
+  "fullsearchCancelLabel": "Close search field",
+  "fullsearchCancelCloseBtn": "Cancel search",
   "groupCreationParticipantsActionCreate": "Done",
   "groupCreationParticipantsActionSkip": "Skip",
   "groupCreationParticipantsHeader": "Add people",
@@ -525,9 +534,11 @@
   "groupCreationPreferencesErrorNameShort": "At least 1 character",
   "groupCreationPreferencesHeader": "Create group",
   "groupCreationPreferencesPlaceholder": "Group name",
+  "groupCreationDeleteEntry": "Delete entry",
   "groupParticipantActionBlock": "Block…",
   "groupParticipantActionCancelRequest": "Cancel request…",
   "groupParticipantActionDevices": "Devices",
+  "groupParticipantActionDevicesGoBack": "Go back to device details",
   "groupParticipantActionIgnoreRequest": "Ignore request",
   "groupParticipantActionIncomingRequest": "Accept request",
   "groupParticipantActionLeave": "Leave group…",
@@ -640,6 +651,7 @@
   "messageDetailsNoLikes": "No one has liked this message yet.",
   "messageDetailsNoReceipts": "No one has read this message yet.",
   "messageDetailsReceiptsOff": "Read receipts were not on when this message was sent.",
+  "accessibility.messageDetailsReadReceipts": "Message viewed by {{readReceiptText}}, open details",
   "messageDetailsSent": "Sent: {{sent}}",
   "messageDetailsTitle": "Details",
   "messageDetailsTitleLikes": "Liked{{count}}",
@@ -691,6 +703,7 @@
   "modalAppLockSetupSecondPlaceholder": "Repeat passphrase",
   "modalAppLockSetupSpecial": "A special character",
   "modalAppLockSetupTitle": "Set app lock passphrase",
+  "modalAppLockSetupCloseBtn": "Close window, Set app lock passphrase?",
   "modalAppLockSetupUppercase": "An uppercase letter",
   "modalAppLockWipeConfirmConfirmButton": "Reset this client",
   "modalAppLockWipeConfirmGoBackButton": "Go back",
@@ -719,6 +732,7 @@
   "modalCallEmptyConversationHeadline": "No one to call",
   "modalCallEmptyConversationMessage": "There is no one left here.",
   "modalCallEmptyLogHeadline": "No calls",
+  "modalCallEmptyLogCloseBtn": "Close window, No calls?",
   "modalCallEmptyLogMessage": "There were no calls to base the debug report on.",
   "modalCallNoGroupVideoHeadline": "No video calls in groups",
   "modalCallNoGroupVideoMessage": "Video calls are not available in group conversations.",
@@ -763,6 +777,9 @@
   "modalConversationDeleteMessageEveryoneHeadline": "Delete for everyone?",
   "modalConversationDeleteMessageEveryoneMessage": "This cannot be undone.",
   "modalConversationDeleteMessageHeadline": "Delete only for me?",
+  "modalConversationDeleteMessageCloseBtn": "Close window, delete only for me?",
+  "modalConversationDeleteMessageAllCloseBtn": "Close window, delete for everyone?",
+  "modalRemoveDeviceCloseBtn": "Close window, remove device {{name}}?",
   "modalConversationDeleteMessageMessage": "This cannot be undone.",
   "modalConversationGuestOptionsGetCodeMessage": "Could not get access link.",
   "modalConversationGuestOptionsRequestCodeMessage": "Could not request access link. Please try again.",
@@ -777,6 +794,7 @@
   "modalConversationLeaveAction": "Leave",
   "modalConversationLeaveHeadline": "Leave {{name}} conversation?",
   "modalConversationLeaveMessage": "You won’t be able to send or receive messages in this conversation.",
+  "modalConversationLeaveMessageCloseBtn": "Close window, leave {{name}} conversation?",
   "modalConversationLeaveOption": "Also clear the content",
   "modalConversationMessageTooLongHeadline": "Message too long",
   "modalConversationMessageTooLongMessage": "You can send messages up to {{number}} characters long.",
@@ -802,9 +820,11 @@
   "modalConversationRemoveGuestsAndServicesHeadline": "Disable access?",
   "modalConversationRemoveGuestsMessage": "Current guests will be removed from the conversation. New guests will not be allowed.",
   "modalConversationRemoveHeadline": "Remove?",
+  "modalConversationRemoveCloseBtn": "Close window, Remove?",
   "modalConversationRemoveMessage": "{{user}} won’t be able to send or receive messages in this conversation.",
   "modalConversationRemoveServicesMessage": "Current services will be removed from the conversation. New services will not be allowed.",
   "modalConversationRevokeLinkAction": "Revoke link",
+  "modalConversationRevokeLinkCloseBtn": "Close window, Revoke the link?",
   "modalConversationRevokeLinkHeadline": "Revoke the link?",
   "modalConversationRevokeLinkMessage": "New guests will not be able to join with this link. Current guests will still have access.",
   "modalConversationTooManyMembersHeadline": "The group is full",
@@ -831,8 +851,10 @@
   "modalNoAudioInputAction": "Go to preferences",
   "modalNoAudioInputMessage": "An audio input device could not be found. Other participants will not be able to hear you until your audio settings are configured. Please go to Preferences to find out more about your audio configuration.",
   "modalNoAudioInputTitle": "Microphone disabled",
+  "modalNoAudioCloseBtn": "Close window, Microphone disabled?",
   "modalNoCameraMessage": "{{brandName}} doesn’t have access to the camera.[br][faqLink]Read this support article[/faqLink] to find out how to fix it.",
   "modalNoCameraTitle": "No camera access",
+  "modalNoCameraCloseBtn": "Close window, 'no camera access?",
   "modalOpenLinkAction": "Open",
   "modalOpenLinkMessage": "This will take you to {{link}}",
   "modalOpenLinkTitle": "Visit Link",
@@ -895,6 +917,7 @@
   "notificationSettingsMentionsAndReplies": "Mentions and replies",
   "notificationSettingsNothing": "Nothing",
   "notificationSettingsTitle": "Notifications",
+  "accessibility.conversation.goBack": "Go back to conversation info",
   "notificationSharedAudio": "Shared an audio message",
   "notificationSharedFile": "Shared a file",
   "notificationSharedLocation": "Shared a location",
@@ -977,9 +1000,8 @@
   "preferencesAccountUsernameErrorTaken": "Already taken",
   "preferencesAccountUsernameHint": "At least 2 characters. a—z, 0—9 and _ only.",
   "preferencesAccountUsernamePlaceholder": "Your full name",
-  "preferencesDevice": "Device",
   "preferencesDeviceDetails": "Device Details",
-  "preferencesDeviceNotVerified": "not verified",
+  "accessibility.preferencesDeviceDetails.goBack": "Go back to device overview",
   "preferencesDevices": "Devices",
   "preferencesDevicesActivatedOn": "Activated [bold]{{date}}[/bold]",
   "preferencesDevicesActive": "Active",
@@ -996,6 +1018,8 @@
   "preferencesDevicesSessionOngoing": "Resetting session…",
   "preferencesDevicesSessionReset": "Reset session",
   "preferencesDevicesVerification": "Verified",
+  "preferencesDeviceNotVerified": "not verified",
+  "preferencesDevice": "Device",
   "preferencesHeadline": "Preferences",
   "preferencesOptions": "Options",
   "preferencesOptionsAudio": "Sound alerts",
@@ -1091,6 +1115,7 @@
   "searchTrySearch": "Find people by\nname or username",
   "searchTrySearchFederation": "Find people in Wire by name or\n@username\n\nFind people from another domain\nby @username@domainname",
   "searchTrySearchLearnMore": "Learn more",
+  "accessibility.searchInput.cancel": "Delete entry",
   "servicesOptionsTitle": "Services",
   "servicesRoomToggleInfo": "Open this conversation to services.",
   "servicesRoomToggleInfoExtended": "Open this conversation to services. You can always change it later.",
@@ -1187,6 +1212,8 @@
   "userProfileDomain": "Domain",
   "userProfileEmail": "Email",
   "userProfileImageAlt": "Profile picture of",
+  "selfProfileImageAlt": "Your profile picture",
+  "accessibility.userProfileDeleteEntry": "Delete entry",
   "userRemainingTimeHours": "{{time}}h left",
   "userRemainingTimeMinutes": "Less than {{time}}m left",
   "verify.changeEmail": "Change email",

src/page/template/modals.htm

@@ -6,7 +6,7 @@
     <!-- ko if: isModalVisible() -->
     <div class="modal__header" data-uie-name="status-modal-title">
       <h2 class="modal__header__title" id="modal-title" data-bind="text: content().titleText"></h2>
-      <button type="button" class="modal__header__button" data-bind="click: hide" data-uie-name="do-close">
+      <button type="button" class="modal__header__button" data-bind="click: hide, attr: {'aria-label': content().closeBtnTitle}" data-uie-name="do-close">
         <close-icon class="modal__header__icon" aria-hidden="true"></close-icon>
       </button>
     </div>

src/page/template/panel/add-participants.htm

@@ -7,7 +7,7 @@
       <arrow-left-icon aria-hidden="true"></arrow-left-icon>
       </button>
       <h3 class="panel__header__title" data-bind="text: headerText" data-uie-name="status-people-selected"></h3>
-      <button class="right-panel-close icon-button" type="button" data-bind="clickOrDrag: onClose, attr: { title: t('accessibility.rightPanel.close'), 'aria-label': t('accessibility.rightPanel.close')}"
+      <button class="right-panel-close icon-button" type="button" data-bind="clickOrDrag: onClose, attr: { 'aria-label': t('accessibility.addParticipants.close')}"
         data-uie-name="do-close">
         <close-icon aria-hidden="true"></close-icon>
       </button>

src/page/template/panel/conversation-participants.htm

@@ -2,7 +2,7 @@
   <!-- ko if: isVisible() -->
     <div class="panel__header">
       <button class="icon-button" type="button" 
-        data-bind="clickOrDrag: onGoBack, attr: { title: t('accessibility.rightPanel.GoBack'), 'aria-label': t('accessibility.rightPanel.GoBack') }" 
+        data-bind="clickOrDrag: onGoBack, attr: { title: t('accessibility.rightPanel.GoBack'), 'aria-label': t('accessibility.conversation.goBack') }" 
         data-uie-name="go-back-conversation-participants">
         <arrow-left-icon aria-hidden="true"></arrow-left-icon>
       </button>

src/page/template/panel/group-participant-user.htm

@@ -2,7 +2,7 @@
   <!-- ko if: isVisible() -->
     <div class="panel__header">
       <button type="button" class="icon-button" 
-        data-bind="clickOrDrag: onGoBack, attr: { title: t('accessibility.rightPanel.GoBack'), 'aria-label': t('accessibility.rightPanel.GoBack') }"
+        data-bind="clickOrDrag: onGoBack, attr: { title: t('accessibility.rightPanel.GoBack'), 'aria-label': t('accessibility.conversation.goBack') }"
         data-uie-name="go-back-group-participant">
         <arrow-left-icon aria-hidden="true"></arrow-left-icon>
       </button>

src/script/auth/page/Root.tsx

@@ -104,7 +104,7 @@ const Root: React.FC<RootProps & ConnectedProps & DispatchProps> = ({
 
   return (
     <IntlProvider locale={normalizeLanguage(language)} messages={loadLanguage(language)}>
-      <StyledApp themeId={THEME_ID.LIGHT} style={{display: 'flex', height: '100%', minHeight: '100vh'}}>
+      <StyledApp themeId={THEME_ID.DEFAULT} style={{display: 'flex', height: '100%', minHeight: '100vh'}}>
         {isFetchingSSOSettings ? (
           <ContainerXS centerText verticalCenter style={{justifyContent: 'center'}}>
             <Loading />

src/script/calling/CallingRepository.ts

@@ -1779,6 +1779,7 @@ export class CallingRepository {
         text: t('modalNoAudioInputAction'),
       },
       text: {
+        closeBtnLabel: t('modalNoAudioCloseBtn'),
         message: t('modalNoAudioInputMessage'),
         title: t('modalNoAudioInputTitle'),
       },
@@ -1789,6 +1790,7 @@ export class CallingRepository {
   private showNoCameraModal(): void {
     const modalOptions = {
       text: {
+        closeBtnLabel: t('modalNoCameraCloseBtn'),
         htmlMessage: t('modalNoCameraMessage', Config.getConfig().BRAND_NAME, {
           '/faqLink': '</a>',
           br: '<br>',

src/script/components/Avatar.tsx

@@ -69,6 +69,7 @@ export const INITIALS_SIZE = {
 
 export interface AvatarProps extends React.HTMLProps<HTMLDivElement> {
   avatarSize?: AVATAR_SIZE;
+  avatarAlt?: string;
   noBadge?: boolean;
   noFilter?: boolean;
   onAvatarClick?: (participant: User | ServiceEntity, target: Node) => void;

src/script/components/MessagesList/Message/ReadReceiptStatus.tsx

@@ -77,6 +77,7 @@ const ReadReceiptStatus: React.FC<ReadReceiptStatusProps> = ({
           data-tooltip={readReceiptTooltip}
           onClick={!is1to1Conversation && onClickReceipts ? () => onClickReceipts(message) : undefined}
           data-uie-name="status-message-read-receipts"
+          aria-label={t('accessibility.messageDetailsReadReceipts', readReceiptText)}
         >
           <Icon.Read />
           <span className="message-status-read__count" data-uie-name="status-message-read-receipt-count">

src/script/components/SearchInput.tsx

@@ -23,6 +23,7 @@ import type {User} from '../entity/User';
 import {MAX_HANDLE_LENGTH} from '../user/UserHandleGenerator';
 import {isEnterKey, isRemovalAction} from 'Util/KeyboardUtil';
 import Icon from 'Components/Icon';
+import {t} from 'Util/LocalizerUtil';
 
 export interface SearchInputProps {
   enter?: () => void | Promise<void>;
@@ -91,7 +92,11 @@ const SearchInput: React.FC<SearchInputProps> = ({
             aria-label={placeholder}
           />
           {input && (
-            <button className="search-input-cancel" onClick={() => setInput('')}>
+            <button
+              className="search-input-cancel"
+              onClick={() => setInput('')}
+              aria-label={t('accessibility.searchInput.cancel')}
+            >
               <Icon.Close css={{fill: 'var(--text-input-background)', height: 8, width: 8}} />
             </button>
           )}