Widget Variants
R
Ryan Siegel
I'm running a pre-launch accessibility audit (Google Lighthouse) on our product page and it's flagging the Subscriptions/Volume Discount widget's variant selector dropdown as failing the "Select elements do not have associated label elements" check. The failing element is: select#ab-volume-discount-variant-selector-select-dropdown (class ab-volume-discount-select-dropdown / ab-volume-subscription-dropdown-v2) There are three instances of this select on the page, all unlabeled. Lighthouse notes these need an associated <label> or an aria-label so screen readers can announce them. Two questions: 1. Can you add an aria-label (or associated label) to this select element in the widget so it passes the accessibility check? This would be a small fix on your end that should benefit all merchants using the volume discount / variant selector. 2. Alternatively, is there a setting that lets me change this variant selector from a native dropdown to a button or radio/swatch style? If so, that may resolve the issue on my side immediately. This is blocking part of our accessibility score ahead of launch, so a quick turnaround would be hugely appreciated.