question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Rating: ARIA issues

See original GitHub issue

Describe 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.:

  1. required=“true” > grafik

  2. readonly=“true” > grafik grafik

Environment:

  • PF Version: 10.0.0

To Reproduce Steps to reproduce the behavior:

  1. Add the example code below to your application.
  2. Copy your site’s HTML code into the Nu HTML Checker and start validation.
  3. 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:closed
  • Created 2 years ago
  • Comments:9 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
mellowarecommented, Feb 18, 2022

Found this and it solves all ARIA issues with rating: image

0reactions
jepsarcommented, Feb 21, 2022
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found