Sniff For and Report Events on Various Elements

Event Log

Disable touch and mouse events

Content between the separators below is being monitored for the following events: click mouseenter mouseleave mouseover mouseout mouseup mousedown keydown keyup 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.

A list to listen to with listener only on the parent UL
with an item
and another item

Label one and input one to listen to

Label two and input two to listen to

Label three and a select to listen to

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

Range slider to listen to

First checkbox to listen to
Second checkbox to listen to

A legend to listen to First radio button to listen to
Second radio button to listen to

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

Input that has a very visible :hover style

Input that has a very visible :active style

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.

Show overlay