Voiceover reads checkbox labels twice

[36degrees]

Upstream bug: https://bugs.webkit.org/show_bug.cgi?id=191743
Date: 2018-11-16
Reported by: Oliver Byford
Related to: alphagov/govuk-frontend#1056 (comment)

---

Overview

Given the following markup:

  <input id="checkbox-bar" name="foo" type="checkbox" value="bar">
  <label for="checkbox-bar">
    Foo
  </label>

  <br>

  <input id="checkbox-baz" name="foo" type="checkbox" value="baz">
  <label for="checkbox-baz">
    Bar
  </label>

Focus either checkbox.

This behaviour is also present in Safari Technology Preview release 70.

Expected behaviour:

Voiceover should announce the label once, e.g.

"Foo, unticked, checkbox"

Actual behaviour:

Voiceover announces the label twice, e.g.

"Foo, Foo, unticked, checkbox"