Skip to content

Conversation

@alvaromontoro
Copy link
Contributor

Description

Show warning message if zoom/scale has been disabled via HTML. This new feature includes the following changes:

  • Add warning message (new _head.scss file)
  • Update codes.md
  • Update features.md
  • Update demo page
  • Add cypress test
  • Build the library

Why is this important?

Disabling the zoom/scale prevents users from making the page larger and it can be an accessibility problem as they may not be able to read or see the content.

Covered test cases

Added a cypress test case to check if there's a warning if the meta viewport has some wrong properties.

Did you test on all major browsers?

  • Chrome
  • Firefox
  • Edge
  • Safari

Other details

Screenshot on Chrome:

image


T&Cs

  • I confirm I have read and understand the contributing guidelines
  • I understand the work in this pull request will not be released straight away and will appear in a future release (if approved)
  • I confirm the work in this pull request is true and valid to the best of my knowledge
  • I have updated the README, features.md and codes.md files where applicable

@jackdomleo7 jackdomleo7 self-requested a review January 11, 2022 19:59
@jackdomleo7 jackdomleo7 added the a11y feature New feature or request for an a11y check label Jan 11, 2022
@jackdomleo7 jackdomleo7 linked an issue Jan 11, 2022 that may be closed by this pull request
2 tasks
Copy link
Owner

@jackdomleo7 jackdomleo7 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 this PR @alvaromontoro! Sorry for the late review over Christmas & New Year. Just a few minor comments 🙂

- Update Warning title
- Fix typo
- Simplify SASS code
Copy link
Owner

@jackdomleo7 jackdomleo7 left a comment

Choose a reason for hiding this comment

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

Thank you for this feature @alvaromontoro!

@jackdomleo7 jackdomleo7 changed the title Feature/no user zoom warning Show warning when user is prevented from allowing to scroll Jan 14, 2022
@jackdomleo7 jackdomleo7 merged commit d9b9405 into jackdomleo7:master Jan 14, 2022
@jackdomleo7 jackdomleo7 changed the title Show warning when user is prevented from allowing to scroll Show warning when user is prevented from allowing to zoom Jan 14, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y feature New feature or request for an a11y check

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[A11Y FEATURE]: Allow user zoom

2 participants