HTML'de role=alert

by trustix


Eklenme Tarihi : 23 Aralık 2020 18:56 Views:     301



HTML'de role özniteliğine verilen alert değeri genelde bir uyarı penceri açmak için kullanılmaktadır. Bu uyarı penceresi ayrıca bilgi içerikli ve zamana duyarlı olarak tasarlanır. Beş dakika içinde bir web sitesindeki oturumun sonlandırılması buna iyi bir örnektir. Elbette sadece bu amaç için kullanılmaz.Eğer kullanıcıya sadece bilgi verilmek isteniyorsa alert kullanılır. Ancak kullanıcı ile proaktif bir etkileşim gerçekleşecekse yani kullanıcıdan bu durum ile ilgili bir cevap bekleniyorsa bu durumda alertdialog kullanılır. Dinamik olarak kullanılmalıdırlar. Çünkü ancak bu şekilde tetiklenmeleri sağlanabilir. Dinamik olmayan web uygulamalarında herhangi bir tetikleyici olmadığı için öznitelik çalışmaz. Çalışsa bile anlamlı bir süreç olmaz.

Ancak burada HTML tarafını incelememiz gerektiği için şimdilik Javascript kullanmayacağız.

Örneğin:

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

</head>

<body>
    <!-- 
       Kullanıcıya 5 dakika
       içinde oturumunun sonlanacağına dair
       uyarı veriyoruz.
       Burada ikincil olarak aria-live özniteliği ve asssertive
       değeri ekledik.
       Normalde role özniteliği ve alert
       değeri yeterlidir.
       Ancak tüm ekran okuyucuları role özniteliğini çalıştırmayabilirler.
       Bu nedenle her yerde çalışabilmesi için ayrıca
       aria-live özniteliğini de ekiyoruz.
    -->
    <div role="alert" aria-live="assertive">5 dakika içinde otumunuz sonlanacaktır.</div>
</body>
</html>

 





0

Yorum Formu

vikikod.com    © 2019