Polish entity browsing accessibility and responsive layout

No labels

Goal

Polish the Entity Search & Filtering experience so it is accessible, keyboard-friendly, responsive, and consistent with the existing Worldbuilding Codex UI.

Context

Worldbuilding Codex v1.1 focuses on making large fictional worlds easier to browse through entity search, type filtering, tag filtering, sorting, no-results states, and preserved browsing state.

This issue supports the final polish layer for the v1.1 release by reviewing the entity browsing experience across accessibility, responsive layout, and general usability.

Scope

Review the entity search input for accessible labeling.
Review type filter, tag filter, and sort controls for accessible labels.
Confirm controls can be reached and used with keyboard navigation.
Confirm focus states are visible and usable.
Check that reset/clear actions are understandable.
Confirm no-results and empty states are readable by screen readers where practical.
Review the entity browsing layout on desktop, tablet, and mobile widths.
Confirm entity cards/list items remain readable at smaller screen sizes.
Check spacing, wrapping, and control stacking on mobile.
Confirm there are no obvious console errors during normal entity browsing.

Acceptance Criteria

Search, filter, sort, and reset controls have clear accessible labels.
Entity browsing controls are keyboard reachable.
Focus states are visible and not hidden by layout or styling.
Search/filter/sort controls remain usable on mobile.
Entity results remain readable on mobile and desktop.
Empty and no-results states are clear and accessible.
No obvious console errors appear during normal browsing.
The UI feels consistent with the rest of Worldbuilding Codex.

Manual Verification

Tab through the entity browsing controls.
Use search with only the keyboard.
Use type filter with only the keyboard.
Use tag filter with only the keyboard.
Use sorting with only the keyboard.
Clear/reset active controls.
Test the no-results state.
Test at mobile width.
Test at desktop width.
Confirm no console errors appear.

Imported from GitHub issue `conorgregson/worldbuilding-codex#13`. Source: https://github.com/conorgregson/worldbuilding-codex/issues/13 Original author: @conorgregson Original state: closed  --- ## Goal Polish the Entity Search & Filtering experience so it is accessible, keyboard-friendly, responsive, and consistent with the existing Worldbuilding Codex UI. ## Context Worldbuilding Codex v1.1 focuses on making large fictional worlds easier to browse through entity search, type filtering, tag filtering, sorting, no-results states, and preserved browsing state. This issue supports the final polish layer for the v1.1 release by reviewing the entity browsing experience across accessibility, responsive layout, and general usability. ## Scope - Review the entity search input for accessible labeling. - Review type filter, tag filter, and sort controls for accessible labels. - Confirm controls can be reached and used with keyboard navigation. - Confirm focus states are visible and usable. - Check that reset/clear actions are understandable. - Confirm no-results and empty states are readable by screen readers where practical. - Review the entity browsing layout on desktop, tablet, and mobile widths. - Confirm entity cards/list items remain readable at smaller screen sizes. - Check spacing, wrapping, and control stacking on mobile. - Confirm there are no obvious console errors during normal entity browsing. ## Acceptance Criteria - [ ] Search, filter, sort, and reset controls have clear accessible labels. - [ ] Entity browsing controls are keyboard reachable. - [ ] Focus states are visible and not hidden by layout or styling. - [ ] Search/filter/sort controls remain usable on mobile. - [ ] Entity results remain readable on mobile and desktop. - [ ] Empty and no-results states are clear and accessible. - [ ] No obvious console errors appear during normal browsing. - [ ] The UI feels consistent with the rest of Worldbuilding Codex. ## Manual Verification - [ ] Tab through the entity browsing controls. - [ ] Use search with only the keyboard. - [ ] Use type filter with only the keyboard. - [ ] Use tag filter with only the keyboard. - [ ] Use sorting with only the keyboard. - [ ] Clear/reset active controls. - [ ] Test the no-results state. - [ ] Test at mobile width. - [ ] Test at desktop width. - [ ] Confirm no console errors appear.

foravo_admin

closed this issue
added the
accessibility

frontend

entities

ui

v1.1

responsive
labels

Rows
Columns

Polish entity browsing accessibility and responsive layout #13

Goal

Context

Scope

Acceptance Criteria

Manual Verification