Foundation is an open-source and responsive front-end framework created by ZURB in September 2011 that makes it simple to create stunning responsive websites, apps, and emails that operate on any device. Many companies, like Facebook, eBay, Mozilla, Adobe, and even Disney, use it. The framework is based on bootstrap, which is similar to SaaS. It’s more complex, versatile, and configurable. It also comes with a command-line interface, making it simple to use with module bundlers. Email framework provides you with responsive HTML emails, which can be read on any device. Foundation for Apps allows you to build fully responsive web applications.
Foundation CSS Button Accessibility is helpful for ensuring the accessibility of screen readers. It is recommended to use the show-for-sr class for putting readable text in situations where a button may not have one, like in the case of buttons having only icons. This makes the text hidden to the normal user, however, it is available for screen readers so that it could read out the context of the button.
Note: It is generally not recommended to hide content that should be only visible to normal users. Therefore, one can set the aria-hidden attribute to true, to prevent unreadable content to be read by the screen reader.
Foundation CSS Button Accessibility Class:
show-for-sr: This class is used to show content only when it is being read by a screen reader.
Please Login to comment...