HTML-ARIA:role=img

by trustix


Eklenme Tarihi : 01 Ocak 2021 12:22 Views:     452



HTML'de role='img' Nedir?

img değeri ARIA'da bi web sayfasında bulunan birden fazla görsel içeriğin bir puzzle parçarları gibi bütünü ifade ettiğini belirtmek için kullanılmaktadır. Amaç birden çok görsel öğenin birbiri ile ilişkili olduğunu göstermektir. Burada görsel ifadesi sadece fotoğrafları içermez. Metin yapısında bulunan görseller ya da duygu ifade görselleri yani emoji gibi şeyler olabilir.

Bir görüntü kümesinin tek bir görüntü olarak algılanması için de kullanılabilir. Yani bir görüntü ile ilişkili ses dosyası ya da görüntünün içerisine gömülmüş olan ses dosyaları için de benzer şekilde kullanılabilir.

Bu öznitelik değerinin kullanıldığı görsel ifadeler için aynı zamanda bir açıklama metni sağlamak da standarttı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=img</title>

</head>

<body>

    <!--  
      Birbiriyle ilişkili birden fazla
      görseli aynı anda kullanıcıya sunmak
      için burada olduğu gibi
      div yapısında img değerini kullanıyoruz.
      Daha sonra gerekli görselleri div
      yapısı içerisinde yer alacak şekilde ayarlıyoruz.
      Tabi ki görselle içe ilgii bir açıklama metni 
      de ekleyerek.
    -->
    <div role="img" aria-label="Nikola Tesla'nın kablosuz elektrik
    iletimi için kullanmış olduğu temel malzemeler.">
        <img src="/img/resim1.jpg" alt="">
        <img src="/img/resim2.jpg">
        <img src="/img/resim3.jpg">
        <img src="/img/resim4.jpg">
    </div>
</html>

 




Önceki İçerik

Sonraki İçerik


0

Yorum Formu

vikikod.com    © 2019