HTML-ARIA:role=grid

by trustix


Eklenme Tarihi : 01 Ocak 2021 11:43 Views:     173



HTML'de role='grid' Nedir?

 

HTML'de role='grid' ifadesi bir web sayfasında tablo gibi ya da direkt tablo olarak yapılandırılmış verilerin satır ve sütunlar  içerisinden hücre yapılanması şeklinde olduğu ayrı bu hücrelerin bir veri girişi olarak kullanılabildiği bölümleri belirtmek için kullanılmaktadı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=grid</title>

</head>

<body>


    <table role="grid" aria-labelledby="id-select-your-seat">

        <tbody>
          <tr>
            <td></td>
            <th>1.Sütun</th>
            <th>2.Sütun</th>
          </tr>
          <tr>
            <th scope="row">1.Sınıf Şubeleri</th>
            <td tabindex="0">
              <button id="1a" tabindex="-1">A</button>
            </td>
            <td tabindex="-1">
              <button id="1b" tabindex="-1">B</button>
            </td>
          
          </tr>
          <tr>
            <th scope="row">2.Sınıf Şubeleri</th>
            <td tabindex="-1">
              <button id="2a" tabindex="-1">A</button>
            </td>
            <td tabindex="-1">
              <button id="2b" tabindex="-1">B</button>
            </td>
         
          </tr>
        </tbody>
      </table>
</html>

 





0

Yorum Formu

vikikod.com    © 2019