web erişilebilirliği

tabindex değeri, bir HTML öğesinin klavye ile Tab tuşuna basılarak odaklanıp odaklanamayacağını ve odak sırasındaki yerini belirler. Genel kural; doğal olarak odaklanabilen öğelerde tabindex kullanmamak, özel bir ihtiyaç varsa tabindex="0" veya tabindex="-1" tercih etmektir. Pozitif değerler...

required niteliği, bir form alanının boş bırakılmasını engelleyen istemci tarafı bir doğrulamadır. Kullanıcı alanı doldurmadan formu göndermeye çalışırsa tarayıcı gönderimi durdurur ve kendi doğrulama mesajını gösterir. Ancak alanın doğru, güvenli veya iş kurallarına uygun olduğunu kanıtlamaz...

Aynı ada sahip birden fazla form alanı, gönderim sırasında ayrı ayrı name=value çiftleri olarak gönderilir. Örneğin iki alanın adı etiket ise tarayıcı tek bir değer yerine etiket=haber&etiket=duyuru benzeri tekrarlı parametreler oluşturur. Sunucu tarafında bu değerler tek bir metin olarak değil...

Radio alanlarını aynı soruya ait seçenekler olarak gruplamak için aynı form sahibine ve aynı ağaç kapsamına ait kontrollere ortak, boş olmayan name değeri verin. Böylece kullanıcı yalnızca birini seçebilir. Checkbox alanları ise aynı name değerine sahip olsalar bile birbirini dışlamaz; birden...

Input type seçimi mobil klavyeyi nasıl etkiler? Mobil cihazlarda input alanının type değeri, tarayıcıya hangi klavyenin ve hangi yardımcı tuşların daha uygun olduğunu bildirir. Örneğin type="email" e-posta klavyesinde @ işaretini, type="url" ise adres yazmayı kolaylaştıran tuşları öne...

HTML select alanında boş seçenek nasıl yönetilir? Tek seçimli, multiple olmayan ve görüntü boyutu 1 olan geleneksel select alanında, başlangıçta geçerli seçim sayılmayan yer tutucu için ilk option öğesinde value="" kullanın. Bu option doğrudan select altında bulunmalıdır. Alanın doldurulması...

HTML autocomplete alanları nasıl tanımlanır? HTML’de otomatik doldurma davranışı, form veya form kontrolüne autocomplete özniteliği eklenerek tanımlanır. Kullanıcının tarayıcıda kayıtlı adres, ad, e-posta ya da ödeme bilgilerini doğru alana yerleştirebilmesi için yalnızca on kullanmak yerine...

Placeholder, giriş alanının içinde görünen geçici ipucudur; label ise alanın ne olduğunu tanımlayan kalıcı etikettir. Bu nedenle yalnızca placeholder kullanmak, formu anlaşılması, erişilebilirliği ve kullanım sonrası doldurulabilirliği açısından eksik bırakır. Doğru yaklaşım, her form alanına...

ARIA rolü ne zaman gereklidir? ARIA rolü, bir HTML öğesinin anlamını yardımcı teknolojilere bildirmek için kullanılır. Ancak çoğu durumda gerekli değildir: Önce amacınıza uygun yerleşik HTML öğesini kullanın. Örneğin düğme için <button>, bağlantı için <a href="...">, başlık için <h1> veya <h2>...

disabled bir form kontrolünü kullanılamaz hâle getirir; kullanıcı kontrolü odaklayamaz, değiştiremez ve form gönderildiğinde bu kontrolün değeri gönderilmez. readonly ise kontrolün değerinin kullanıcı tarafından değiştirilmesini engeller; kontrol genellikle odaklanabilir ve form gönderildiğinde...

Ekran okuyucu, sayfayı görsel olarak taramaz; tarayıcının HTML’den oluşturduğu erişilebilirlik ağacını okuyarak algılar. Bu ağaçta öğelerin adı, rolü, durumu, değeri ve belge içindeki sırası bulunur. Bu nedenle ekranda güzel görünen bir tasarım, anlamlı HTML yapısı yoksa ekran okuyucu...

HTML form, ziyaretçiden veri almak ve bu veriyi bir hedefe göndermek için kullanılan sayfa bölümüdür. Kullanıcı adı, e-posta, arama kelimesi, seçim veya mesaj gibi bilgileri <input>, <select> ve <textarea> kontrolleriyle toplar; <button> ile gönderim başlatır. Formun kendisini <form> elementi...