Rating: ARIA issues
See original GitHub issueDescribe the defect Nu HTML Checker can be used to validate a site’s HTML syntax. The following validation errors appeared when using the rating component with the mentioned attributes. The errors seem to concern the tag <input type=“hidden” …/> on the rating component.:
-
required=“true” >
-
readonly=“true” >
Environment:
- PF Version: 10.0.0
To Reproduce Steps to reproduce the behavior:
- Add the example code below to your application.
- Copy your site’s HTML code into the Nu HTML Checker and start validation.
- See the validation errors.
Expected behavior The attributes “aria-required”, “aria-readonly” and “readonly” should not be added to the -element within the rating component as they cause a HTML validation errors and thus violate WCAG success criterion 4.1.1 for accessibility.
Example XHTML
<h:form id="frmTest">
<p:rating value="3"
required="true" />
<p:rating value="3"
readonly="true"/>
</h:form>
Issue Analytics
- State:
- Created 2 years ago
- Comments:9 (7 by maintainers)
Top Results From Across the Web
What you need to know about ARIA and how to fix common ...
Incorrect ARIA can actually cause more accessibility issues. Learn what else everyone should know about ARIA plus tips for using ARIA.
Read more >Thor Motor Coach ARIA reviews - RVInsider.com
2021 Thor Aria has never ending issues since day one. 19 months and Freightliner TPMS system still not fixed. Refrigerator broke on 2nd...
Read more >5 star rating system - ACTUALLY accessible, no JS, no WAI ...
A lot of star rating systems use yellow stars with no border. This provides terrible contrast with the background and can be an...
Read more >Rating Radio Group Example | WAI-ARIA Authoring Practices ...
Rating Radio Group Example ... Note: This is an illustrative example of one way of using ARIA that conforms with the ARIA specification....
Read more >Using ARIA: Roles, states, and properties - MDN Web Docs
Widget attributes · Live region attributes · Drag & drop attributes · Relationship attributes · MicrosoftEdge-specific properties · Found a problem ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Found this and it solves all ARIA issues with rating:
Might be the same issue as with https://github.com/primefaces/primefaces/pull/8462