Testing role=img

Published:

role=img with aria-label

results

Expected result: role and accessible name exposed.

  • macOS 10.14.4 Safari and Chrome: pass
  • iOS 12.3.1 Safari: pass
  • Android Chrome and Firefox: pass
  • NVDA 2019.1 with Chrome, Firefox, Edge (Chromium), IE11: pass
  • JAWS 2019 with Chrome, Firefox, Edge (Chromium): pass
  • JAWS 2019 with IE11: ignored.

role=img with aria-label and tabindex=-1 (IE11 retest)

results

Expected result: role and accessible name exposed.

Note: added tabindex="-1" in an attempt to force IE11/JAWS to recognize the graphic.

  • JAWS 2019 with IE11: ignored.

role=img with aria-labelledby

results

Expected result: role and accessible name exposed.

  • macOS 10.14.4 Safari and Chrome: pass
  • iOS 12.3.1 Safari: pass
  • Android Chrome and Firefox: pass
  • NVDA 2019.1 with Chrome, Firefox, Edge (Chromium), IE11: pass
  • JAWS 2019 with Chrome, Firefox, Edge (Chromium): pass
  • JAWS 2019 with IE11: ignored.

role=img with title attribute

results

Expected result: role and accessible name exposed.

  • macOS 10.14.4 Safari and Chrome: pass
  • iOS 12.3.1 Safari: pass
  • Android Chrome and Firefox: pass
  • NVDA 2019.1 with Chrome, Firefox, Edge (Chromium), IE11: pass
  • JAWS 2019 with Chrome, Firefox, Edge (Chromium): pass
  • JAWS 2019 with IE11: ignored.

role=img with child content

a red square
results

Expected result: role exposed, but as role=img only accepts name from author, no accessible name should be announced.

  • macOS 10.14.4 Safari and Chrome: pass
  • iOS 12.3.1 Safari: pass
  • Android Chrome: ignored
  • Android Firefox: pass
  • NVDA 2019.1 with Chrome, Firefox: ignored
  • NVDA 2019.1 with Edge (Chromium): pass
  • NVDA 2019.1 with IE11: exposed as image with accessible name.
  • JAWS 2019 with Chrome, Firefox, IE11: ignored
  • JAWS 2019 with Edge (Chromium): pass