Semantics

Definition

Semantic is a method in which HTML codes are written to create a web page for better accessibility.

Meet complete Accessibility Solution that is easy to install and highly customizable. With intelligent and breakthrough design for mobile and desktop, it works flawlessly on any website design.

Jump to Web Accessibility Solution   

Explanation

Close your eyes for a minute and make the screen reader read the contents on your webpage. The screen reader reads the contents in the right order (Headings, subheadings, body and so on). How do you think this is possible?

Of course, by the use of semantics. This feature is mostly used by a screen reader. Imagine that you don’t have semantics at all. The screen reader will read the whole webpage as though it is one big paragraph. This will confuse your visually impaired users.

Unlike with the usage of semantics, the whole page is structured well for a screen reader. Thus making it easy for your users to pick and read whatever content they need from your website.

Also, sometimes your users would just want to know the headings in your webpage. So that they can choose their preferred heading and read the content under it.

This is possible through the use of semantics. In this case, the use of semantics makes it easy for a screen reader to jump to all the headings.

Since semantics structures the whole website, it is easy for search engines to rank websites based on content.

More Information

Here are a few examples of semantics:

1. <h1> tag is used to state the first heading of the web page.
2. <nav> tag is used to navigate through the webpage.
3. <footer> tag indicates the footer of the page.