AX: Voiceover reads details open/close button as a checkbox

• Component: Accessibility
• Status: RESOLVED DUPLICATE

[Damien McKenna]

Created attachment 384370 [details]
Voiceover reading a details tag

In Drupal land one of the subsystems outputs a fieldset-esque structure like the following:

<div class="field--type-entity-reference field--name-field-images field--widget-entity-browser-entity-reference js-form-wrapper form-wrapper" data-drupal-selector="edit-field-images-wrapper" id="edit-field-images-wrapper">
  <details data-drupal-selector="edit-field-images" id="edit-field-images" class="js-form-wrapper form-wrapper seven-details" open="open">
    <summary role="button" aria-controls="edit-field-images" aria-expanded="true" aria-pressed="true" class="seven-details__summary">Images</summary>
    <div class="seven-details__wrapper details-wrapper">
      <input id="edit-field-images-target-id" data-drupal-selector="edit-field-images-target-id" type="hidden" name="field_images[target_id]" value="" />
      <div data-drupal-selector="edit-field-images-entity-browser-entity-browser" id="edit-field-images-entity-browser-entity-browser" class="js-form-wrapper form-wrapper">
        <input data-drupal-selector="edit-field-images-entity-browser-entity-browser-path" type="hidden" name="field_images[entity_browser][entity_browser][path]" value="/entity-browser/modal/media_entity_browser_modal?uuid=[UUID]&amp;original_path=/node/add/article" />
        <input data-uuid="[UUID]" data-drupal-selector="edit-field-images-entity-browser-entity-browser-open-modal" formnovalidate="formnovalidate" type="submit" id="edit-field-images-entity-browser-entity-browser-open-modal" name="field_images_entity_browser_entity_browser" value="Select media" class="button js-form-submit form-submit" />
      </div>
      <input id="edit-field-images-entity-browser-target" class="eb-target" data-drupal-selector="edit-field-images-entity-browser-target" type="hidden" name="field_images[entity_browser][entity_ids]" value="" />
      <p></p>
      <div class="entities-list entity-type--media sortable js-form-wrapper form-wrapper" data-drupal-selector="edit-field-images-current" id="edit-field-images-current"></div>
    </div>
  </details>
</div>

Safari 13 on macOS 10.14 this is displayed as a details section like the entity-browser_voiceover_0.png image shows. However, voiceover reads the open/close widget as a checkbox.

[Radar WebKit Bug Importer]

<rdar://problem/57494109>

[Anthony Ricaud]

I believe this is a duplicate of bug 204628.

[Karl Dubost]

*** This bug has been marked as a duplicate of bug 108979 ***