SC 2.5.3 Label in name and abbreviated text in dropdown list

[sarasuri]

Hello,

In a dropdown list where the visible labels use two-letter abbreviations for provinces, the "aria-label" attribute on each element provides the full name of the province. For example, the visible label might be "AB," and the aria-label is "Alberta."
The issue is the accessible name provided via the "aria-label" attribute doesn't contain the the visible text for each option.
<label for="pro">Province</label> <select name="province" autocomplete="address-level1" class="form-control arrow " id="pro"><option value="0" aria-label="Alberta">AB</option><option value="1" aria-label="British Columbia">BC</option><option value="2" aria-label="Manitoba">MB</option></select>

Would this be considered as a failure for the SC 2.5.3? Any thoughts or feedback would be appreciated.

Thank you

[TestPartners]

That would clearly be a non-conformance because the visible label does not match, and is not a substring of, the accessible name. In practical terms, voice recognition software may not respond to commands like "click B C". You could achieve conformance by making the aria-label attributes include the two-letter abbreviations, such as aria-label="British Columbia BC". However, I think it's poor usability, so I would not recommend it unless there is some genuine reason why you can't display the full province name.