185957 2018-05-24 13:02:19 -0700 Listbox label is not read with Voiceover + Safari 2022-02-11 14:53:52 -0800 1 1 1 Unclassified WebKit Accessibility WebKit Nightly Build Unspecified macOS 10.13 RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 katiehockman webkit-unassigned bfulgham webkit-bug-importer oldest_to_newest 1427029 0 341218 katiehockman 2018-05-24 13:02:19 -0700 Created attachment 341218 Listbox example The label for a listbox is not being read out on listbox focus in Safari when using Voiceover. The label, as well as the currently focused listbox option should be read out by the screenreader when focused. Example listbox attached that can reproduce this issue (using aria-labelledby on the element with role="listbox"). 1427030 1 webkit-bug-importer 2018-05-24 13:02:32 -0700 <rdar://problem/40531385> 341218 2018-05-24 13:02:19 -0700 2018-05-24 13:02:19 -0700 Listbox example listbox-follows-focus-scrollable.html text/html 5129 katiehockman PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT4KICAg ICAgIExpc3Rib3ggYXJpYS1hY3RpdmVkZXNjZW5kYW50IHdpdGggc2Nyb2xsaW5nIEJsdWVwcmlu dAogICAgPC90aXRsZT4KICAgIDxzdHlsZT4KICAgICAgLmZvY3VzZWQgewogICAgICAgIGJhY2tn cm91bmQtY29sb3I6IGxpZ2h0Z3JleTsKICAgICAgfQoKICAgICAgW3JvbGU9J2xpc3Rib3gnXSB7 CiAgICAgICAgbWF4LWhlaWdodDogOWVtOwogICAgICAgIHdpZHRoOiAyNTBweDsKICAgICAgICBv dmVyZmxvdy15OiBhdXRvOwogICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgICAgICBib3Jk ZXI6IGJsYWNrIHRoaW4gc29saWQ7CiAgICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lOwogICAg ICAgIG1hcmdpbjogMDsKICAgICAgICBwYWRkaW5nOiAwOwogICAgICB9CgogICAgICBbcm9sZT0n b3B0aW9uJ10gewogICAgICAgIGJvcmRlci1yYWRpdXM6IDA7CiAgICAgICAgZm9udC1zaXplOiAx NnB4OwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgcGFkZGluZzogNXB4IDEwcHg7 CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPHNj cmlwdD4KICAgICAgLyoqIEB0eXBlIHshRWxlbWVudH0gVGhlIGxpc3Rib3guICovCiAgICAgIGxl dCBsaXN0Ym94RWw7CgogICAgICAvKiogQHR5cGUgeyFOb2RlTGlzdH0gVGhlIG9wdGlvbnMgaW4g dGhlIGxpc3Rib3guICovCiAgICAgIGxldCBvcHRpb25zOwoKICAgICAgLyoqIEB0eXBlIHs/bnVt YmVyfSBUaGUgaW5kZXggb2YgdGhlIG9wdGlvbiB0aGF0J3Mgc2VsZWN0ZWQuICovCiAgICAgIGxl dCBzZWxlY3RlZEluZGV4ID0gbnVsbDsKCiAgICAgIGZ1bmN0aW9uIGluaXQoKSB7CiAgICAgICAg bGlzdGJveEVsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2ZhdGUtbGlzdGJveCcpOwogICAg ICAgIG9wdGlvbnMgPSBsaXN0Ym94RWwucXVlcnlTZWxlY3RvckFsbCgnW3JvbGU9b3B0aW9uXScp OwogICAgICAgIHNldEV2ZW50TGlzdGVuZXJzKCk7CiAgICAgIH0KCiAgICAgIGZ1bmN0aW9uIHNl dEV2ZW50TGlzdGVuZXJzKCkgewogICAgICAgIEFycmF5LnByb3RvdHlwZS5mb3JFYWNoLmNhbGwo b3B0aW9ucywgZnVuY3Rpb24gKG9wdGlvbikgewogICAgICAgICAgb3B0aW9uLmFkZEV2ZW50TGlz dGVuZXIoJ21vdXNldXAnLCBoYW5kbGVPcHRpb25Nb3VzZVVwLCBmYWxzZSk7CiAgICAgICAgfSk7 CiAgICAgICAgbGlzdGJveEVsLmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVMaXN0 Ym94S2V5RG93biwgZmFsc2UpOwogICAgICAgIGxpc3Rib3hFbC5hZGRFdmVudExpc3RlbmVyKCdm b2N1cycsIGhhbmRsZUxpc3Rib3hGb2N1cywgZmFsc2UpOwogICAgICB9CgogICAgIC8qKgogICAg ICAqIEZvY3VzZXMgb24gdGhlIHNlbGVjdGVkIG9wdGlvbiwgaWYgdGhlcmUgaXMgb25lLCBvdGhl cndpc2Ugb24gdGhlCiAgICAgICogZmlyc3Qgb3B0aW9uLgogICAgICAqLwogICAgICBmdW5jdGlv biBoYW5kbGVMaXN0Ym94Rm9jdXMoKSB7CiAgICAgICAgc2VsZWN0T3B0aW9uKHNlbGVjdGVkSW5k ZXggfHwgMCk7CiAgICAgIH0KCiAgICAgIC8qKgogICAgICAgKiBIYW5kbGVzIG1vdXNlIHVwIGV2 ZW50cyBieSBzZWxlY3RpbmcgdGhlIG9wdGlvbi4KICAgICAgICogQHBhcmFtIHshRXZlbnR9IGUK ICAgICAgICovCiAgICAgIGZ1bmN0aW9uIGhhbmRsZU9wdGlvbk1vdXNlVXAoZSkgewogICAgICAg IHNlbGVjdE9wdGlvbihBcnJheS5wcm90b3R5cGUuaW5kZXhPZi5jYWxsKG9wdGlvbnMsIGUudGFy Z2V0KSk7CiAgICAgICAgbGlzdGJveEVsLmZvY3VzKCk7CiAgICAgIH0KCiAgICAgIC8qKgogICAg ICAgKiBIYW5kbGVzIGtleWRvd24gZXZlbnRzIG9uIHRoZSBsaXN0Ym94IGJ5IG1hbmFnaW5nIGZv Y3VzIHZpYSBhY3RpdmUtCiAgICAgICAqIGRlc2NlbmRhbnQgYW5kIHNlbGVjdGluZyBvcHRpb25z IGJhc2VkIG9uIHVzZXIgaW5wdXQuCiAgICAgICAqIEBwYXJhbSB7IUV2ZW50fSBlCiAgICAgICAq LwogICAgICBmdW5jdGlvbiBoYW5kbGVMaXN0Ym94S2V5RG93bihlKSB7CiAgICAgICAgc3dpdGNo IChlLmtleSkgewogICAgICAgICAgY2FzZSAnQXJyb3dVcCc6CiAgICAgICAgICAgIHNlbGVjdFBy ZXZpb3VzT3B0aW9uKCk7CiAgICAgICAgICAgIGJyZWFrOwoKICAgICAgICAgIGNhc2UgJ0Fycm93 RG93bic6CiAgICAgICAgICAgIHNlbGVjdE5leHRPcHRpb24oKTsKICAgICAgICAgICAgYnJlYWs7 CgogICAgICAgICAgY2FzZSAnSG9tZSc6CiAgICAgICAgICAgIHNlbGVjdE9wdGlvbigwKTsKICAg ICAgICAgICAgYnJlYWs7CgogICAgICAgICAgY2FzZSAnRW5kJzoKICAgICAgICAgICAgc2VsZWN0 T3B0aW9uKG9wdGlvbnMubGVuZ3RoIC0gMSk7CiAgICAgICAgICAgIGJyZWFrOwoKICAgICAgICAg IGRlZmF1bHQ6CiAgICAgICAgICAgIC8vIFJldHVybiBlYXJseSBpZiBub3RoaW5nIGRvbmUsIHRv IGF2b2lkIGNhbmNlbGluZyB0aGUgZXZlbnQuCiAgICAgICAgICAgIHJldHVybjsKICAgICAgICB9 CiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpOwogICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7 CiAgICAgIH0KCiAgICAgIC8qKiBTZWxlY3RzIHRoZSBuZXh0IG9wdGlvbiwgaWYgYXZhaWxhYmxl LiAqLwogICAgICBmdW5jdGlvbiBzZWxlY3ROZXh0T3B0aW9uKCkgewogICAgICAgIHNlbGVjdE9w dGlvbihNYXRoLm1pbihzZWxlY3RlZEluZGV4ICsgMSwgb3B0aW9ucy5sZW5ndGggLSAxKSk7CiAg ICAgIH0KCiAgICAgIC8qKiBTZWxlY3RzIHRoZSBwcmV2aW91cyBvcHRpb24sIGlmIGF2YWlsYWJs ZS4gKi8KICAgICAgZnVuY3Rpb24gc2VsZWN0UHJldmlvdXNPcHRpb24oKSB7CiAgICAgICAgc2Vs ZWN0T3B0aW9uKE1hdGgubWF4KHNlbGVjdGVkSW5kZXggLSAxLCAwKSk7CiAgICAgIH0KCiAgICAg IC8qKgogICAgICAgKiBTY3JvbGxzIHRoZSBnaXZlbiBvcHRpb24gaW50byB2aWV3IGlmIGl0IGlz IG5vdCBhbHJlYWR5IHZpc2libGUuCiAgICAgICAqIEBwYXJhbSB7IUVsZW1lbnR9IG9wdGlvbgog ICAgICAgKi8KICAgICAgZnVuY3Rpb24gc2Nyb2xsSW50b1ZpZXcob3B0aW9uKSB7CiAgICAgICAg Y29uc3Qgb3B0aW9uVG9wID0gb3B0aW9uLm9mZnNldFRvcDsKICAgICAgICBjb25zdCBvcHRpb25C b3R0b20gPSBvcHRpb25Ub3AgKyBvcHRpb24uY2xpZW50SGVpZ2h0OwogICAgICAgIGlmIChvcHRp b24ub2Zmc2V0VG9wIDwgbGlzdGJveEVsLnNjcm9sbFRvcCkgewogICAgICAgICAgbGlzdGJveEVs LnNjcm9sbFRvcCA9IG9wdGlvbi5vZmZzZXRUb3A7CiAgICAgICAgfSBlbHNlIGlmICgKICAgICAg ICAgICAgb3B0aW9uQm90dG9tID4gbGlzdGJveEVsLnNjcm9sbFRvcCArIGxpc3Rib3hFbC5jbGll bnRIZWlnaHQpIHsKICAgICAgICAgIGxpc3Rib3hFbC5zY3JvbGxUb3AgPSBvcHRpb25Cb3R0b20g LSBsaXN0Ym94RWwuY2xpZW50SGVpZ2h0OwogICAgICAgIH0KICAgICAgfQoKICAgICAgLyoqCiAg ICAgICAqIFNldHMgdGhlIG9wdGlvbiBhdCB0aGUgZ2l2ZW4gaW5kZXggYXMgdGhlIGFjdGl2ZSBk ZXNjZW5kYW50IG9mIHRoZQogICAgICAgKiBsaXN0Ym94LCBhbmQgc2V0cyB0aGUgYXJpYS1zZWxl Y3RlZCBzdGF0ZSBvZiB0aGUgb3B0aW9uLgogICAgICAgKiBAcGFyYW0ge251bWJlcn0gaW5kZXgK ICAgICAgICovCiAgICAgIGZ1bmN0aW9uIHNlbGVjdE9wdGlvbihpbmRleCkgewogICAgICAgIGlm IChvcHRpb25zW3NlbGVjdGVkSW5kZXhdKSB7CiAgICAgICAgICBvcHRpb25zW3NlbGVjdGVkSW5k ZXhdLmNsYXNzTGlzdC5yZW1vdmUoJ2ZvY3VzZWQnKTsKICAgICAgICAgIG9wdGlvbnNbc2VsZWN0 ZWRJbmRleF0uc2V0QXR0cmlidXRlKCdhcmlhLXNlbGVjdGVkJywgJ2ZhbHNlJyk7CiAgICAgICAg fQogICAgICAgIGxpc3Rib3hFbC5zZXRBdHRyaWJ1dGUoJ2FyaWEtYWN0aXZlZGVzY2VuZGFudCcs IG9wdGlvbnNbaW5kZXhdLmlkKTsKICAgICAgICBvcHRpb25zW2luZGV4XS5zZXRBdHRyaWJ1dGUo J2FyaWEtc2VsZWN0ZWQnLCAndHJ1ZScpOwogICAgICAgIG9wdGlvbnNbaW5kZXhdLmNsYXNzTGlz dC5hZGQoJ2ZvY3VzZWQnKTsKICAgICAgICBzY3JvbGxJbnRvVmlldyhvcHRpb25zW2luZGV4XSk7 CiAgICAgICAgc2VsZWN0ZWRJbmRleCA9IGluZGV4OwogICAgICB9CgogICAgICB3aW5kb3cuYWRk RXZlbnRMaXN0ZW5lcignbG9hZCcsIGluaXQsIGZhbHNlKTsKICAgIDwvc2NyaXB0PgogIDwvaGVh ZD4KICA8Ym9keT4KICAgIDxkaXYgaWQ9InByb21wdCI+Q2hvb3NlIHlvdXIgZmF0ZTwvZGl2Pgog ICAgICA8dWwgcm9sZT0ibGlzdGJveCIgaWQ9ImZhdGUtbGlzdGJveCIgYXJpYS1sYWJlbGxlZGJ5 PSJwcm9tcHQiCiAgICAgICAgICB0YWJpbmRleD0iMCI+CiAgICAgICAgPGxpIGlkPSJsdWNreSIg cm9sZT0ib3B0aW9uIiBhcmlhLXNlbGVjdGVkPSJmYWxzZSI+THVja3k8L2xpPgogICAgICAgIDxs aSBpZD0icmljaCIgcm9sZT0ib3B0aW9uIiBhcmlhLXNlbGVjdGVkPSJmYWxzZSI+UmljaDwvbGk+ CiAgICAgICAgPGxpIGlkPSJzbWFydCIgcm9sZT0ib3B0aW9uIiBhcmlhLXNlbGVjdGVkPSJmYWxz ZSI+U21hcnQ8L2xpPgogICAgICAgIDxsaSBpZD0iZm9ydHVuYXRlIiByb2xlPSJvcHRpb24iIGFy aWEtc2VsZWN0ZWQ9ImZhbHNlIj5Gb3J0dW5hdGU8L2xpPgogICAgICAgIDxsaSBpZD0iYWZmbHVl bnQiIHJvbGU9Im9wdGlvbiIgYXJpYS1zZWxlY3RlZD0iZmFsc2UiPkFmZmx1ZW50PC9saT4KICAg ICAgICA8bGkgaWQ9ImludGVsbGlnZW50IiByb2xlPSJvcHRpb24iIGFyaWEtc2VsZWN0ZWQ9ImZh bHNlIj5JbnRlbGxpZ2VudDwvbGk+CiAgICAgICAgPGxpIGlkPSJmb3J0dWl0b3VzIiByb2xlPSJv cHRpb24iIGFyaWEtc2VsZWN0ZWQ9ImZhbHNlIj5Gb3J0dWl0b3VzPC9saT4KICAgICAgICA8bGkg aWQ9InByb3NwZXJvdXMiIHJvbGU9Im9wdGlvbiIgYXJpYS1zZWxlY3RlZD0iZmFsc2UiPlByb3Nw ZXJvdXM8L2xpPgogICAgICAgIDxsaSBpZD0ic2hyZXdkIiByb2xlPSJvcHRpb24iIGFyaWEtc2Vs ZWN0ZWQ9ImZhbHNlIj5TaHJld2Q8L2xpPgogICAgICA8L3VsPgogIDwvYm9keT4KPC9odG1sPgo=