You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Originally posted by muscal February 6, 2024
Took a look on Chrome / Safari on macOS and determined this widget/component is not accessible. In hopes that you could invest in making the widget accessible, i've listed out the critical issuesI've listed them below in hopes that these could be addressed in the next version of the component.
Issue 1 (All Browsers): The icon doesn’t have a label / name (see the 1st screenshot below), e.g. Country Code; and it doesn’t read the selection, e.g. Spain +34
Issue 2 (Safari Browser-only): The dropdown randomly stops working by keyboard and / or freezes (without VoiceOver).
Issue 3 (Safari Browser-only): It crashes / freezes VoiceOver everytime I close the CC dropdown (either by selection or with ESC) (see the 2nd screenshot)
Issue 4 (All Browsers): PGUP / PGDOWN doesn’t move keyboard focus with the scroll behaviour, i.e. it scrolls the list but doesn’t set the keyboard focus
Even putting accessibility & VoiceOver aside the country code seems really janky in Safari. It looks like a memory leak of sorts? For example when selecting a CC from the list and alternating between keyboard & mouse Safari freezes / locks up. See #2 above.
The text was updated successfully, but these errors were encountered:
@muscal Thanks for the detailed feedback!
The issues that you described only related to the MUI example, right?
A native component should work fine and support accessibility features (can be checked here)
I will try to improve dropdown in the example for MaterialUI.
The issues that you described only related to the MUI example, right?
Yes, was testing the MUI example! The native component seems to work fine. Thank you for the quick response. Will keep this open for your MUI adjustments.
Discussed in #153
Originally posted by muscal February 6, 2024
Took a look on Chrome / Safari on macOS and determined this widget/component is not accessible. In hopes that you could invest in making the widget accessible, i've listed out the critical issuesI've listed them below in hopes that these could be addressed in the next version of the component.
Issue 1 (All Browsers): The icon doesn’t have a label / name (see the 1st screenshot below), e.g. Country Code; and it doesn’t read the selection, e.g. Spain +34
![image](https://private-user-images.githubusercontent.com/14338652/302775142-eb484d7a-9ca0-468b-a590-03d8a26f9bcc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NDkwNDIsIm5iZiI6MTcyNTc0ODc0MiwicGF0aCI6Ii8xNDMzODY1Mi8zMDI3NzUxNDItZWI0ODRkN2EtOWNhMC00NjhiLWE1OTAtMDNkOGEyNmY5YmNjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDIyMzkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUzN2EzZWE1MWU3OTlhMGMyYjExZmNiNDlkMmFkMmYxMDAyZDg2NmRhYjg4M2RlZDY4NjIwNGUzNDA0MmYyNjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.G62S-B6z90fSWU4sghze2U28FDk3_YSj_SlEh5BLZMc)
Issue 2 (Safari Browser-only): The dropdown randomly stops working by keyboard and / or freezes (without VoiceOver).
![image](https://private-user-images.githubusercontent.com/14338652/302775257-3a096398-1f1e-4bc9-811a-124d77630635.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NDkwNDIsIm5iZiI6MTcyNTc0ODc0MiwicGF0aCI6Ii8xNDMzODY1Mi8zMDI3NzUyNTctM2EwOTYzOTgtMWYxZS00YmM5LTgxMWEtMTI0ZDc3NjMwNjM1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDIyMzkwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk1MjBmMzQxNDQ0ZDdjNTE1ODU0ZjUwNmIzZWJkNDllZDUwNWRjYTkxMjdlZGFhZDNjYzlkMTg2NTI4MWE5ZGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wyNH_B94V7iC-b4g8hWuLPeEAe1YY519fDLoqAUdTP4)
Issue 3 (Safari Browser-only): It crashes / freezes VoiceOver everytime I close the CC dropdown (either by selection or with ESC) (see the 2nd screenshot)
Issue 4 (All Browsers): PGUP / PGDOWN doesn’t move keyboard focus with the scroll behaviour, i.e. it scrolls the list but doesn’t set the keyboard focus
Even putting accessibility & VoiceOver aside the country code seems really janky in Safari. It looks like a memory leak of sorts? For example when selecting a CC from the list and alternating between keyboard & mouse Safari freezes / locks up. See #2 above.
The text was updated successfully, but these errors were encountered: