Skip to content

Further shape accessibility of Z-Wave JS UI #222

Description

@mkerstner

Problem statement

Z-Wave JS UI gives us deep visibility into a Z-Wave network: node management, provisioning, statistics, logs, and firmware updates all live there.

It grew feature by feature over several iterations, and that history now shows. Related settings are split across different tabs, some screens mix beginner and advanced actions on the same page, and terminology is inconsistent between sections.

With Z-Wave JS UI now bundled directly into the Z-Wave JS add-on (#199), more people potentially will open it as part of their everyday setup rather than only when troubleshooting, or maybe out of pure interest.

Thus, this is a good moment to revisit the interface as a whole so it reads as one coherent product instead of a set of features stacked on top of each other, and so people can find and understand the information they need without prior Z-Wave expertise.

Community signals

Scope & Boundaries

In scope

  • Information architecture review: grouping related settings, actions, and diagnostics so they live in predictable places
  • Navigation simplification: reducing the number of clicks/tabs needed to reach common tasks
  • Consistent terminology and labeling across screens
  • Accessibility improvements (contrast, keyboard navigation, screen reader support) brought in line with our general accessibility principles
  • Visual and interaction consistency with the broader Home Assistant/Z-Wave JS design language established through the merge in Merge Z-Wave JS and Z-Wave JS UI add-ons to further leverage a coherent foundation going forward #199

Not in scope

  • New functionality or features beyond what Z-Wave JS UI already offers
  • Changes to the underlying Z-Wave JS driver or protocol handling
  • Migration or data model changes tied to the add-on merge itself (tracked separately)

Foreseen solution

We audit the current Z-Wave JS UI interface screen by screen and map what exists today against how it is actually used. We are not aiming to reinvent the navigation, we are streamlining what's already there: grouping related settings, actions, and diagnostics into predictable places, applying consistent naming across screens, and aligning the visual style with the design direction already emerging for the merged add-on. We roll changes out incrementally, screen group by screen group, so we can validate each change against community feedback rather than shipping one large redesign at once.

Risks & open questions

No response

Appetite

Medium - 1 cycle

Execution issues

No response

Decision log

Date Decision Outcome

Metadata

Metadata

Labels

No labels
No labels

Fields

No fields configured for Opportunity.

Projects

Status
Shaping

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions