Skip to content

ARC Toolkit reports errors for valid list -> group -> listitem structure #72

@muchktom

Description

@muchktom

Describe the bug

ARC Toolkit marks lists as invalid when the structure is list -> group -> listitem. According to the MDN documentation on the list role, this structure should be valid:

Elements with role list must have one or more elements with the role listitem as children, or one or more elements with the role of group that have one or more elements with the listitem role as children.

To Reproduce

Steps to reproduce the behavior:

  1. Create a ul or ol element with role="list".
  2. Inside, nest a div with role="group".
  3. Place li elements with role="listitem" inside the group.
  4. Run ARC Toolkit on the page.
  5. See reported errors.

Expected behavior

The list -> group -> listitem pattern should be considered valid, and no errors should be reported.

Image

Screenshots

Image Image

If applicable, include ARC Toolkit output highlighting the reported issues.

Version information

  • Browser and version: Chrome 38.0.7204.184
  • OS: macOS 13.7.5 (22H527)
  • ARC Toolkit version: 5.7.10

Errors reported by ARC Toolkit

  1. ARIA widget has an incorrect owned element, Description: The group element is not expected inside the list role.
  2. The listitem role is missing the {{requiredContextRole}} required context role.
  3. The <li> list item elements lack an appropriate <ol> (ordered list) or <ul> (unordered list) parent element.

Additional context

Based on MDN and ARIA specification, the list -> group -> listitem structure should be valid. ARC Toolkit appears to incorrectly flag this as an error.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions