Fix/price slider aria values

[tjcafferkey]

Description

• Add human readable values to the aria attribute of the Price Filter slider for screen readers.

Fixes #4378

Accessibility

• I've tested using only a keyboard (no mouse)
• I've tested using a screen reader

Testing

Manual Testing

How to test the changes in this Pull Request:

1. Add the Filter By Price block to your All Products page
2. Turn Voice Over on your Mac (click the power button 3 times to do this)
3. Move the slider back and fourth, the voice should say "Ninety" instead of "Nine thousand" for example.

Changelog

Filter By Price: Update aria values to be more representative of the actual values presented.

[github-actions]

Size Change: +51 B (0%)

Total Size: 1.23 MB

Filename	Size	Change
build/price-filter-frontend.js	14.3 kB	+26 B (0%)
build/price-filter.js	9.66 kB	+25 B (0%)

ℹ️ View Unchanged

Filename	Size
build/active-filters-frontend.js	8.35 kB
build/active-filters.js	8.01 kB
build/all-products-frontend.js	23.1 kB
build/all-products.js	37 kB
build/all-reviews.js	9.56 kB
build/atomic-block-components/add-to-cart--atomic-block-components/button--atomic-block-components/image---a7e2bb9b.js	2.66 kB
build/atomic-block-components/add-to-cart--atomic-block-components/button.js	1.81 kB
build/atomic-block-components/add-to-cart--atomic-block-components/image--atomic-block-components/title.js	332 B
build/atomic-block-components/add-to-cart-frontend.js	8.39 kB
build/atomic-block-components/add-to-cart.js	7.72 kB
build/atomic-block-components/button-frontend.js	1.74 kB
build/atomic-block-components/button.js	875 B
build/atomic-block-components/category-list-frontend.js	471 B
build/atomic-block-components/category-list.js	476 B
build/atomic-block-components/image-frontend.js	1.88 kB
build/atomic-block-components/image.js	1.35 kB
build/atomic-block-components/price-frontend.js	2.13 kB
build/atomic-block-components/price.js	2.11 kB
build/atomic-block-components/rating-frontend.js	563 B
build/atomic-block-components/rating.js	566 B
build/atomic-block-components/sale-badge-frontend.js	860 B
build/atomic-block-components/sale-badge.js	869 B
build/atomic-block-components/sku-frontend.js	392 B
build/atomic-block-components/sku.js	393 B
build/atomic-block-components/stock-indicator-frontend.js	612 B
build/atomic-block-components/stock-indicator.js	611 B
build/atomic-block-components/summary-frontend.js	908 B
build/atomic-block-components/summary.js	911 B
build/atomic-block-components/tag-list-frontend.js	467 B
build/atomic-block-components/tag-list.js	471 B
build/atomic-block-components/title-frontend.js	1.47 kB
build/atomic-block-components/title.js	1.29 kB
build/attribute-filter-frontend.js	18.6 kB
build/attribute-filter.js	12.2 kB
build/blocks-checkout.js	21.1 kB
build/cart-blocks/checkout-button-frontend.js	2.39 kB
build/cart-blocks/empty-cart-frontend.js	327 B
build/cart-blocks/express-payment--checkout-blocks/express-payment--checkout-blocks/payment-frontend.js	4.73 kB
build/cart-blocks/express-payment-frontend.js	1.58 kB
build/cart-blocks/filled-cart-frontend.js	668 B
build/cart-blocks/items-frontend.js	254 B
build/cart-blocks/line-items-frontend.js	5.53 kB
build/cart-blocks/order-summary--checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js	3.69 kB
build/cart-blocks/order-summary-frontend.js	7.19 kB
build/cart-blocks/totals-frontend.js	269 B
build/cart-frontend.js	91.6 kB
build/cart-i2-frontend.js	52.5 kB
build/cart-i2.js	47.7 kB
build/cart.js	46.6 kB
build/checkout-blocks/actions-frontend.js	1.47 kB
build/checkout-blocks/billing-address-frontend.js	2.64 kB
build/checkout-blocks/contact-information-frontend.js	3.88 kB
build/checkout-blocks/express-payment-frontend.js	1.92 kB
build/checkout-blocks/fields-frontend.js	290 B
build/checkout-blocks/order-note-frontend.js	1.56 kB
build/checkout-blocks/order-summary-frontend.js	12.7 kB
build/checkout-blocks/payment-frontend.js	4.58 kB
build/checkout-blocks/sample-frontend.js	249 B
build/checkout-blocks/shipping-address-frontend.js	3.04 kB
build/checkout-blocks/shipping-methods-frontend.js	5.55 kB
build/checkout-blocks/terms-frontend.js	1.64 kB
build/checkout-blocks/totals-frontend.js	271 B
build/checkout-frontend.js	54.4 kB
build/checkout.js	52.6 kB
build/featured-category.js	7.73 kB
build/featured-product.js	9.41 kB
build/handpicked-products.js	6.27 kB
build/mini-cart-component-frontend.js	36.5 kB
build/mini-cart-frontend.js	2.35 kB
build/mini-cart.js	2.34 kB
build/price-format.js	1.37 kB
build/product-best-sellers.js	6.61 kB
build/product-categories.js	3.38 kB
build/product-category.js	7.49 kB
build/product-new.js	6.77 kB
build/product-on-sale.js	7.13 kB
build/product-search.js	2.66 kB
build/product-tag.js	6.58 kB
build/product-top-rated.js	6.73 kB
build/products-by-attribute.js	7.7 kB
build/reviews-by-category.js	11.5 kB
build/reviews-by-product.js	13 kB
build/reviews-frontend.js	8.96 kB
build/single-product-frontend.js	26.2 kB
build/single-product.js	9.76 kB
build/stock-filter-frontend.js	8.76 kB
build/stock-filter.js	7.81 kB
build/vendors--atomic-block-components/add-to-cart--cart-blocks/order-summary--checkout-blocks/billing-ad--c5eb4dcd-frontend.js	16.2 kB
build/vendors--atomic-block-components/add-to-cart-frontend.js	4.77 kB
build/vendors--atomic-block-components/price--cart-blocks/line-items--cart-blocks/order-summary--checkout--8a3571de-frontend.js	5.71 kB
build/vendors--cart-blocks/line-items--checkout-blocks/order-summary-frontend.js	3.1 kB
build/vendors--cart-blocks/order-summary--checkout-blocks/billing-address--checkout-blocks/order-summary---eb4d2cec-frontend.js	5.02 kB
build/wc-blocks-data.js	11.3 kB
build/wc-blocks-editor-style-rtl.css	15.6 kB
build/wc-blocks-editor-style.css	15.6 kB
build/wc-blocks-google-analytics.js	1.98 kB
build/wc-blocks-middleware.js	1.47 kB
build/wc-blocks-registry.js	3.71 kB
build/wc-blocks-shared-context.js	1.54 kB
build/wc-blocks-shared-hocs.js	1.75 kB
build/wc-blocks-style-rtl.css	20.1 kB
build/wc-blocks-style.css	20.1 kB
build/wc-blocks-vendors-style-rtl.css	1.37 kB
build/wc-blocks-vendors-style.css	1.37 kB
build/wc-blocks-vendors.js	254 kB
build/wc-blocks.js	3.5 kB
build/wc-payment-method-bacs.js	806 B
build/wc-payment-method-cheque.js	806 B
build/wc-payment-method-cod.js	898 B
build/wc-payment-method-paypal.js	839 B
build/wc-payment-method-stripe.js	12.2 kB
build/wc-settings.js	2.91 kB

_{compressed-size-action}

[Aljullu]

Unfortunately, I'm not able to reproduce the testing steps (neither the steps to reproduce from the issue) with Orca screen reader + Firefox, I move the knobs but nothing is read by the screen reader. I guess that behavior might depend on the screen reader? 🤔

@opr I see you created the issue and you have VoiceOver + Mac, do you mind if I assign this review to you?

[opr]

Works well here! I tested with changing the number of decimals in the price too and it worked great. 🚢 it!