diff --git a/package.json b/package.json
index afc17122..0e61625b 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
"@eartharoid/i18n": "1.2.1",
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
- "@floating-ui/react-dom": "^2.0.1",
+ "@floating-ui/react-dom": "1.3.0",
"@fontsource/lexend-deca": "5.0.5",
"@fontsource/montserrat": "5.0.5",
"@muetab/react-color-gradient-picker": "0.1.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 54672412..51db93bf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,9 +1,5 @@
lockfileVersion: '6.0'
-settings:
- autoInstallPeers: true
- excludeLinksFromLockfile: false
-
dependencies:
'@eartharoid/i18n':
specifier: 1.2.1
@@ -15,8 +11,8 @@ dependencies:
specifier: ^11.11.0
version: 11.11.0(@emotion/react@11.11.1)(react@18.2.0)
'@floating-ui/react-dom':
- specifier: ^2.0.1
- version: 2.0.1(react-dom@18.2.0)(react@18.2.0)
+ specifier: ^1.3.0
+ version: 1.3.0(react-dom@18.2.0)(react@18.2.0)
'@fontsource/lexend-deca':
specifier: 5.0.5
version: 5.0.5
@@ -2172,8 +2168,8 @@ packages:
'@floating-ui/core': 1.3.1
dev: false
- /@floating-ui/react-dom@2.0.1(react-dom@18.2.0)(react@18.2.0):
- resolution: {integrity: sha512-rZtAmSht4Lry6gdhAJDrCp/6rKN7++JnL1/Anbr/DdeyYXQPxvg/ivrbYvJulbRf4vL8b212suwMM2lxbv+RQA==}
+ /@floating-ui/react-dom@1.3.0(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-htwHm67Ji5E/pROEAr7f8IKFShuiCKHwUC/UY4vC3I5jiSvGFAYnSYiZO5MlGmads+QqvUkR9ANHEguGrDv72g==}
peerDependencies:
react: '>=16.8.0'
react-dom: '>=16.8.0'
@@ -6274,3 +6270,7 @@ packages:
resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
engines: {node: '>=10'}
dev: true
+
+settings:
+ autoInstallPeers: true
+ excludeLinksFromLockfile: false
diff --git a/src/components/widgets/background/Maximise.jsx b/src/components/widgets/background/Maximise.jsx
index 04fe43fa..260b512f 100644
--- a/src/components/widgets/background/Maximise.jsx
+++ b/src/components/widgets/background/Maximise.jsx
@@ -76,7 +76,7 @@ class Maximise extends PureComponent {
-
diff --git a/src/components/widgets/navbar/Navbar.jsx b/src/components/widgets/navbar/Navbar.jsx
index 31de2a3f..fb407bf7 100644
--- a/src/components/widgets/navbar/Navbar.jsx
+++ b/src/components/widgets/navbar/Navbar.jsx
@@ -115,7 +115,11 @@ class Navbar extends PureComponent {
title={variables.getMessage('widgets.navbar.tooltips.refresh')}
subtitle={this.state.refreshText}
>
- this.refresh()} style={{ fontSize: this.state.zoomFontSize }}>
+ this.refresh()}
+ style={{ fontSize: this.state.zoomFontSize }}
+ aria-label={variables.getMessage('widgets.navbar.tooltips.refresh')}
+ >
@@ -130,6 +134,11 @@ class Navbar extends PureComponent {
this.props.openModal('mainModal')}
style={{ fontSize: this.state.zoomFontSize }}
+ aria-label={variables.getMessage('modals.main.navbar.settings', {
+ type: variables.getMessage(
+ 'modals.main.navbar.tooltips.refresh_' + this.refreshValue,
+ ),
+ })}
>
diff --git a/src/components/widgets/navbar/Notes.jsx b/src/components/widgets/navbar/Notes.jsx
index eaea1b13..dfe6cdd3 100644
--- a/src/components/widgets/navbar/Notes.jsx
+++ b/src/components/widgets/navbar/Notes.jsx
@@ -97,6 +97,7 @@ class Notes extends PureComponent {
onBlur={() => this.hideNotes()}
ref={this.props.notesRef}
style={{ fontSize: this.state.zoomFontSize }}
+ aria-label={variables.getMessage('widgets.navbar.notes.title')}
>
diff --git a/src/components/widgets/quote/Quote.jsx b/src/components/widgets/quote/Quote.jsx
index 732b88fb..0279e5f3 100644
--- a/src/components/widgets/quote/Quote.jsx
+++ b/src/components/widgets/quote/Quote.jsx
@@ -25,28 +25,28 @@ export default class Quote extends PureComponent {
buttons = {
share: (
- this.setState({ shareModal: true })}>
+ this.setState({ shareModal: true })} aria-label={variables.getMessage('widgets.quote.share')}>
),
copy: (
- this.copyQuote()}>
+ this.copyQuote()} aria-label={variables.getMessage('widgets.quote.copy')}>
),
unfavourited: (
- this.favourite()}>
+ this.favourite()} aria-label={variables.getMessage('widgets.quote.favourite')}>
),
favourited: (
- this.favourite()}>
+ this.favourite()} aria-label={variables.getMessage('widgets.quote.unfavourite')}>
@@ -436,6 +436,7 @@ export default class Quote extends PureComponent {
className="quoteAuthorLink"
target="_blank"
rel="noopener noreferrer"
+ aria-label="Learn about the author of the quote."
>
{this.state.author}
@@ -481,6 +482,7 @@ export default class Quote extends PureComponent {
className="quoteAuthorLink"
target="_blank"
rel="noopener noreferrer"
+ aria-label="Learn about the author of the quote."
>
{' '}
diff --git a/src/components/widgets/search/Search.jsx b/src/components/widgets/search/Search.jsx
index 7d27ff22..758665af 100644
--- a/src/components/widgets/search/Search.jsx
+++ b/src/components/widgets/search/Search.jsx
@@ -100,7 +100,7 @@ export default class Search extends PureComponent {
if (localStorage.getItem('voiceSearch') === 'true') {
microphone = (
-
+
);
@@ -211,6 +211,7 @@ export default class Search extends PureComponent {
title={variables.getMessage('modals.main.settings.sections.search.search_engine')}
>
this.setState({ searchDropdown: !this.state.searchDropdown })}
>
{this.getSearchDropdownicon(this.state.currentSearch)}
@@ -228,7 +229,7 @@ export default class Search extends PureComponent {