Accessibility issue on MBDatePicker

[stefanloerwald]

Lighthouse is reporting an error on my datepicker. It reports the following as having invalid aria attributes:

<div class="mdc-select__anchor mdc-ripple-upgraded" role="button" aria-haspopup="mb_6740ec6c-5c02-45c2-a85e-08611d37e0f1" aria-expanded="false" aria-labelledby="mb_de6ea13c-bbeb-45e9-9322-2caa699d908d mb_8d82c745-6b36-48b0-8605-cb543aa…" tabindex="0" aria-disabled="false">

The date picker I use looks like <MBDatePicker Label="Delivery date", SelectInputStyle="MBSelectInputStyle.Filled" @bind-Value="..." />.

I am not familiar with aria attributes, so don't see why this is invalid.

[simonziegler]

Looks like we need to check the menu markup matches the current MT standard markup. We need to move to MCW v10 in the next month so that's a good time to do it

[simonziegler]

I just ran lighthouse on both the date picker and select pages and they both show aria errors. Let's get preview 4 released and then make preview 5 about moving to MCW 10.0.0. Once we've completed our QA check of MB markup vs MCW we could consider a broad lighthouse review of MB.

[simonziegler]

@stefanloerwald can we revisit this please? I'd like to remind myself what's going on and get this resolved.

[stefanloerwald]

This is not fixed.

1. Go to https://material-blazor.com/datepicker
2. Open dev tools
3. Go to lighthouse
4. Select the accessibility report
5. Observe "aria attributes do not have valid values" warnings