Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Don't use <h1> in Uppy markup #5355

Merged
merged 2 commits into from
Jul 24, 2024
Merged

Don't use <h1> in Uppy markup #5355

merged 2 commits into from
Jul 24, 2024

Conversation

lakesare
Copy link
Collaborator

PR accompanying transloadit/uppy.io#266

@lakesare lakesare requested a review from Murderlon July 17, 2024 20:40
Copy link
Contributor

Diff output files
diff --git a/packages/@uppy/audio/lib/PermissionsScreen.js b/packages/@uppy/audio/lib/PermissionsScreen.js
index 06b3ee3..1d2aaa4 100644
--- a/packages/@uppy/audio/lib/PermissionsScreen.js
+++ b/packages/@uppy/audio/lib/PermissionsScreen.js
@@ -13,7 +13,7 @@ export default (props => {
     h("div", {
       className: "uppy-Audio-permissonsIcon",
     }, icon()),
-    h("h1", {
+    h("div", {
       className: "uppy-Audio-title",
     }, hasAudio ? i18n("allowAudioAccessTitle") : i18n("noAudioTitle")),
     h("p", null, hasAudio ? i18n("allowAudioAccessDescription") : i18n("noAudioDescription")),
diff --git a/packages/@uppy/webcam/lib/PermissionsScreen.js b/packages/@uppy/webcam/lib/PermissionsScreen.js
index 6f0cbce..fd5afb3 100644
--- a/packages/@uppy/webcam/lib/PermissionsScreen.js
+++ b/packages/@uppy/webcam/lib/PermissionsScreen.js
@@ -13,7 +13,7 @@ export default function PermissionsScreen(_ref) {
     h("div", {
       className: "uppy-Webcam-permissonsIcon",
     }, icon()),
-    h("h1", {
+    h("div", {
       className: "uppy-Webcam-title",
     }, hasCamera ? i18n("allowAccessTitle") : i18n("noCameraTitle")),
     h("p", null, hasCamera ? i18n("allowAccessDescription") : i18n("noCameraDescription")),

Copy link
Member

@Murderlon Murderlon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We do put effort into making Uppy screen reader accessible so opting for the least semantic div is not ideal. At the minimum this should be <p> but I'm also not against the idea of headings, although perhaps not <h1>.

@lakesare
Copy link
Collaborator Author

@Murderlon, did you read the discussion above?

@lakesare lakesare merged commit c0c126e into main Jul 24, 2024
17 checks passed
@lakesare lakesare deleted the lakesare/css branch July 24, 2024 01:09
@github-actions github-actions bot mentioned this pull request Jul 30, 2024
github-actions bot added a commit that referenced this pull request Jul 30, 2024
| Package              | Version | Package              | Version |
| -------------------- | ------- | -------------------- | ------- |
| @uppy/audio          |   2.0.1 | @uppy/status-bar     |   4.0.1 |
| @uppy/aws-s3         |   4.0.2 | @uppy/store-default  |   4.1.0 |
| @uppy/compressor     |   2.0.1 | @uppy/transloadit    |   4.0.1 |
| @uppy/core           |   4.1.0 | @uppy/utils          |   6.0.1 |
| @uppy/dashboard      |   4.0.2 | @uppy/webcam         |   4.0.1 |
| @uppy/remote-sources |   2.1.0 | uppy                 |   4.1.0 |

- @uppy/remote-sources: fix options type (Merlijn Vos / #5364)
- @uppy/transloadit: do not mark `opts` as mandatory (Antoine du Hamel / #5375)
- @uppy/compressor: mark `quality` as optional (Antoine du Hamel / #5374)
- @uppy/aws-s3: improve error when `endpoint` is not provided (Antoine du Hamel / #5361)
- @uppy/core,@uppy/store-default: export `Store` type (Merlijn Vos / #5373)
- @uppy/dashboard: make `toggleAddFilesPanel` args consistent (Evgenia Karunus / #5365)
- @uppy/dashboard: Dashboard - convert some files to typescript (Evgenia Karunus / #5359)
- @uppy/audio,@uppy/webcam: Don't use `<h1>` in Uppy markup (Evgenia Karunus / #5355)
- @uppy/status-bar: GoldenRetriever + `hideUploadButton=true` (Evgenia Karunus / #5350)
- meta: Bump docker/build-push-action from 6.3.0 to 6.4.1 (dependabot[bot] / #5360)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants