Skip to content

Conversation

@staskus
Copy link
Contributor

@staskus staskus commented Oct 1, 2025

Description

WOOMOB-1403

Make the POS Order List and Details more accessible by grouping elements and adding accessibility labels with explanations.

Steps to reproduce

  1. Open POS -> Menu -> Orders
  2. Enable VoiceOver / Open Accessibility Inspector
  3. Navigate through order list rows, confirm each row is read out with all the information clearly
  4. Navigate through order details, confirm information in the header, products, and totals cards are read out with all the information clearly

Testing information

Tested on iPad Air 26.0


  • I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

@staskus staskus added this to the 23.4 milestone Oct 1, 2025
@staskus staskus added type: task An internally driven task. feature: POS labels Oct 1, 2025
@dangermattic
Copy link
Collaborator

dangermattic commented Oct 1, 2025

2 Warnings
⚠️ View files have been modified, but no screenshot or video is included in the pull request. Consider adding some for clarity.
⚠️ This PR is assigned to the milestone 23.4. This milestone is due in less than 2 days.
Please make sure to get it merged by then or assign it to a milestone with a later deadline.

Generated by 🚫 Danger

@wpmobilebot
Copy link
Collaborator

wpmobilebot commented Oct 1, 2025

App Icon📲 You can test the changes from this Pull Request in WooCommerce iOS Prototype by scanning the QR code below to install the corresponding build.

App NameWooCommerce iOS Prototype
Build Numberpr16193-e7e407e
Version23.3
Bundle IDcom.automattic.alpha.woocommerce
Commite7e407e
Installation URL4arvmc3cdkid8
Automatticians: You can use our internal self-serve MC tool to give yourself access to those builds if needed.

@jaclync jaclync self-assigned this Oct 2, 2025
Copy link
Contributor

@jaclync jaclync left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works nicely, very thoughtful accessibility support in POS orders 💯 Tested with accessibility inspector.

Base automatically changed from woomob-1142-woo-poshistorical-orders-order-list-designer-ui to trunk October 2, 2025 07:06
Introduces an accessibility label to POSOrderBadgeView using a localized string for improved accessibility. Adds a Localization helper to format the label with the order status.
Adds accessibility labels, traits, and hints to key UI elements in POSOrderDetailsView for improved VoiceOver support. Introduces helper methods and localized strings to provide descriptive accessibility information for headers, product rows, totals, payments, refunds, and actions.
Introduces accessibility labels and hints for the search button and order rows in POSOrderListView to improve screen reader support. Ghost order rows are now hidden from accessibility. Localization keys for these labels and hints have been added.
@staskus staskus force-pushed the woomob-1403-woo-poshistorical-orders-voiceover-and-accessibility branch from 68877f8 to e7e407e Compare October 2, 2025 07:34
@staskus staskus enabled auto-merge October 2, 2025 07:35
@staskus staskus merged commit eaa33a0 into trunk Oct 2, 2025
13 checks passed
@staskus staskus deleted the woomob-1403-woo-poshistorical-orders-voiceover-and-accessibility branch October 2, 2025 07:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature: POS type: task An internally driven task.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants