AOM (Accessible Object Model) - Really quick!

AOM (Accessible Object Model) - Really quick!

22725c2d3eb331146549bf0d5d3c050c?s=128

stefan judis

May 17, 2018
Tweet

Transcript

  1. 8.
  2. 10.
  3. 12.
  4. 14.

    element.accessibleNode.role = 'checkbox'; element.accessibleNode.label = 'Want to try it?'; OR

    element.role = "checkbox"; element.ariaLabel = "checkbox"; <wired-toggle></wired-toggle>
  5. 16.
  6. 24.
  7. 25.

    let virtualNode = new AccessibleNode(); virtualNode.role = "button"; virtualNode.label =

    "Change Image"; document.body.attachAccessibleRoot(); document.body.accessibleRoot.appendChild(virtualNode);
  8. 34.