bootstrapta sr-only ne işe yarar

selamın aleyküm arkadaşlar label class - sr only kullanımda ne işe yarar ve de sr-only normal dil de ne işe yarar karşılığı nedir

Bir şeyleri gizlemek için kullanılıyor diye biliyorum, sayfada olması gereken ama aynı zamanda kullanıcıların görmemesi gereken şeyler. Mesela sırf javascript çalıştırsın diye yazılan bazı bölümler gibi.

Hiç denemedim ama ekran okuyucular için kullanılıyor.

görme engellilerin kullandığı programlar için kullanılıyor. örnegin bir sayfada bulunan asıl içeriğe link vererek. hemen oku tarzında link verebilirsiniz.

1 tane örnek verme şansınız var mı birde aria-label nedir ne işe yarar? en kolay yoldan açılır kapanır menü yapma yolu nedir cevaplarınız için teşekkür ederim şimdiden

http://www.w3schools.com/bootstrap/t...ef_hlp_sr-only

Hocam üstünden çok geçmiş ama insanların ihtiyacı olabilir,

.sr-only class'ı ekran okuyucular için üretilmiş bir stilize kodlamasıdır. Ön yüzde sadece ekran okuyucuların algılamasını istediğiniz şeyler var ise bu class'ı kullanabilirsiniz. Örnek vermek gerekirse:

<a class="sr-only" href="#devami">Fazlalıklardan kurtul ve yazının devamını dinle</a>

<div id="devami">..........</div>

Burada ekran okuyucusu sesli olarak: "Fazlalıklardan kurtul ve yazının devamını dinle" diye konuşacaktır. Tabi Türkçe destekli değilse pek anlaşılmıyor, google den biliyorsunuzdur. Ama onlar muhtemelen anlıyorlardır. Varları yokları bu cihazlar oluyor.

aria-label ise resim gibi cihazın ne olduğunu algılayamayacağı (daha doğrusu resimde ne demek istediğini algılayamayacağı şeyleri siz belirtiyorsunuz)

Örneğin:

<img src=".....prototype.png" aria-label="Prototype'e ait profil resmi (Gülen bir adam yüzü var, saçları siyah ve mavi tshort giyinmiş)" />

Prototype'e ait profil resmi (Gülen bir adam yüzü var, saçları siyah ve mavi tshort giyinmiş) direk olarak bunu okuyacaktır. ( parentez ) leri de okuyacağından ayrıntı vermek istediğinizi de algılayacaklardır.