mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-28 12:28:50 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use strong over b for improved a11y semantics

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2024-09-13 12:09:41 +01:00
parent 6b384fe9c1
commit a6e98b0b63
No known key found for this signature in database
GPG key ID: A2B008A5F49F5D0D
35 changed files with 80 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
res/css/views/auth/_AuthBody.pcss
View file

@ -16,7 +16,7 @@ Please see LICENSE files in the repository root for full details.
padding: 25px 60px; padding: 25px 60px;
box-sizing: border-box; box-sizing: border-box;
b { strong {
font-weight: var(--cpd-font-weight-semibold); font-weight: var(--cpd-font-weight-semibold);
} }

2
src/IdentityAuthClient.tsx
View file

@ -141,7 +141,7 @@ export default class IdentityAuthClient {
"terms|identity_server_no_terms_description_1", "terms|identity_server_no_terms_description_1",
{}, {},
{ {
server: () => <b>{abbreviateUrl(identityServerUrl)}</b>, server: () => <strong>{abbreviateUrl(identityServerUrl)}</strong>,
}, },
)} )}
</p> </p>

2
src/RoomInvite.tsx
View file

@ -145,7 +145,7 @@ export function showAnyInviteErrors(
"invite|room_failed_partial", "invite|room_failed_partial",
{}, {},
{ {
RoomName: () => <b>{room.name}</b>, RoomName: () => <strong>{room.name}</strong>,
}, },
)} )}
</h4> </h4>

2
src/components/structures/auth/forgot-password/CheckEmail.tsx
View file

