Can i use syntax such as
<span class="subheader-uline">My custom emphasised txt</span>
Without contravening accessibility rules (WCAG) I dont intend this custom header to be navigated via screen readers -its purely aesthetic.
I tried to use this syntax and its flagged as illegal in accessibility stating i should use a h1 – h6 tag which i don’t want to do.
>Solution :
You can try to use the aria-hidden to hide non-interactive content from the accessibility API.
<span class="subheader-uline" aria-hidden="true">My custom emphasised txt</span>