HTML5 ARİA nedir? Bunu uygulamak için nasıl bilmiyorum.

HTML5 WAI-ARIA spec erişilebilir web uygulamaları için destek tanımlanması. Tanımlar demet biçimlendirme uzantıları (çoğunlukla gibi nitelikleri üzerinde HTML5 elemanları) olmak üzere, web uygulaması geliştirici sağlamak hakkında ek bilgi semantiği çeşitli öğeler için yardımcı teknolojiler gibi ekran okuyucu. Elbette, ARİA iş, HTTP kullanıcı Aracısı yorumlar biçimlendirme ihtiyaçlarına destek ARİA, ama işlevi görür oluşturulan böyle bir şekilde, izin alt düzey kullanıcı arayüzleri için görmezden ARYA özel biçimlendirme etkilemeden güvenle web uygulama işlevselliği.

İşte ARİA spec bir örnek:

<ul role="menubar">

 <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem" aria-haspopup="false">New</li>
      <li role="menuitem" aria-haspopup="false">Open…</li>
      …
    </ul>
  </li>
  …
</ul>

<ul> dış öğe role özniteliği dikkat edin. Bu öznitelik etkilemez herhangi bir şekilde nasıl biçimleme kalitesine göre ekran tarayıcı, ancak tarayıcılar bu desteği ARİA ekler OS-belirli erişilebilirlik bilgileri için oluşturulan UI öğesi, böylece ekran okuyucu bir yorum yapabilirsin gibi bir menü ve okumak yüksek sesle yeter bağlam için son kullanıcı anlamak için (örneğin, açık bir "menü" görsel ipucu) ve dahil olmak üzere etkileşim ile (örneğin, sesli navigasyon).