30/09/2018, 23:28
Hỏi về Bootstrap (cơ bản)
Chào mọi người
Em có đọc tutorial trên w3school thì thấy nhiều code có class=“sr-only” và aria-* như code dưới đây
Khi xóa các dòng đó thì trình duyệt vẫn hiển thị bình thường. Vậy nó có quan trọng không và dùng để làm gì?
[code]
Bootstrap Example .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 70%; margin: auto; }<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img_chania.jpg" alt="Chania" width="460" height="345">
</div>
<div class="item">
<img src="img_chania2.jpg" alt="Chania" width="460" height="345">
</div>
<div class="item">
<img src="img_flower.jpg" alt="Flower" width="460" height="345">
</div>
<div class="item">
<img src="img_flower2.jpg" alt="Flower" width="460" height="345">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
[/code]
Bài liên quan
Dành cho các thiết bị ko đồ hoạ mà chỉ đọc chữchữ thôi,
sr= screen reader