21
May

Interacting with DOM based on tool tip text

Using CSS selectors and requesting developers to put alt-text on all charts I need to interact with. In the DOM, you’ll see the alt-text as “aria-label” attributes, so you can write CSS selectors like,

“div.slicer[aria-label*=\”YOUR_ALT_TEXT\”]”.

These tend not to change much as long as you find the right element to use.