H5? ??? ?? ? ARIA ??? ?? ? ??? ??? ? SEO ??? ??????. 1.

??

?? ? ???? H5 (HTML5)? ??? ?? ? ??? ??? ??? ? ??? ? ???? ???? ??? ????????. ?? ??? H5? ??? ???? ? ???? ???? ??? ????? ??? ????? ???? ? ?????? ?? ??? ???? ???? ??? ?? ????? ? ?? ??? ?????. ? ??? ?? H5? ??? ??? ?????? ????? ??? ??? ? ???? ??? ??? ????.

?? ?? ??

H5? ? ???? ???? ???? ?? ???? ??? ?? ??? ??? ??? ?????. ??? HTML? ??? HTML ??? ???? ??????? ??? ??? ??? ??? ???? ?? ?????. ?? ??, <header></header> , <nav></nav> , <main></main> , <article></article> , <section></section> , <aside></aside> ? <footer></footer> ? ?? ??? ? ???? ? ? ???? ???? ?? ? ? ??? ?????.

???? ???, ??, ?? ???? ????? ???? ??? ?? ???? ? ???? ???? ????? ??? ? ????? ?? ?????. H5? aria-* ?? ? ??? ?? ???? ?? ??? ???? ? ???? ???? ?? ??????.

?? ?? ?? ?? ??

H5? ?? ?? ??? ? ??

H5? ??? ??? HTML ????? ?? ?? ????? ???? ???????. ?? ??, <header></header> ??? ? ??? ?? ??? ??? ???? <nav></nav> ??? ??? ???? ? ???? <main></main> ??? ? ???? ?? ??? ??? ?????. ??? ??? ??? ?? ???? ?? ???? ??? ?? ??? ? ??? ? ? ???? SEO ??? ????? ? ??????.

 <Header>
    <H1> ? ? ???? ?? ?? ????? </h1>
    <avi>
        <ul>
            <li> <a href = "#home"> home </a> </li>
            <li> <a href = "#about"> ?? </a> </li>
        </ul>
    </nav>
</??>
<??>
    <??>
        <H2> ? ?? </h2>
        <p> ??? ? ? ??? ?????. </p>
    </article>
</main>
<FUTER>
    <p> & copy; 2023 ? ? ??? </p>
</???>

H5? ??? ??

H5? aria-label , aria-describedby ?? ?? ARIA (??? ??? ?? ??? ?? ????) ??? ???? ? ???? ???? ?? ??????. ??? ??? ??? ??? ?? ?? ??? ?? ?? ??? ???? ?????? ???? ? ???? ???? ?? ?? ??? ? ????.

 <button aria-label = "close"onclick = "closedialog ()"> x </button>
<div id = "Dialog-description"> ??? ?? ?????. </div>
<DILOG ARIA-DESRICDBY = "DILOG-DESCREPTION">
    <p> ???? ????? </p>
    <button onclick = "?? ()"> ? </button>
    <?? onclick = "cancelAction ()"> ??? </button>
</??>

?? ??

H5? ??? ??? ???? ??? ??? ???? ???? ????? ?? ??? ? ???? ? ? ???? ?? ? ? ????????. ?? ??, <nav> ??? ????? ??? ????? ???? ??? ?? ??? ? ???? ?? ??? ?? ?? ? ? ????.

ARIA ??? ??? ?? ???? ?? ??? ?? ?? ??? ???? ? ???? ? ? ???? ???? ? ??????. ?? ??, aria-label ??? ??? ?? ?? ??? ???? ???? ?? ??? ??? ??? ???? ?? ? ????.

??? ?

?? ??

H5? ??? ??? ARIA ??? ???? ? ???? ??? ? SEO ??? ?? ?? ? ? ????. ??? ??? ??? ???? ??? ??? ????? ??? ??? ??? ???? ??? ????.

 <nav aria-label = "main Navigation">
    <ul>
        <li> <a href = "#home"> home </a> </li>
        <li> <a href = "#about"> ?? </a> </li>
        <li> <a href = "#contact"> contact </a> </li>
    </ul>
</nav>

?? ??

?? ??? ??????? H5? ?? ??? ? ARIA ??? ???? ?? ??? ??? ?? ? ????. ?? ??, <input type="date"> ???? ???? ??? ??? ? ??? aria-invalid ??? ?? ??? ???? ??? ?? ? ? ????.

 <??>
    <label for = "name"> ?? : </label>
    <?? ?? = "text"id = "name"aria-required = "true"aria-invalid = "false">
    <label for = "birthdate"> birthdate : </label>
    <?? ?? = "date"id = "birthdate"aria-required = "true"aria-invalid = "false">
    <?? ?? = "??"> ?? </button>
</form>

???? ?? ? ??? ?

??? ?? ? H5? ARIA ??? ??? ?? ???? ???? ??? ?? ?? ??? ???? ?? ???? ARIA ??? ???? ???? ????. ?? ??, aria-required ??? ?? ??? ?? ???? ?? ?? ?? ??? ??? ??? ??? ?? ????? ??? ???? ?? ? ????.

??? ??? ????? ???? ???? ??? ??? ???? ? ???? ???? ???? Wave ?? AX? ?? ?? ??? ??? ??? ???? ??? ??? ???? ???? ?? ?????.

?? ??? ? ?? ??

H5? ??? ??? ARIA ??? ??? ? ??? ????? ? ?? ?? ??? ????.

• ??? ?? ?? ??? ???? ??? ??????? ??? ??? ??? ??????. ?? ?? <header></header> ?? <nav></nav> ??
  ???? ????.
• ??? ??? ?????? ??? ??? ???? ????? <input type="date"> ? <input type="email"> ? ?? H5? ??? ?? ???? ???????.
• ARIA ??? ????? ???? ??? ??? ????? ????? ????. ?? ??, ? ??? ?? aria-label ???? ?? ?? ??? ?????? ??? ??.
• ??? ?? AX? ?? ??? ???? ??? ??? ???? ???? ??? ? ??? ???? ?????.

??? ?? ??? ?? ???? ?? ?? ??? ?? ? ??? ?? ????? ? ?? ??? ?? ? ? ????.

?? ?? ???? H5 ??? ??? ???? ?????? ????? ??? ???????. ? ??? ? ???? H5? ??? ? ? ???? ? ????? ? ?? ??? ???? ??? ????? ????.