Skip to content

Initial ADA check: Primeface hidden checkboxes fail compatibility #2634

@raprasad

Description

@raprasad

I ran a dataset page through the Web Accessibility Evaluation Tool

It flagged many errors (76) as well as alerts (43). I didn't examine them in depth but they're mostly related to standard HTML tagging practices for ADA -- may not be hard to fix.

The test indicated that Primefaces generates checkboxes that are not ADA compliant--they lack <label...> tags. The Primefaces checkbox HTML is described here:

This is a double-sided issue:

  • Adding labels to the checkboxes may fix the warnings from the ADA web tool
  • However, the checkbox HTML elements aren't actually visible.
    • The Primefaces checkbox substitute (a clickable icon) would need to be tested for ADA usability
    • In other words, is this an ADA checkbox?
 <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
    <span class="ui-chkbox-icon ui-c"></span>
    </div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Component: JSFInvolves modifying JSF (Jakarta Server Faces) code, which is being replaced with React.Feature: AccessibilityAccessibility is the practice of making your websites usable by as many people as possible.Type: Buga defectUX & UI: DesignThis issue needs input on the design of the UI and from the product owner

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions