Fix: Double colour profile read fix (fixes #121)

[guywillis]

Fixes #121

Fix

• Add aria-hidden to label
• Add aria-label to <select> element
• Added a11y import

[oliverfoster]

You'll need to do the same to all of them

[guywillis]

You'll need to do the same to all of them

Do you mean the rest of the options (checkboxes / button groups) within the visua11y overlay or how the HTML is laid out within the jsx template?

[oliverfoster]

Don't the check boxes suffer the same problem?

[guywillis]

Nope, checkboxes are fine.

There is an argument to be made for the readability button groups though as they read out like:

"Font size"
"Font size, radio group"

so there is a duplication of information that the checkboxes do not have.

[kirsty-hames]

Nope, checkboxes are fine.

There is an argument to be made for the readability button groups though as they read out like:

"Font size" "Font size, radio group"

so there is a duplication of information that the checkboxes do not have.

We can resolve the duplication by applying aria-hidden='true' to the .visua11ysettings__item-title. The label will still be read by the radiogroup aria-labelledby.