Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.
Semantic HTML
Use content-appropriate semantic html tags. For example;
Use button tag for button functionality;
//don't
<div>Click me!</div>//do
<button>Click me</button>
Use nav element for menu instead of div
//don't
<div class="menu">
<ul>
...
</ul>
</div>//do
<nav class="menu">
<ul>
...
</ul>
</nav>
Use good content structure of headings, paragraphs, lists, etc.
<h1>My heading</h1>
<p>This is the first section of my document.</p>
<p>I'll add another paragraph here too.</p>
<ol>
<li>Here is</li>
<li>a list for</li>
<li>you to read</li>
</ol>
<h2>My subheading</h2>
<p>This is the first subsection of my document. I'd love people to be able to find this content!</p>
<h2>My 2nd subheading</h2>
<p>This is the second subsection of my content. I think is more interesting than the last one.</p>
A heading is for heading not for text size or its bold. And also you should use heading tags in a certain order. (h1>h2>h3>…)
Clear/Good Language
Don’t use dashed.
//don't
<button>print 1-5 pages</button>//do
<button>print pages from 1 to 5</button>
Don’t use abbreviations.
//don't
<p>Jan</p>//do
<p>January</p>
Expand acronyms, at least once or twice. Instead of writing HTML in the first instance, write Hypertext Markup Language
Declare the Page Language
Declare the language in “html” markup like following.
<html lang="en">
…
</html>
You can use the lang attribute, if you switch the language in the document.
<p>These words <b lang="tr">bu alan Türkçe kelimeler içeriyor</b> are wrote
