sr-only için kullanılan ders nedir? Önemli ya da kaldırabilir miyim? İşleri olmadan da gayet iyi.

İşte benim örnek:

<div class="btn-group">
    <button type="button" class="btn btn-info btn-md">Departments</button>
    <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">Sales</a></li>
        <li><a href="#">Technical</a></li>
        <li class="divider"></li>
        <li><a href="#">Show all</a></li>
    </ul>
</div>

bootstrap documentation sınıfa göre gizlemek için kullanılır bilgi için kullanılırekran okuyucu.

Ekran okuyucular, her giriş için bir etiket bulunur musun eğer senin formları ile sorun var. Bu formları, etiketleri kullanarak gizleyebilirsiniz .sr-tek sınıf.

İşte stil kullanılır: (example)

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

Önemli ya da kaldırabilir miyim? İşleri olmadan da gayet iyi.

Önemli değil, bunu çıkarmayın.

Her zaman erişilebilirlik amaçlar için ekran okuyucular gibi düşünmelisiniz. Sınıfın kullanım öğesi neyse, görsel bir fark olmamalı Bu yüzden gizler.

Okuma erişilebilirlik hakkında: eğer ilgilenirsen

• Web Accessibility Initiative (WAI)

• MDN Accessibility documentation