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

AIS-64 | @jdwjdwjdw | A11y and console fixups #153

Merged
merged 4 commits into from
May 29, 2024
Merged

Conversation

jdwjdwjdw
Copy link
Contributor

@jdwjdwjdw jdwjdwjdw commented May 28, 2024

NOT READY FOR REVIEW

  • (Edit the above to reflect status)

Summary

Review By (Date)

  • Before 6/1

Criticality

  • High

Review Tasks

Setup tasks and/or behavior to test

  1. Check out this branch
  2. Download the Siteimprove Accessibility Checker extension at https://chromewebstore.google.com/detail/siteimprove-accessibility/djcglbmbegflehmbfleechkjhmedcopn
  3. Navigate to /examples/form-elements, run the Sitemprove extension, and confirm that the Form field missing a label A11y issues are no longer being flagged on that page.
  4. Review other updated pages and confirm they still look good.
  5. Review code 🐙

Associated Issues and/or People

  • AIS-64: A11y | Decanter: Fix WCAG A Issues

Copy link

netlify bot commented May 28, 2024

Deploy Preview for decanter ready!

Name Link
🔨 Latest commit 84561bc
🔍 Latest deploy log https://app.netlify.com/sites/decanter/deploys/66576b6ceda1e100085bf1a0
😎 Deploy Preview https://deploy-preview-153--decanter.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@@ -9,7 +9,7 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z
<div class="h-full w-full overflow-hidden absolute">
<img
class="h-full w-full object-cover object-center"
src="https://placekitten.com/1000/750"
Copy link
Member

Choose a reason for hiding this comment

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

Ah, boo. No more place kitteh.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I was sad too 😿

@@ -200,29 +200,29 @@ lastUpdatedDate: 2023-05-25T12:00:00.000Z
</Section>
<Section heading="Library Card" width="full">
```html
<div class="card block w-full basefont-23 leading-display bg-white text-black border border-solid border-black-10 shadow-md md:max-w-500">
<div class="overflow-hidden aspect-[16/9] relative" aria-hidden="true">
<div className="card block w-full basefont-23 leading-display bg-white text-black border border-solid border-black-10 shadow-md md:max-w-500">
Copy link
Member

Choose a reason for hiding this comment

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

@jdwjdwjdw
It looks like you've changed the example markup from HTML valid markup to React markup. Can you tell me more about why you changed these? This changes the example markup code and they are invalid HTML attributes.

Screenshot 2024-05-29 at 09 43 02

Copy link
Member

@sherakama sherakama May 29, 2024

Choose a reason for hiding this comment

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

The stuff inside the html fencing '''html should stay as html and not react.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks - I got a little overambitious while trying to fix the console errors. Some of the JSX vs HTML did need a little cleanup, so I removed my incorrect changes and kept the ones that needed updating. Should be good for another look now.

Copy link
Member

@sherakama sherakama left a comment

Choose a reason for hiding this comment

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

Thanks for adding the labels.

For the HTML code inside the code fence, please return it to HTML markup.

Otherwise this all looks good.

@sherakama
Copy link
Member

Screenshot 2024-05-29 at 10 57 32

@sherakama sherakama merged commit 1019979 into main May 29, 2024
6 checks passed
@sherakama sherakama deleted the AIS-64--A11y-fixup branch May 29, 2024 17:57
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.

2 participants