HMCTS Frontend contains the code you need to start building a user interface for HMCTS government platforms and services.
See live examples of HMCTS Frontend components, and guidance on when to use them in your service, in the HMCTS Design System.
HMCTS Frontend is maintained by a team at HMCTS. If you want to know more about HMCTS Frontend, please email the Design System team.
We recommend installing HMCTS Frontend using node package manager (npm).
Once installed, you will be able to use the code from the examples in the HMCTS Design System in your service.
HMCTS Frontend will allow you to build services that comply with the guidance in the Service Manual.
If you are including HMCTS Frontend as part of a stylesheet that you are generating in your application's build pipeline, you will need to generate and include a separate stylesheet in order to support Internet Explorer 8.
HMCTS Frontend will allow you to build services that comply with the guidance in the Service Manual.
In addition, we test that all content is accessible with keyboard only.
We aim to support [users who adjust or override the colours of websites they visit][how-users-change-colours-on-websites]. We test this by [changing colours in Firefox][changing-colours-in-firefox], by [enabling 'High Contrast' mode in Windows][enabling-high-contrast-mode-in-windows] and by using the High Contrast plugin for Chrome.
[changing-colours-in-firefox]: https://support.mozilla.org/en-US/kb/change-fonts-and-colors-websites-use
[enabling-high-contrast-mode-in-windows]: https://support.microsoft.com/en-gb/help/13862/windows-use-high-contrast-mode
[how-users-change-colours-on-websites]: https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
If you want to help us build HMCTS Frontend, view our contribution guidelines.