This is just a section with a headline and content.
This section uses aria-label to name the section.
Adding aria-label exposes this section to assistive
technology. But beware aria-label can not be
auto-translated.
This section uses aria-labelledby to link the headline to
the section.
Using aria-labelledby exposes the name of the section to
assistive technology.
This section uses aria-label to provide a name and
additionally has role="region" set.
This uses uses role="region" and
aria-labelledby to link the headline to the
div.
Adding role="region" lets assitive technology add the
div to its element tree.
This uses uses role="region" and
aria-labelledby to link the headline to the
div.
Since it is missing any kind of label, it is not discoverable by assistive technology.