Sniff For and Report Events on Various Elements

Event Log

Content between the separators below is being monitored for the following events: click mouseenter mouseleave mouseover mouseout keydown focus blur touchstart touchend touchmove touchcancel change


A heading to listen to

Some text in a paragraph to listen to with a link to listen to in the middle of it.

A paragraph that contains a span containing a button and a link which is non-visible accessible text. The button and link have listeners on them.
A screen reader-only link to listen to

A paragraph that contains a span containing a button and a link which are visible but aria-hidden. The button and link have listeners on them. The link is tabindex=-1, which should remove its screen reader discoverability entirely.























DIV below has a listener on it and contains a faux button created out of a span.

Padding padding padding padding padding
I have a button role and am tabable
Padding padding padding padding padding





A legend to listen to

Some element with simple hover and active styles attached (no events, focus styles off)

a link to Microsoft that has a very visible :hover style
a link to Microsoft that has a very visible :active style

a paragraph that has a very visible :hover style

a paragraph that has a very visible :active style

Buttons to force focus to elements with events attached

An overlay to cover the controls, in order to test screen reader events when visually obscured.