Skip to content

Commit 6f4a4a1

Browse files
committed
fix: add aria-label attributes to emoji toolbar buttons
Screen readers cannot infer meaning from the bare emoji characters (⚙, +, ⊞). Add aria-label to the two <button> elements and role=tab plus aria-label to the Agent tab <div> so assistive technology announces them correctly.
1 parent 0e6b8b5 commit 6f4a4a1

1 file changed

Lines changed: 5 additions & 5 deletions

File tree

index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -133,18 +133,18 @@ <h2>ClawLess</h2>
133133
<div class="resize-handle resize-v" id="resize-editor-terminal"></div>
134134
<div id="terminal-panel">
135135
<div id="terminal-tabs">
136-
<div class="term-tab active" data-id="agent">
136+
<div class="term-tab active" data-id="agent" role="tab" aria-label="Agent Terminal">
137137
<span class="term-tab-label">⚙ Agent</span>
138138
</div>
139-
<button id="btn-add-terminal" title="New Terminal"></button>
140-
<button id="btn-split-terminal" class="btn-icon" title="Split Terminal"></button>
139+
<button id="btn-add-terminal" title="New Terminal" aria-label="New Terminal"></button>
140+
<button id="btn-split-terminal" class="btn-icon" title="Split Terminal" aria-label="Split Terminal"></button>
141141
</div>
142142
<div id="terminal-panes">
143143
<div class="term-pane active" id="terminal-pane-agent">
144144
<div class="term-pane-inner" id="terminal-container"></div>
145145
</div>
146-
<div class="resize-handle resize-h hidden" id="resize-terminal-split"></div>
147-
<div class="term-pane hidden" id="terminal-pane-split">
146+
<div class="resize-handle resize-h resize-split hidden" id="resize-terminal-split"></div>
147+
<div class="term-pane term-pane-split hidden" id="terminal-pane-split">
148148
<!-- Dynamic split pane content goes here -->
149149
</div>
150150
</div>

0 commit comments

Comments
 (0)