@ -46,7 +46,7 @@ export const CheckEmail: React.FC<CheckEmailProps> = ({
<EMailPromptIcon className="mx_AuthBody_emailPromptIcon--shifted" /> <EMailPromptIcon className="mx_AuthBody_emailPromptIcon--shifted" />
<h1>{_t("auth|uia|email_auth_header")}</h1> <h1>{_t("auth|uia|email_auth_header")}</h1>
<div className="mx_AuthBody_text"> <div className="mx_AuthBody_text">
<p>{_t("auth|check_email_explainer", { email: email }, { b: (t) => <b>{t}</b> })}</p> <p>{_t("auth|check_email_explainer", { email: email }, { b: (t) => <strong>{t}</strong> })}</p>
<div className="mx_AuthBody_did-not-receive"> <div className="mx_AuthBody_did-not-receive">
<span className="mx_VerifyEMailDialog_text-light">{_t("auth|check_email_wrong_email_prompt")}</span> <span className="mx_VerifyEMailDialog_text-light">{_t("auth|check_email_wrong_email_prompt")}</span>
<AccessibleButton className="mx_AuthBody_resend-button" kind="link" onClick={onReEnterEmailClick}> <AccessibleButton className="mx_AuthBody_resend-button" kind="link" onClick={onReEnterEmailClick}>

2
src/components/structures/auth/forgot-password/EnterEmail.tsx
View file

@ -57,7 +57,7 @@ export const EnterEmail: React.FC<EnterEmailProps> = ({
<EmailIcon className="mx_AuthBody_icon" /> <EmailIcon className="mx_AuthBody_icon" />
<h1>{_t("auth|enter_email_heading")}</h1> <h1>{_t("auth|enter_email_heading")}</h1>
<p className="mx_AuthBody_text"> <p className="mx_AuthBody_text">
{_t("auth|enter_email_explainer", { homeserver }, { b: (t) => <b>{t}</b> })} {_t("auth|enter_email_explainer", { homeserver }, { b: (t) => <strong>{t}</strong> })}
</p> </p>
<form onSubmit={onSubmit}> <form onSubmit={onSubmit}>
<fieldset disabled={loading}> <fieldset disabled={loading}>

2
src/components/structures/auth/forgot-password/VerifyEmailModal.tsx
View file

@ -50,7 +50,7 @@ export const VerifyEmailModal: React.FC<Props> = ({
email, email,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
)} )}
</p> </p>

2
src/components/views/auth/InteractiveAuthEntryComponents.tsx
View file

@ -465,7 +465,7 @@ export class EmailIdentityAuthEntry extends React.Component<
/> />
<p> <p>
{_t("auth|uia|email", { {_t("auth|uia|email", {
emailAddress: <b>{this.props.inputs.emailAddress}</b>, emailAddress: <strong>{this.props.inputs.emailAddress}</strong>,
})} })}
</p> </p>
{this.state.requesting ? ( {this.state.requesting ? (

2
src/components/views/auth/LoginWithQRFlow.tsx
View file

@ -293,7 +293,7 @@ export default class LoginWithQRFlow extends React.Component<XOR<Props, MSC3906P
</li> </li>
<li> <li>
{_t("auth|qr_code_login|select_qr_code", { {_t("auth|qr_code_login|select_qr_code", {
scanQRCode: <b>{_t("auth|qr_code_login|scan_qr_code")}</b>, scanQRCode: <strong>{_t("auth|qr_code_login|scan_qr_code")}</strong>,
})} })}
</li> </li>
<li>{_t("auth|qr_code_login|point_the_camera")}</li> <li>{_t("auth|qr_code_login|point_the_camera")}</li>

4
src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx
View file

@ -72,8 +72,8 @@ export const AnalyticsLearnMoreDialog: React.FC<IProps> = ({
{_t("analytics|pseudonymous_usage_data", { analyticsOwner })} {_t("analytics|pseudonymous_usage_data", { analyticsOwner })}
</div> </div>
<ul className="mx_AnalyticsLearnMore_bullets"> <ul className="mx_AnalyticsLearnMore_bullets">
<li>{_t("analytics|bullet_1", {}, { Bold: (sub) => <b>{sub}</b> })}</li> <li>{_t("analytics|bullet_1", {}, { Bold: (sub) => <strong>{sub}</strong> })}</li>
<li>{_t("analytics|bullet_2", {}, { Bold: (sub) => <b>{sub}</b> })}</li> <li>{_t("analytics|bullet_2", {}, { Bold: (sub) => <strong>{sub}</strong> })}</li>
<li>{_t("analytics|disable_prompt")}</li> <li>{_t("analytics|disable_prompt")}</li>
</ul> </ul>
{privacyPolicyLink} {privacyPolicyLink}

6
src/components/views/dialogs/BugReportDialog.tsx
View file

@ -205,7 +205,7 @@ export default class BugReportDialog extends React.Component<IProps, IState> {
) { ) {
warning = ( warning = (
<p> <p>
<b>{_t("bug_reporting|unsupported_browser")}</b> <strong>{_t("bug_reporting|unsupported_browser")}</strong>
</p> </p>
); );
} }
@ -221,7 +221,7 @@ export default class BugReportDialog extends React.Component<IProps, IState> {
{warning} {warning}
<p>{_t("bug_reporting|description")}</p> <p>{_t("bug_reporting|description")}</p>
<p> <p>
<b> <strong>
{_t( {_t(
"bug_reporting|before_submitting", "bug_reporting|before_submitting",
{}, {},
@ -237,7 +237,7 @@ export default class BugReportDialog extends React.Component<IProps, IState> {
), ),
}, },
)} )}
</b> </strong>
</p> </p>
<div className="mx_BugReportDialog_download"> <div className="mx_BugReportDialog_download">

8
src/components/views/dialogs/CreateRoomDialog.tsx
View file

@ -280,7 +280,9 @@ export default class CreateRoomDialog extends React.Component<IProps, IState> {
"create_room|join_rule_restricted_label", "create_room|join_rule_restricted_label",
{}, {},
{ {
SpaceName: () => <b>{this.props.parentSpace?.name ?? _t("common|unnamed_space")}</b>, SpaceName: () => (
<strong>{this.props.parentSpace?.name ?? _t("common|unnamed_space")}</strong>
),
}, },
)} )}
&nbsp; &nbsp;
@ -294,7 +296,9 @@ export default class CreateRoomDialog extends React.Component<IProps, IState> {
"create_room|join_rule_public_parent_space_label", "create_room|join_rule_public_parent_space_label",
{}, {},
{ {
SpaceName: () => <b>{this.props.parentSpace?.name ?? _t("common|unnamed_space")}</b>, SpaceName: () => (
<strong>{this.props.parentSpace?.name ?? _t("common|unnamed_space")}</strong>
),
}, },
)} )}
&nbsp; &nbsp;

4
src/components/views/dialogs/CreateSubspaceDialog.tsx
View file

