HTML-ARIA:role=cell

by trustix


Eklenme Tarihi : 26 Aralık 2020 10:33 Views:     174



HTML'de role='cell' Nedir?

HTML ARIA'da role özniteliğine verilen cell değeri bir tablo ya da tablo haricindeki yapılarda içeriğin bir tablo hücresi gibi okunmasını sağlamak için kullanılmaktadır. cell değeri bir <div> ya da <span> etiketi ile birlikte kullanılabileceği gibi direkt <table>  etiketi ile de kullanılabilir. Bu anlamsal bir web yapısının oluşması için önemlidir. Ancak HTML'de tablo hücresi oluşturmak için kullanılan yerleşik bir <td> etiketi bulunmaktadır. <td> etiketinin kullanılabildiği durumlarda bu yerleşik etiketi kullanmak standartlar açısından daha tercih edilebilir bir durumdur.

Bir tablo hücresi oluşturmak her zaman tablo içerisinde olmayabilir. Bu gibi durumlarda ARIA ile cell değerini gerekli etikete vermek web sayfasının erişilebilirliğini arttırmaktadır.

Sonuç olarak gerek tablo içinde olsun gerek tablo dışında olsun bir hücre yapısı oluşturulmak istendiğinde mutlaka cell değeri role özniteliğine verilmelidir.

Ö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=cell</title>

</head>

<body>
    <!-- 
       Bir div yapısı içerisinde
       ve bir table yapısı içerisinde
       her iki durumda da cell değerini
       kullanıyoruz.
    -->

    <div role="row">
        <span role="cell">Türkiye</span>
        <span role="cell">Asya</span>
    </div>

    <table>
        <tr role="row">
            <td role="cell">Türkiye</td>
            <td role="cell">Asya</td>
        </tr>    
    </table>

</body>
</html>

 




Önceki İçerik

Sonraki İçerik


0

Yorum Formu

vikikod.com    © 2019