jquery / jquery/jquery-ui

aria-expanded for tabs (https://jqueryui.com/tabs/)

Open
#2,094 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Accessibility Behavior shared with 1.12 Comp: Tabs
Dominant language
JavaScript
Stars
11.3k
Forks
5.2k
No merged PRs in 30d

Description

Aria-expanded is used for the

  • element with role="tab"
    As per the ARIA specifications, aria-expanded is not supported for role tab. Since aria-selected conveys which tab is currently selected, aria-expanded must be removed from the widget.

    • Contributor guide

    Open the contributing guide

    First steps

    1. Read the whole issue, then the project's contributing guide.
    2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
    3. Fork the repository and make your change on a branch.
    4. Open a pull request that references the issue number.

    Research direction

    Start with the tabs widget shown at https://jqueryui.com/tabs/ and trace where ARIA attributes are added to its tab

  • elements. Remove aria-expanded from elements with role="tab" while retaining aria-selected, then verify the rendered markup follows the stated ARIA requirement.

    • Written by the indexing model from the issue text.

    Assessment

    Tech stack
    javascript, jquery
    Domain
    accessibility, frontend
    Issue type
    Bug
    Difficulty
    2/5
    Estimated time
    1-3 hours
    Activity status
    Stale
    Clarity
    Clearly specified
    Newbie friendliness
    52/100

    Get new issues in your inbox

    A short digest of beginner-friendly GitHub issues.