gregtyler
Ministry of Justice Frontend
MOJ Frontend contains the code you need to start building user interfaces for UK Ministry of Justice government services.
See live examples of MOJ Frontend components, and guidance on when to use them in your service, in the MOJ Pattern Library documentation.
Contribution Guidelines
If you want to help us build MOJ Frontend, view our contribution guidelines. This covers all areas from semvar commit messages to release process.
Contact the team
MOJ Frontend is maintained by staff in the Ministry of Justice. If you need support, you can use GitHub discussions or one of our Slack channels:
- #moj-pattern-library-support on Justice Digital Slack
- #moj-design-system channel on UK Government Digital Slack
Quick start
We recommend installing MOJ Frontend using node package manager (npm).
Once installed, you will be able to use the code from the examples in the MOJ Pattern Library in your service.
Browser support
MOJ Frontend will allow you to build services that comply with the guidance in the Service Manual.
If you are including MOJ 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.
Assistive technology support
MOJ 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/