# Using HTML landmark roles to improve accessibility

DevFeed: [Using HTML landmark roles to improve accessibility](<https://devfeed.tech/articles/using-html-landmark-roles-to-improve-accessibility-4019.md>)

Original publisher: [Read original article](<https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles/>)

Author: schalk-neethling

Published: 2023-05-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [MDN Blog](<https://devfeed.tech/sources/mdn-blog.md>)

Topics: [Web platform](<https://devfeed.tech/topics/web-platform.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [aria](<https://devfeed.tech/tags/aria.md>), [html](<https://devfeed.tech/tags/html.md>), [learn](<https://devfeed.tech/tags/learn.md>)

## AI overview

A tutorial on using HTML landmark roles and native semantic elements to improve website accessibility, especially for screen-reader navigation.

## Source excerpt

Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.