Anlamsal HTML
Anlamsal HTML, öğeleri anlamlarına göre kullanır. Gerçek bir düğme, düğme gibi biçimlendirilmiş metin bloğundan farklı özellikler taşır.
Öğeleri görevlerine uygun kullanmak
Anlamsal HTML, içerik ve kontrolleri uygun HTML öğeleriyle tanımlar. Başlıklar içeriği yapılandırır, bağlantı bir hedefe götürür, düğme bir eylemi başlatır. Bu yapı, tarayıcıya ve yardımcı teknolojilere arayüzün anlamını bildirir.
Örnek bir portalda adres kaydetmek için button kullanılır. Görünüşü aynı olan bir div bloğu bu anlamı ve alışılmış klavye davranışını otomatik olarak taşımaz. Adres listesine gitmek içinse uygun href değeri bulunan a öğesi kullanılır.
CSS görünümü belirler; bir metni büyük göstermek onu başlık yapmaz. Anlamsal HTML önemli bir temeldir, fakat tek başına tamamen erişilebilir bir uygulamayı garanti etmez. Etiketlerin, durumların ve gerçek davranışın da doğru olması gerekir.
Kaynaklar
İlgili terimler
- ARIAARIA, yardımcı teknolojilere arayüzün rol, durum ve özellik bilgilerini ekler. Belirtilen davranışın ayrıca gerçekten uygulanması gerekir.
- Ekran okuyucuEkran okuyucu, dijital içeriği ses veya Braille üzerinden kullanılabilir kılar. Anlamlı yapı ve etiketler, etkileşimin anlaşılmasını sağlar.
- Klavye ile kullanılabilirlikKlavye ile kullanılabilirlik, görevleri fare olmadan tamamlamayı sağlar. Eylemlere erişim ve anlaşılır gezinme sırası birlikte önem taşır.
- Odak sırasıOdak sırası, odaklanabilir öğeler arasındaki yolu belirler. Dinamik değişikliklerde de anlamı ve kullanılabilirliği korumalıdır.
- Odak tuzağıOdak tuzağında klavye kullanımı bir alanın içinde sıkışır. Diyalogdaki bilinçli odak sınırlamasının klavyeyle kullanılabilir bir çıkışı olmalıdır.
- Ana içeriğe geçiş bağlantısıGeçiş bağlantısı, tekrarlanan gezinme alanını atlayarak ana içeriğe götürür. Sonraki klavye adımının da doğru yerde devam etmesi gerekir.
Bu konudaki yazılar
ASES ile Tasarım ve UX
Kullanıcı deneyimi, arayüz ve marka tasarımı