[Enhancement] A11y improvements for Modal

[jakobe]

• I have written a good issue

Describe the enhancement

The following tasks should be completed to improve the a11y of the Modal component:

• Ensure modal is labelled with a title
  • This can be achieved by associating ion-title of modal-wrapper.component.html to ion-modal through aria-labelledby. This could be set on the ionModalElement instance in ModalWrapperComponent.ngOnInit.
    Please note: ion-title will need a unique id.
    More info: https://ionicframework.com/docs/api/modal#labels
• Ensure the close button is labelled with a title
  • This can be achieved by setting aria-label on the button in modal-wrapper.component.html since it's an icon only button with no text.
    Please note: The title should be localized (da + en).
  • Moved to [Enhancement] Add localization/translation of internal labels #3694

Describe the solution you'd like

Have you considered any alternatives?

Are there any additional context?

---

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

• Request that the issue is UX refined
• Request that the issue is tech refined; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• Make sure you have read: "Before you get coding".
• Signal to others you are working on the issue by assigning yourself.
• Create a branch from the develop branch following our branch naming convention.
• Publish a WIP implementation to Github as a draft PR and ask for feedback.
• Make sure you have implemented tests following the guidelines in: "The good: Test".
• Update the cookbook with examples and showcases.

Review

Once the issue has been implemented and is ready for review:

• Do a self-review.
• Create a pull-request. If you created a draft PR during implementation you can just mark that as "ready for review".