@ -95,7 +95,7 @@ const CreateSubspaceDialog: React.FC<IProps> = ({ space, onAddExistingSpaceClick
"create_space|subspace_join_rule_restricted_description", "create_space|subspace_join_rule_restricted_description",
{}, {},
{ {
SpaceName: () => <b>{parentSpace.name}</b>, SpaceName: () => <strong>{parentSpace.name}</strong>,
}, },
)} )}
</p> </p>
@ -107,7 +107,7 @@ const CreateSubspaceDialog: React.FC<IProps> = ({ space, onAddExistingSpaceClick
"create_space|subspace_join_rule_public_description", "create_space|subspace_join_rule_public_description",
{}, {},
{ {
SpaceName: () => <b>{parentSpace.name}</b>, SpaceName: () => <strong>{parentSpace.name}</strong>,
}, },
)} )}
</p> </p>

2
src/components/views/dialogs/LeaveSpaceDialog.tsx
View file

@ -77,7 +77,7 @@ const LeaveSpaceDialog: React.FC<IProps> = ({ space, onFinished }) => {
"space|leave_dialog_description", "space|leave_dialog_description",
{}, {},
{ {
spaceName: () => <b>{space.name}</b>, spaceName: () => <strong>{space.name}</strong>,
}, },
)} )}
&nbsp; &nbsp;

2
src/components/views/dialogs/ManageRestrictedJoinRuleDialog.tsx
View file

@ -144,7 +144,7 @@ const ManageRestrictedJoinRuleDialog: React.FC<IProps> = ({ room, selected = [],
"room_settings|security|join_rule_restricted_dialog_description", "room_settings|security|join_rule_restricted_dialog_description",
{}, {},
{ {
RoomName: () => <b>{room.name}</b>, RoomName: () => <strong>{room.name}</strong>,
}, },
)} )}
</p> </p>

2
src/components/views/dialogs/ManualDeviceKeyVerificationDialog.tsx
View file

@ -69,7 +69,7 @@ export function ManualDeviceKeyVerificationDialog({
<label>{_t("encryption|verification|manual_device_verification_device_key_label")}:</label>{" "} <label>{_t("encryption|verification|manual_device_verification_device_key_label")}:</label>{" "}
<span> <span>
<code> <code>
<b>{key}</b> <strong>{key}</strong>
</code> </code>
</span> </span>
</li> </li>

2
src/components/views/dialogs/RegistrationEmailPromptDialog.tsx
View file

@ -54,7 +54,7 @@ const RegistrationEmailPromptDialog: React.FC<IProps> = ({ onFinished }) => {
"auth|registration|continue_without_email_description", "auth|registration|continue_without_email_description",
{}, {},
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
)} )}
</p> </p>

2
src/components/views/dialogs/RoomUpgradeWarningDialog.tsx
View file

@ -181,7 +181,7 @@ export default class RoomUpgradeWarningDialog extends React.Component<IProps, IS
"room_settings|advanced|upgrade_warning_dialog_explainer", "room_settings|advanced|upgrade_warning_dialog_explainer",
{}, {},
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
)} )}
</p> </p>

6
src/components/views/dialogs/UploadFailureDialog.tsx
View file

