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

SITES-26450 - Accessibility Issues with AEM Core Components (Form) - WCAG 2.1 Compliance #2913

Merged
merged 4 commits into from
Jan 31, 2025

Conversation

LSantha
Copy link
Contributor

@LSantha LSantha commented Jan 28, 2025

  • implemented support for displaying validation messages in the markup by based on the HTML 5 form validation
  • updated unit tests
  • updated selenium tests
Q                       A
Fixed Issues? SITES-26450
Patch: Bug Fix?
Minor: New Feature?
Major: Breaking Change?
Tests Added + Pass? Yes
Documentation Provided Yes (code comments and or markdown)
Any Dependency Changes?
License Apache License, Version 2.0

…WCAG 2.1 Compliance

 * implemented support for displaying validation messages in the markup by based on the HTML 5 form validation
 * updated unit tests
 * updated selenium tests
Copy link

codecov bot commented Jan 28, 2025

Codecov Report

Attention: Patch coverage is 75.00000% with 1 line in your changes missing coverage. Please review.

Project coverage is 87.14%. Comparing base (b6dc1b6) to head (e493e35).
Report is 1 commits behind head on main.

Files with missing lines Patch % Lines
...e/components/internal/models/v1/form/TextImpl.java 66.66% 0 Missing and 1 partial ⚠️
Additional details and impacted files
@@             Coverage Diff              @@
##               main    #2913      +/-   ##
============================================
- Coverage     87.14%   87.14%   -0.01%     
- Complexity     2695     2697       +2     
============================================
  Files           235      235              
  Lines          7197     7201       +4     
  Branches       1103     1104       +1     
============================================
+ Hits           6272     6275       +3     
  Misses          366      366              
- Partials        559      560       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@LSantha LSantha requested a review from vladbailescu January 30, 2025 08:03
…WCAG 2.1 Compliance

 * addressing review feedback
@LSantha LSantha merged commit fe539dd into main Jan 31, 2025
16 checks passed
@LSantha LSantha deleted the SITES-26450 branch January 31, 2025 14:18
@@ -88,10 +95,19 @@
event.target.setCustomValidity(this._properties.requiredMessage);
}
}
if (displayValidationMessage) {
let validationMessage = event.target.parentElement.querySelector(".cmp-form-text__validation-message");
Copy link
Contributor

@mohiaror mohiaror Feb 20, 2025

Choose a reason for hiding this comment

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

@LSantha This can be problematic. I just pulled in all the changes from master in my branch to create a private build and it fails in CM with error -

Errors:
--> JSC_LANGUAGE_FEATURE. This language feature is only supported for ECMASCRIPT6 mode or better: let declaration. at libs/core/wcm/components/form/text/v2/text/clientlibs/site.min.js line 99 : 12source: libs/core/wcm/components/form/text/v2/text/clientlibs/site.min.js line: 99

You can fix this by either not using let or by adding a jsProcessor for ECMASCRIPT support like 034884c

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@mohiaror , I've opened this PR to fix this issue #2924

@vladbailescu vladbailescu added this to the 2.28.0 milestone Feb 21, 2025
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.

4 participants