Forum Discussion
Solved
The focus indicator on the Assessment Next button is not available.
The focus indicator on the Assessment Next button in Rise 360, particularly for keyboard and screen reader users, is a potential accessibility issue. This means that when navigating via keyboard, the...
Sudeepa, I had the exact same issue. The solution is to modify the focus state outline with a css theme component. Here's a screen recording where I show the problem and solution.
Hi PhilFoss, thanks for the solution. Will definitely try. I want to understand, for all the buttons in my course, I need to individually work with the CSS Style?
Yes there will be a style for each type of button. For these 'next' buttons the css looks like below, it will apply to all of this button type throughout your course.
.quiz-card__submit button:focus { outline: 3px solid green; outline-offset: 4px; }Also I like your cover image- is that an animating gif? And here's how I recommend installing a theme component to your exported course.