The Checkboxes for the conversation topics

[mohammad-suliman]

Problem description:

When reaching the question where the user needs to check and uncheck the topics they want to have information on, the Checkboxes for the different topics have the following accessibility issues:

• They are not reachable by the keyboard
• They have no semantic information like role and state
• they don't have focus visible effect

Solution:

• The checkboxes can be defined with aria as in this example
• Please note the keyboard handlers and navigation needed
• Please also add the CSS styling for the focus visible effect for sighted keyboard users when the checkbox receives focus