I’m trying to target three words in a h1 for the organization name using to wrap each word and a unique ID to style each word via css.
It looks like this:
<h1 id=“orgName”> <span> <span id=“firstWord”>The</span> <span id=“secondWord”>Community</span> <span id=“thirdWord”>Space</span> </span> </h1>
However by using span and an ID for each work in the h1, I am causing the screen reader to pause after each word instead of speaking the organization name as a whole. Does anyone have any ideas to solve this issue?