@ -46,7 +46,7 @@ export default class UploadFailureDialog extends React.Component<IProps> {
sizeOfThisFile: fileSize(this.props.badFiles[0].size), sizeOfThisFile: fileSize(this.props.badFiles[0].size),
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
); );
buttons = ( buttons = (
@ -64,7 +64,7 @@ export default class UploadFailureDialog extends React.Component<IProps> {
limit: fileSize(this.props.contentMessages.getUploadLimit()!), limit: fileSize(this.props.contentMessages.getUploadLimit()!),
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
); );
buttons = ( buttons = (
@ -82,7 +82,7 @@ export default class UploadFailureDialog extends React.Component<IProps> {
limit: fileSize(this.props.contentMessages.getUploadLimit()!), limit: fileSize(this.props.contentMessages.getUploadLimit()!),
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
); );
const howManyOthers = this.props.totalFiles - this.props.badFiles.length; const howManyOthers = this.props.totalFiles - this.props.badFiles.length;

2
src/components/views/dialogs/devtools/SettingExplorer.tsx
View file

@ -128,7 +128,7 @@ const EditSetting: React.FC<IEditSettingProps> = ({ setting, onBack }) => {
</h3> </h3>
<div className="mx_DevTools_SettingsExplorer_warning"> <div className="mx_DevTools_SettingsExplorer_warning">
<b>{_t("devtools|caution_colon")}</b> {_t("devtools|use_at_own_risk")} <strong>{_t("devtools|caution_colon")}</strong> {_t("devtools|use_at_own_risk")}
</div> </div>
<div> <div>

8
src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx
View file

@ -391,7 +391,9 @@ export default class RestoreKeyBackupDialog extends React.PureComponent<IProps,
title = _t("restore_key_backup_dialog|enter_phrase_title"); title = _t("restore_key_backup_dialog|enter_phrase_title");
content = ( content = (
<div> <div>
<p>{_t("restore_key_backup_dialog|key_backup_warning", {}, { b: (sub) => <b>{sub}</b> })}</p> <p>
{_t("restore_key_backup_dialog|key_backup_warning", {}, { b: (sub) => <strong>{sub}</strong> })}
</p>
<p>{_t("restore_key_backup_dialog|enter_phrase_description")}</p> <p>{_t("restore_key_backup_dialog|enter_phrase_description")}</p>
<form className="mx_RestoreKeyBackupDialog_primaryContainer"> <form className="mx_RestoreKeyBackupDialog_primaryContainer">
@ -453,7 +455,9 @@ export default class RestoreKeyBackupDialog extends React.PureComponent<IProps,
content = ( content = (
<div> <div>
<p>{_t("restore_key_backup_dialog|key_backup_warning", {}, { b: (sub) => <b>{sub}</b> })}</p> <p>
{_t("restore_key_backup_dialog|key_backup_warning", {}, { b: (sub) => <strong>{sub}</strong> })}
</p>
<p>{_t("restore_key_backup_dialog|enter_key_description")}</p> <p>{_t("restore_key_backup_dialog|enter_key_description")}</p>
<div className="mx_RestoreKeyBackupDialog_primaryContainer"> <div className="mx_RestoreKeyBackupDialog_primaryContainer">

4
src/components/views/rooms/NewRoomIntro.tsx
View file

@ -97,7 +97,7 @@ const NewRoomIntro: React.FC = () => {
introMessage, introMessage,
{}, {},
{ {
displayName: () => <b>{displayName}</b>, displayName: () => <strong>{displayName}</strong>,
}, },
)} )}
</p> </p>
@ -241,7 +241,7 @@ const NewRoomIntro: React.FC = () => {
"room|intro|start_of_room", "room|intro|start_of_room",
{}, {},
{ {
roomName: () => <b>{room.name}</b>, roomName: () => <strong>{room.name}</strong>,
}, },
)} )}
</p> </p>

2
src/components/views/rooms/RoomPreviewCard.tsx
View file

@ -95,7 +95,7 @@ const RoomPreviewCard: FC<IProps> = ({ room, onJoinButtonClicked, onRejectButton
"room|invites_you_text", "room|invites_you_text",
{}, {},
{ {
inviter: () => <b>{inviter?.name || inviteSender}</b>, inviter: () => <strong>{inviter?.name || inviteSender}</strong>,
}, },
)} )}
</div> </div>

2
src/components/views/rooms/RoomSearchAuxPanel.tsx
View file

@ -38,7 +38,7 @@ const RoomSearchAuxPanel: React.FC<Props> = ({ searchInfo, isRoomEncrypted, onSe
_t( _t(
"room|search|summary", "room|search|summary",
{ count: searchInfo.count }, { count: searchInfo.count },
{ query: () => <b>{searchInfo.term}</b> }, { query: () => <strong>{searchInfo.term}</strong> },
) )
) : ( ) : (
<InlineSpinner /> <InlineSpinner />

2
src/components/views/rooms/RoomUpgradeWarningBar.tsx
View file

@ -69,7 +69,7 @@ export default class RoomUpgradeWarningBar extends React.PureComponent<IProps, I
"room_settings|advanced|room_upgrade_warning", "room_settings|advanced|room_upgrade_warning",
{}, {},
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
i: (sub) => <i>{sub}</i>, i: (sub) => <i>{sub}</i>,
}, },
)} )}

2
src/components/views/settings/CryptographyPanel.tsx
View file

