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

feat: add Touch Target Minimum section to Links and Button pages #390

Closed
wants to merge 8 commits into from
Closed

feat: add Touch Target Minimum section to Links and Button pages #390

wants to merge 8 commits into from

Conversation

CBID2
Copy link
Contributor

@CBID2 CBID2 commented Jan 12, 2024

Describe your changes

This PR adds a Touch Target Minimum section to the Links and Buttons pages, helping developers gain a better understanding of how to make these components more accessible.

Screenshots - If Any (Optional)

Link to issue

Closes #386

Checklist before requesting a review

  • I have performed a self-review of my code.
  • Followed the repository's Contributing Guidelines.
  • I ran the app and tested it locally to verify that it works as expected.
  • I have checked my code with an automatic accessibility tool such as Axe Dev Tools or Wave
    and it shows no errors.

Additional Information (Optional)

It is still a work in progress.

@CBID2 CBID2 marked this pull request as ready for review January 13, 2024 00:40
@CBID2
Copy link
Contributor Author

CBID2 commented Jan 13, 2024

Hi @EmmaDawsonDev! :) I'm done with my PR.

Copy link
Member

@EmmaDawsonDev EmmaDawsonDev left a comment

Choose a reason for hiding this comment

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

Thanks Chrissy. I left a few comments. Let me know if you need help with anything.

components/ContentTemplates/ButtonsTemplate.tsx Outdated Show resolved Hide resolved
components/ContentTemplates/ButtonsTemplate.tsx Outdated Show resolved Hide resolved
components/ContentTemplates/ButtonsTemplate.tsx Outdated Show resolved Hide resolved
components/ContentTemplates/LinksTemplate.tsx Show resolved Hide resolved
@@ -41,6 +41,7 @@ export const linkPageNavigation: IPageNavigationItem[] = [
{ linkName: "Link State and Style", href: "#linkStates" },
{ linkName: "Image and Icon Links", href: "#linkImage" },
{ linkName: "WCAG Criteria", href: "#WCAGCriteria" },
{ linkName: "Touch Target Minimum", href: "#touchTargetMinimum" },
Copy link
Member

Choose a reason for hiding this comment

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

Please add the link object in the correct place in the list corresponding to where it appears on the page.

Please also add it to the buttonPageNavigation array.

@CBID2 CBID2 closed this Jan 27, 2024
@CBID2 CBID2 deleted the adding-small-section-about-WCAG-2.2 branch January 27, 2024 23:01
@CBID2
Copy link
Contributor Author

CBID2 commented Jan 27, 2024

Hi @EmmaDawsonDev! :) Too many issues occured in the revision of this PR, so I closed it. The improved version in is PR #391.

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.

Add section about minimum touch target size to buttons and links
2 participants