skip to Main Content

Html – Accessibility of a text with inline <svg>

I have the following code: <h2> Deadpool <svg width="53" height="64" class="inline" aria-label="and"> <use href="#oleo-ampersand"></use> </svg> Wolverine:<br> A StackOverflow Example </h2> The ampersand is stylized as follows: Now, I want screen readers to narrate it as a regular phrase (i.e.“Deadpool and…

VIEW QUESTION

Html – Is creating button group with `<figure>` correct and comply with WCAG?

I am creating a button group with label like this: The HTML code I am now writing: <figure class="toggler-widget"> <figcaption class="toggler-label">Sort By:</figcaption> <ul class="button-togglers"> <li class="choice-selected"> <button type="button" title="Sort by title" aria-label="Sort by title" aria-pressed="true"></button> </li> <li> <button type="button" title="Sort…

VIEW QUESTION
Back To Top
Search