Screen reader accessibility in webapp

[endernoke]

Description

First of all thank you for creating this awesome project.

When using the webapp with a screen reader, I noticed the following accessibility issues:

• Most buttons are unlabeled fixed
• Some text in the shell output cannot be read out
  e.g. when you run !git status, the screen reader only announces the meta information but not the list of untracked files.

I will expand this list as I encounter more issues.

Screen reader I am using: NVDA 2024.4.2

P.S. This is not the same as #8565, it is about the TUI whereas this issue is concerned with the webapp.

Plugins

No response

OpenCode version

1.1.21

Steps to reproduce

1. opencode serve
2. Go to the webapp URL and navigate the content with a screen reader

Screenshot and/or share link

No response

Operating System

Windows 11

Terminal

No response

[endernoke]

Happy to work on this

[github-actions]

This issue might be a duplicate of or related to existing issues. Please check:

• [FEATURE]:Accessibility mode for screen reader users #8565: Accessibility mode for screen reader users - directly related feature request for accessibility support

Additionally, since this involves accessibility and keyboard navigation for screen reader users, please also check our pinned keybinds documentation: #4997