hiding text nodes

[pkra]

We used to hide text nodes manually (wrap them in a span with aria-hidden). Joanie had suggested to keep this in mind when running into double voicing (e.g. I saw that when testing role=group).

[pkra]

Since our code structure changed, we can't be sure we touch every node, so we need to do this separately now (instead of during the rewriteNodeRec).

This does the trick. (Sadly, *:not(*:has(*)) is not a valid selector.)

+ const hideTextLeafs = (node) => {
+  const leafs =  Array.from(node.querySelectorAll('*')).filter ( node => !node.querySelector('*'));
+  leafs.forEach( leaf => {
+    if (leaf.innerHTML.trim() === '') return;
+    leaf.innerHTML = '<span aria-hidden="true">' + leaf.innerHTML + '</span>';
+  })
+ }


 export function rewriteNode(node, tree) {
+  if (node.tagName === 'SPAN') hideTextLeafs(node);
   rewriteNodeRec(node, tree.root);
 }