5.00 / 1 oy

HTML'de role özelliği ne işe yarar?

Özellikle temalardaki kodlarda ya da github'dan indirdiğim html kodlarında görüyorum ancak ne işe yaradığını bilmediğim için silip geçiyorum ya da olduğu gibi bırakıyorum. İlk defa bugün içime bir kurt düştü ve sormak istedim, örneğin aşağıdaki kodda:

<section id="main" role="main">
   Buraya içerikler geliyor
</section>

role=main özelliğinin olması ya da olmaması neyi değiştiriyort? SEO'ya mı faydalıdır ya da gerekli midir?

droper

21.06.2019 19:28

Bu soru 1 kez yanıtlandı.

  • 23 Haziran 2019 11:54
    11

    Html'de role özelliği ilk olarak XHTML ile birlikte ortaya çıkmıştı ancak sonra kullanımdan kalktı.Daha sonra HTML 5 ile birlikte tekrar kullanıma girdi.

    Role, bir web uygulamasında bir elementin en doğru işlevini belirtmeye yarayan özelliktir. Kullanımı da temiz bir Html yazımı için zorunludur.

    Ayrıca CSS seçicileri için de aşağıdaki kullanımı mümkün kılmış olurlar:

    <a href="#" role="button" aria-label="link 1">Link</a>
    *[role="button"] {
      color:red
    }

    Sonuç olarak button role değerine sahip olan a etiketleri kırmızı renk ile yazılmış olacaktır. (Butonlar değil, sadece role="button" olan a etiketleri)

    Çok sayısa role seçeneği mevut, işlevlerini ve kullanımlarını incelemek için WAI-ARIA Roles bağlantısını kullanabilirsin.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
HTML'de role özelliği ne işe yarar?

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.