HTML-ARIA:role=log

by trustix


Eklenme Tarihi : 03 Ocak 2021 21:52 Views:     535



HTML'de role='log' Nedir?

role='log' ifadesi bir HTML sayfasından kullanıcı etkileşimi için tasarlanmış dinamik bir bölgeyi ifade etmek için kullanılmaktadır. Buradaki log ifadesi genellikle hata günlüğü için kullanılsa da benzer şekilde çevrimiçi web sayfası sohbet odaları ya da mesajlaşma bölümleri için kullanılabilir. Buradaki bilgiler belli bir süre tutulur daha sonra otomatik olarak silinir.

Ayrıca eğer sohbet bölümlerini belirtmek için ve kullanılacaksa benzer şekilde aria-controls='chatarea' ifadesi ile birlikte kullanılmalıdır.

role='log' ifadesi bütün bir bölümü belirtirken aria-controls='chatarea' ifades varsayılan olarak mesajların yazıldığı <input> etiketleri ile birlikte kullanılır.

Örneğin:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML'de role=log</title>

</head>

<body>

    <!--  
      Çok estetik olmasa da durumu açıklamak için
      bu örneği verebiliriz.
      Bir mesajlaşma bölümünü tablo yapısı
      içerisinde sunmak istediğimiz
      zaman burada olduğu gibi role='log'
      yazarsak  bu durumda ekran okuyucuları
      bunun bir tablo değil de bir log
      bölümü olduğunu anlayabilir.
    -->
   
    <table role="log">
        <p>Mesajlaşmak için bu bölümü kullanabilirsiniz.</p>
      </table>

    <!--  
      Ya da burada olduğu gibi
      bir div yapısı içerisinde sohbet
      bölümü oluşturabilir
      benzer şekilde role='log'
      ARIA ifadesi ile 
      yardımcı teknolojileri için
      buranın bir log bölümü olduğunu açıklayabilirsiniz.
    -->
         
      <div role="log" >
        <span class="ad">Kerem: </span> Merhaba <br>

        <label for="chat">Mesaj: </label>
        <input aria-controls="chatarea" type="text" size="40" name="mesaj" id="mesaj">
        </div>
</body>
</html>

 




Önceki İçerik

Sonraki İçerik


0

Yorum Formu

vikikod.com    © 2019