JuliaPluto/Pluto.jl

Add ARIA attributes to tab buttons

オープン

#3,274 opened on 2025/06/20

 (2 件のコメント) (1 件のリアクション) (0 人の担当者)Julia (329 件のフォーク)batch import
accessibilityfrontendgood first issue

Repository metrics

Stars
 (5,295 個のスター)
PR merge metrics
 (平均マージ 5d 12h) (30d で 13 merged PRs)

説明

This is about the buttons to toggle the pages in the live docs / status panel - which I also discussed in #3273. I decided to make this one a separate issue because you can tackle them independently.

From what I can see, these controls are <button> elements without any further semantics encoded (through a role or ARIA attributes). That indicates that you can push them, but there is no encoding that these buttons have an active/inactive status, or that they control a different part of the page. You can see these things visually, but it's not clear for assistive technologies.

Solution: the way these interactions are programmed matches the disclosure pattern. Set the aria-expanded and aria-controls attributes based on the state of the widget and this is good to go!

コントリビューターガイド