AOM Screen Reader

Great! The Accessibility Object Model is enabled in this browser.

Accessibility Object Model support is not enabled.

To enable it in Chrome, use this command-line switch: 

--enable-blink-features=AccessibilityObjectModel

This demonstrates how the Accessibility Object Model phase 4 can be used to create a screen reader.

Example content

CSUN Registration

More info

Source code

async function speak() { let c = await getComputedAccessibleNode(document.activeElement); let str = c.valueText + ' ' + c.name + ', ' + c.role + (c.checked != 'none' ? ' checked=' + c.checked : '') + (c.posInSet > 0 ? ' ' + c.posInSet + ' of ' + c.setSize : ''); speechSynthesis.speak(new SpeechSynthesisUtterance(str)); } document.addEventListener('focusin', speak); document.addEventListener('keyup', speak);