The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.
A summary of all the errors in a form
When a user attempts to submit a form with errors, this component displays a summary of those errors above the form. Including an error summary greatly assists users in promptly identifying and addressing multiple errors in a consolidated manner. It provides a clear indication of what went wrong and what needs to be corrected.
Each form component that contains an error is listed as a row, displaying the name of the field and linking it to the corresponding form element.
After trying to submit the form and it doesn’t validate, the summary is displayed.
The headline always has a summary of how many errors the form contains included in the sentence. When it’s displayed, the focus is set to the text and the viewport of the browser is scrolled so it's visible on the top.
Behaviour of error summary
Always above the form, after trying to submit a form containing errors.
The list of errors is the same as the field labels for each field containing errors.
-