mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-10 11:24:10 -04:00
2e53a2b6f8
The sentences in the key to the map have 2 forms: 1. the visual form, with an graphic pattern alongside text saying what the pattern means in the map 2. the semantic form, with text describing what the pattern means and how big an area it covers for this alert This is achieved by making the graphic non-semantic and having hidden words in the sentence for each paragraph. While the spaces between words are correct for both forms of these sentences, we observed screen readers speaking some groups of words as one when they spoke the sentence. Most noticably, 'the alert' was spoken as 'thealert'. Swapping the class used to hide the visually hidden words from ours to the GOVUK one seemed to fix this. It's unclear why it does but the `govuk-visually-hidden` class adds the following styles to those in ours: - width: 1px - height: 1px - white-space: nowrap It also has `margin: 0` instead of `margin: -1px`.