HTML5 ARIA attribute is what you’re looking for. It can be used in your code even without bootstrap.
Accessible Rich Internet Applications (ARIA) defines ways to make Web content and Web applications (especially those developed with Ajax and JavaScript) more accessible to people with disabilities.
To be precise for your question, here is what your attributes are called as ARIA attribute states and model
aria-labelledby
: Identifies the element (or elements) that labels the current element.
aria-hidden (state)
: Indicates that the element and all of its descendants are not visible or perceivable to any user as implemented by the author.
Related Posts:
- What is the difference between Bootstrap .container and .container-fluid classes?
- How can I get my Twitter Bootstrap buttons to right align?
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- What is sr-only in Bootstrap 3?
- How to change btn color in Bootstrap
- What does an “&” before a pseudo element in CSS mean?
- Understanding how data-dismiss attribute works in Bootstrap
- bootstrap 3 tabs not working properly
- What is a “meta component” in the context of bootstrap or as a general web design term?
- Changing the width of Bootstrap popover
- Changing the width of Bootstrap popover
- How to center image in carousel
- Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
- How to change the background-color of jumbrotron?
- vertical-align with Bootstrap 3
- Bootstrap popover is not working
- Bootstrap 3 Glyphicons CDN
- Bootstrap combining rows (rowspan)
- img-responsive in Bootstrap does not work
- Creating Accordion Table with Bootstrap
- Using glyphicon-facebook from bootstrap 3
- How to make Bootstrap Panel body with fixed height
- Can I change Bootstrap button color?
- Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
- Can I use complex HTML with Twitter Bootstrap’s Tooltip?
- Customize Bootstrap checkboxes
- What’s the difference between HTML ‘hidden’ and ‘aria-hidden’ attributes?
- Left align and right align within div in Bootstrap
- Vertical Align Center in Bootstrap
- Does bootstrap have builtin padding and margin classes?
- Bootstrap Dropdown menu is not working
- Bootstrap – Uncaught TypeError: Cannot read property ‘fn’ of undefined
- How to set up fixed width for
? - How to remove error about glyphicons-halflings-regular.woff2 not found
- How does the data-toggle attribute work? (What’s its API?)
- How to add hamburger menu in bootstrap
- Adding images to a Bootstrap Carousel with AJAX
- Bootstrap 4 images thumbnail classes
- How to include bootstrap css and js in reactjs app?
- Bootstrap 4 datapicker.js not included
- Bootstrap NavBar with left, center or right aligned items
- Bootstrap Dropdown menu is not working
- ChangeDate – Date Picker Bootstrap
- Bootstrap Dropdown menu is not working
- How to set up fixed width for
? - How can I center an image in Bootstrap?
- Bootstrap dropdown not working
- bootstrap-datetimepicker for bootstrap 4
- css to make bootstrap navbar transparent
- Bootstrap 4, How do I center-align a button?
- Responsive Bootstrap Jumbotron Background Image
- bootstrap navbar not working correctly
- TypeError: $(…).modal is not a function with bootstrap Modal
- Mark error in form using Bootstrap
- How to center vertically and horizontally a div using Bootstrap?
- How to make Bootstrap carousel slider use mobile left/right swipe
- bootstrap 3 navbar collapse button not working
- How to center content in a Bootstrap column?
- Wrap text around bootstrap image
- Bootstrap transparent navbar
- How to give spacing between buttons using bootstrap
- Bootstrap carousel not sliding
- how to center form using bootstrap 4
- How can I override Bootstrap CSS styles?
- What is the `data-target` attribute in Bootstrap 3?
- Can Twitter Bootstrap alerts fade in as well as out?
- Onclick on bootstrap button
- Flushing footer to bottom of the page, twitter bootstrap
- Bootstrap 3 Glyphicons are not working
- Placeholder Color Change in Bootstrap
- vertical divider between two columns in bootstrap
- Bootstrap scrollable panel
- bootstrap 4 row height
- Bootstrap change carousel height
- Twitter Bootstrap – add top space between rows
- How to use bootstrap 4 in angular 2?
- Table fixed header and scrollable body
- twitter bootstrap autocomplete dropdown / combobox with Knockoutjs
- how to do a line break in Bootstrap 3.3.7
- Bootstrap collapse isn’t working; hamburger menu not showing up
- How can I make Bootstrap columns all the same height?
- How to increase height of textarea using bootstrap rows and columns
- Bootstrap Columns Not Working
- Set bootstrap modal body height by percentage
- What’s the difference between using NAV and DIV around Bootstrap 3 navbars?
- Sass::SyntaxError: File to import not found or unreadable: bootstrap-sprockets
- Bootstrap modal not displaying
- Bootstrap – floating navbar button right
- Bootstrap align navbar items to the right
- How can I change the Bootstrap default font family using font from Google?
- Bootstrap modal – close modal when “call to action” button is clicked
- Center the content inside a column in Bootstrap
- How do I horizontally center a table in Bootstrap
- Change hover color on a button with Bootstrap customization
- Why is my Bootstrap code not working?
- Set textarea width to 100% in bootstrap modal
- How to open a Bootstrap modal window using jQuery?
- AngularJS Modal Popup
- bootstrap buttons onclick events
- In a bootstrap responsive page how to center a div