Drag and Drop - more distinctive focus indication when using the keyboard

Submitted by KathySimic on Fri, 06/13/2025 - 06:09
Forums: 
Feature requests

Hello,

Would it be possible to increase the thickness of the focus border when you are using the keyboard to access the dropzones. Many of our students use a keyboard to access this activity type, and it is very difficult for them to identify which drop zone they have landed on. If this can be adjusted and I have just not found the option, can I please be directed how to do this.

Thank you very much for your consideration of this request. 

0
0
Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
otacke's picture

otacke

Sat, 06/14/2025 - 13:43

Hi Kathy!

The visible focus styling is not applied by H5P directly in most cases, but left to the browser and may in fact differ depending on what browser you use. For instance, Chrome will add a black outline to buttons while Firefox uses blue. The width of the outline may also differ.

H5P itself does not provide an option to override that particular styling, but H5P offers you to overwrite its CSS definitions, see https://h5p.test.schulcloud-thueringen.de/documentation/for-developers/visual-changes. You, could, for instance, use

*:focus-visible { outline: 5px solid green; }

for a very very prominent green visible focus on every actionable element or whatever suits your needs.

Best,
Oliver