list headings

headings.js

$$('h1,h2,h3,h4,h5,h6,[role="heading"][aria-level]').map(el => [
	`${el.tagName.replace(/\D/, '')}${el.getAttribute('aria-level') || ''}`,
	el.textContent.trim(),
]);

landmarks.js

(function (roles, tags) {
    const cssRoles = roles.map(r => `[role="${r}"]`).join(',');
    const cssTags = tags.join(',');
    const landmarks = $$(`${cssRoles},${cssTags}`);
    return landmarks.map(l => {
        const role = l.getAttribute('role') || roles[tags.indexOf(l.tagName.toLowerCase())];
        let label = l.getAttribute('aria-label') || '';
        const labelledby = l.getAttribute('aria-labelledby');
        const labels = labelledby ? labelledby.split(' ') : []
        label += labels.flatMap(
            ll => $$(`#${ll}`).map(el => el ? el.textContent.trim() : [])
        ).join(' ');
        return [`${role}${ label ? ` (${label})` : ''}`, l];
    })
}('banner,complementary,contentinfo,form,main,navigation,region,search'.split(','),
'header,aside,footer,form,main,nav,section'.split(',')));