@ -78,7 +78,7 @@ export default class CryptographyPanel extends React.Component<IProps, IState> {
<th scope="row">{_t("settings|security|session_key")}</th> <th scope="row">{_t("settings|security|session_key")}</th>
<td> <td>
<code> <code>
<b>{identityKey}</b> <strong>{identityKey}</strong>
</code> </code>
</td> </td>
</tr> </tr>

4
src/components/views/settings/JoinRuleSettings.tsx
View file

@ -281,7 +281,7 @@ const JoinRuleSettings: React.FC<JoinRuleSettingsProps> = ({
"room_settings|security|join_rule_restricted_description_active_space", "room_settings|security|join_rule_restricted_description_active_space",
{}, {},
{ {
spaceName: () => <b>{SpaceStore.instance.activeSpaceRoom!.name}</b>, spaceName: () => <strong>{SpaceStore.instance.activeSpaceRoom!.name}</strong>,
}, },
); );
} else { } else {
@ -349,7 +349,7 @@ const JoinRuleSettings: React.FC<JoinRuleSettingsProps> = ({
(roomId) => !cli.getRoom(roomId)?.currentState.maySendStateEvent(EventType.SpaceChild, userId), (roomId) => !cli.getRoom(roomId)?.currentState.maySendStateEvent(EventType.SpaceChild, userId),
); );
if (unableToUpdateSomeParents) { if (unableToUpdateSomeParents) {
warning = <b>{_t("room_settings|security|join_rule_restricted_upgrade_warning")}</b>; warning = <strong>{_t("room_settings|security|join_rule_restricted_upgrade_warning")}</strong>;
} }
upgradeRequiredDialog( upgradeRequiredDialog(

8
src/components/views/settings/SecureBackupPanel.tsx
View file

@ -259,7 +259,7 @@ export default class SecureBackupPanel extends React.PureComponent<{}, IState> {
statusDescription = ( statusDescription = (
<> <>
<SettingsSubsectionText> <SettingsSubsectionText>
{_t("settings|security|key_backup_inactive", {}, { b: (sub) => <b>{sub}</b> })} {_t("settings|security|key_backup_inactive", {}, { b: (sub) => <strong>{sub}</strong> })}
</SettingsSubsectionText> </SettingsSubsectionText>
<SettingsSubsectionText> <SettingsSubsectionText>
{_t("settings|security|key_backup_connect_prompt")} {_t("settings|security|key_backup_connect_prompt")}
@ -336,7 +336,11 @@ export default class SecureBackupPanel extends React.PureComponent<{}, IState> {
statusDescription = ( statusDescription = (
<> <>
<SettingsSubsectionText> <SettingsSubsectionText>
{_t("settings|security|key_backup_inactive_warning", {}, { b: (sub) => <b>{sub}</b> })} {_t(
"settings|security|key_backup_inactive_warning",
{},
{ b: (sub) => <strong>{sub}</strong> },
)}
</SettingsSubsectionText> </SettingsSubsectionText>
<SettingsSubsectionText>{_t("encryption|setup_secure_backup|explainer")}</SettingsSubsectionText> <SettingsSubsectionText>{_t("encryption|setup_secure_backup|explainer")}</SettingsSubsectionText>
</> </>

14
src/components/views/settings/SetIdServer.tsx
View file

@ -188,8 +188,8 @@ export default class SetIdServer extends React.Component<IProps, IState> {
"identity_server|change_prompt", "identity_server|change_prompt",
{}, {},
{ {
current: (sub) => <b>{abbreviateUrl(currentClientIdServer)}</b>, current: (sub) => <strong>{abbreviateUrl(currentClientIdServer)}</strong>,
new: (sub) => <b>{abbreviateUrl(idServer)}</b>, new: (sub) => <strong>{abbreviateUrl(idServer)}</strong>,
}, },
), ),
button: _t("action|continue"), button: _t("action|continue"),
@ -235,7 +235,7 @@ export default class SetIdServer extends React.Component<IProps, IState> {
unboundMessage: _t( unboundMessage: _t(
"identity_server|disconnect_server", "identity_server|disconnect_server",
{}, {},
{ idserver: (sub) => <b>{abbreviateUrl(this.state.currentClientIdServer)}</b> }, { idserver: (sub) => <strong>{abbreviateUrl(this.state.currentClientIdServer)}</strong> },
), ),
button: _t("action|disconnect"), button: _t("action|disconnect"),
}); });
@ -278,8 +278,8 @@ export default class SetIdServer extends React.Component<IProps, IState> {
let message; let message;
let danger = false; let danger = false;
const messageElements = { const messageElements = {
idserver: (sub: string) => <b>{abbreviateUrl(currentClientIdServer)}</b>, idserver: (sub: string) => <strong>{abbreviateUrl(currentClientIdServer)}</strong>,
b: (sub: string) => <b>{sub}</b>, b: (sub: string) => <strong>{sub}</strong>,
}; };
if (!currentServerReachable) { if (!currentServerReachable) {
message = ( message = (
@ -356,13 +356,13 @@ export default class SetIdServer extends React.Component<IProps, IState> {
bodyText = _t( bodyText = _t(
"identity_server|description_connected", "identity_server|description_connected",
{}, {},
{ server: (sub) => <b>{abbreviateUrl(idServerUrl)}</b> }, { server: (sub) => <strong>{abbreviateUrl(idServerUrl)}</strong> },
); );
if (this.props.missingTerms) { if (this.props.missingTerms) {
bodyText = _t( bodyText = _t(
"identity_server|change_server_prompt", "identity_server|change_server_prompt",
{}, {},
{ server: (sub) => <b>{abbreviateUrl(idServerUrl)}</b> }, { server: (sub) => <strong>{abbreviateUrl(idServerUrl)}</strong> },
); );
} }
} else { } else {

2
src/components/views/settings/SetIntegrationManager.tsx
View file

@ -58,7 +58,7 @@ export default class SetIntegrationManager extends React.Component<IProps, IStat
bodyText = _t( bodyText = _t(
"integration_manager|use_im_default", "integration_manager|use_im_default",
{ serverName: currentManager.name }, { serverName: currentManager.name },
{ b: (sub) => <b>{sub}</b> }, { b: (sub) => <strong>{sub}</strong> },
); );
} else { } else {
bodyText = _t("integration_manager|use_im"); bodyText = _t("integration_manager|use_im");

2
src/components/views/settings/tabs/room/AdvancedRoomSettingsTab.tsx
View file

@ -115,7 +115,7 @@ export default class AdvancedRoomSettingsTab extends React.Component<IProps, ISt
"room_settings|advanced|room_upgrade_warning", "room_settings|advanced|room_upgrade_warning",
{}, {},
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
i: (sub) => <i>{sub}</i>, i: (sub) => <i>{sub}</i>,
}, },
)} )}

4
src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx
View file

@ -117,7 +117,7 @@ export default class SecurityRoomSettingsTab extends React.Component<IProps, ISt
{_t( {_t(
"room_settings|security|enable_encryption_public_room_confirm_description_1", "room_settings|security|enable_encryption_public_room_confirm_description_1",
undefined, undefined,
{ b: (sub) => <b>{sub}</b> }, { b: (sub) => <strong>{sub}</strong> },
)}{" "} )}{" "}
</p> </p>
<p> <p>
@ -308,7 +308,7 @@ export default class SecurityRoomSettingsTab extends React.Component<IProps, ISt
<p> <p>
{" "} {" "}
{_t("room_settings|security|encrypted_room_public_confirm_description_1", undefined, { {_t("room_settings|security|encrypted_room_public_confirm_description_1", undefined, {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
})}{" "} })}{" "}
</p> </p>
<p> <p>

2
src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
View file

@ -302,7 +302,7 @@ export default class HelpUserSettingsTab extends React.Component<IProps, IState>
<summary className="mx_HelpUserSettingsTab_accessTokenDetails"> <summary className="mx_HelpUserSettingsTab_accessTokenDetails">
{_t("common|access_token")} {_t("common|access_token")}
</summary> </summary>
<b>{_t("setting|help_about|access_token_detail")}</b> <strong>{_t("setting|help_about|access_token_detail")}</strong>
<CopyableText getTextToCopy={() => this.context.getAccessToken()}> <CopyableText getTextToCopy={() => this.context.getAccessToken()}>
{this.context.getAccessToken()} {this.context.getAccessToken()}
</CopyableText> </CopyableText>

4
src/components/views/spaces/SpaceSettingsVisibilityTab.tsx
View file

@ -163,7 +163,9 @@ const SpaceSettingsVisibilityTab: React.FC<IProps> = ({ matrixClient: cli, space
<p> <p>
{_t("room_settings|visibility|history_visibility_anyone_space_description")} {_t("room_settings|visibility|history_visibility_anyone_space_description")}
<br /> <br />
<b>{_t("room_settings|visibility|history_visibility_anyone_space_recommendation")}</b> <strong>
{_t("room_settings|visibility|history_visibility_anyone_space_recommendation")}
</strong>
</p> </p>
</div> </div>
</SettingsFieldset> </SettingsFieldset>

6
src/utils/exportUtils/HtmlExport.tsx
View file

@ -98,7 +98,7 @@ export default class HTMLExporter extends Exporter {
exportDate, exportDate,
}, },
{ {
roomName: () => <b>{safeRoomName}</b>, roomName: () => <strong>{safeRoomName}</strong>,
exporterDetails: () => ( exporterDetails: () => (
<a <a
href={`https://matrix.to/#/${encodeURIComponent(exporter)}`} href={`https://matrix.to/#/${encodeURIComponent(exporter)}`}
@ -107,10 +107,10 @@ export default class HTMLExporter extends Exporter {
> >
{exporterName ? ( {exporterName ? (
<> <>
<b>{escapeHtml(exporterName)}</b>I {" (" + safeExporter + ")"} <strong>{escapeHtml(exporterName)}</strong>I {" (" + safeExporter + ")"}
</> </>
) : ( ) : (
<b>{safeExporter}</b> <strong>{safeExporter}</strong>
)} )}
</a> </a>
), ),

24
src/widgets/CapabilityText.tsx
View file

@ -154,14 +154,14 @@ export class CapabilityText {
if (room) { if (room) {
return ( return (
<TextWithTooltip tooltip={room.getCanonicalAlias() ?? roomId}> <TextWithTooltip tooltip={room.getCanonicalAlias() ?? roomId}>
<b>{room.name}</b> <strong>{room.name}</strong>
</TextWithTooltip> </TextWithTooltip>
); );
} else { } else {
return ( return (
<b> <strong>
<code>{roomId}</code> <code>{roomId}</code>
</b> </strong>
); );
} }
}, },
@ -209,7 +209,7 @@ export class CapabilityText {
eventType: eventCap.eventType, eventType: eventCap.eventType,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
), ),
byline: CapabilityText.bylineFor(eventCap), byline: CapabilityText.bylineFor(eventCap),
@ -222,7 +222,7 @@ export class CapabilityText {
eventType: eventCap.eventType, eventType: eventCap.eventType,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
), ),
byline: CapabilityText.bylineFor(eventCap), byline: CapabilityText.bylineFor(eventCap),
@ -238,7 +238,7 @@ export class CapabilityText {
eventType: eventCap.eventType, eventType: eventCap.eventType,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
), ),
byline: CapabilityText.bylineFor(eventCap), byline: CapabilityText.bylineFor(eventCap),
@ -251,7 +251,7 @@ export class CapabilityText {
eventType: eventCap.eventType, eventType: eventCap.eventType,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
), ),
byline: CapabilityText.bylineFor(eventCap), byline: CapabilityText.bylineFor(eventCap),
@ -266,7 +266,7 @@ export class CapabilityText {
"widget|capability|capability", "widget|capability|capability",
{ capability }, { capability },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
), ),
}; };
@ -390,7 +390,7 @@ export class CapabilityText {
msgtype: eventCap.keyStr, msgtype: eventCap.keyStr,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
); );
} else { } else {
@ -400,7 +400,7 @@ export class CapabilityText {
msgtype: eventCap.keyStr, msgtype: eventCap.keyStr,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
); );
} }
@ -412,7 +412,7 @@ export class CapabilityText {
msgtype: eventCap.keyStr, msgtype: eventCap.keyStr,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
); );
} else { } else {
@ -422,7 +422,7 @@ export class CapabilityText {
msgtype: eventCap.keyStr, msgtype: eventCap.keyStr,
}, },
{ {
b: (sub) => <b>{sub}</b>, b: (sub) => <strong>{sub}</strong>,
}, },
); );
} }