id,summary,reporter,owner,description,type,status,priority,milestone,component,version,severity,resolution,keywords,cc,focuses 47148,Insufficient labelling and inappropriate nesting of form controls,anevins,joedolson,"Moved from the WPCampus accessibility report issues on GitHub, see: https://github.com/WordPress/gutenberg/issues/15288 * **Severity**: * Low * **Affected Populations**: * Blind * Low-Vision * Cognitively Impaired * **Platform(s)**: * Windows - Screen Reader * Windows - ZoomText * Mac - VoiceOver * Android - TalkBack * iOS - VoiceOver * **Components affected**: * Media Dialog **Issue description** In the ""Featured Image"" modal dialog's ""Media Library"" tab, users can choose an image to be the featured image; this is presented as a series of checkbox elements which, once checked, show a button to uncheck inside the custom checkbox element. This button is in the Tab order, however its only name is ""Deselect"", it doesn't tell the user what is being deselected. Users must infer what this button does from context, and may wonder why it's next to seemingly-ordinary checkboxes which themselves are natively unselectable. The button role of these buttons does not convey that the user is checking or unchecking an item, and their placement inside the checkbox elements is semantically confusing, and may be functionally confusing since one focusable element is nested inside another. Screen reader users hear that a list is present, yet find that they cannot navigate by list-items. **Issue Code** {{{ }}} **Remediation Guidance** Allow the list semantics to remain available by not overriding the `
  • ` elements' native list-item roles. Remove the `