I want to mark a text component to be an important section in Screen readers. Visually I can update the look and feel using custom css. Is there any html tag with aria properties which I can use to announce the section of importance?
I explored the aria-live but looks like it is only for dynamic content.
Reference:
https://dequeuniversity.com/tips/webpagechanges
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
Most of the aria that denotes an area is about describing the user interface elements, they're not really about describing the content.
You could use invisible text, for the screen reader only:
<span class="aria-label">THIS SECTION IS IMPORTANT</span>
It may just be easier to use a title, with the word IMPORTANT in it? Such that all users know it's important.