To contribute to this project, follow the rules from the general CONTRIBUTING.md document in the community
repository.
UI developed within the Console and Compass UI should be compliant with Fiori Design Guidelines.
- User should be able to close the modal (without saving changes, if any) by clicking anywhere outside of it.
- Modal should support keyboard control:
- User should always be able to navigate the modal using only a keyboard. While the modal is opened, focus should not leave the modal window.
- If the modal contains input fields, the first of them should be automatically focused on opening the modal. In some cases, we can set focus on the most important element instead (e.g. the incorrect one).
- Main actions, such as Confirm, Save, Apply, should use the emphasized style.
- If the content of the modal is dynamic, avoid resizing the modal. Modals width should be consistent across the application.
- Follow the ARIA attributes.
- When using HTML input
type
attribute for validation, make sure to verify if the validation corresponds to the one used on the backend.