Drag and Drop

Suggestion for Drag and Drop: new field to improve accessibility, a description for dropzones

Submitted by marc for ndla on Fri, 02/14/2025 - 08:09
Forums: 
Feature requests

Drag and drop has accessibility challenges. Screen reader users do not get a spoken description of drop zones.

It is not an appropriate use of the drop zone option ‘show label’ or attribute ‘tip text’ to make a kind of drop zone description available for screen readers.

Therefore, we, at NDLA.no, propose an additional attribute in the "tips and feedback" group of drop zone attributes. This attribute can be used to describe drop zones and this description must be accessible to screen readers. (The new attribute does not need to be a mandatory field.)

3
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

Drag and Drop: Label fontsize and tick/cross icons

Submitted by Aaron_Consultant on Tue, 11/05/2024 - 12:42
Forums: 
Bugs in content types

Hi,

Anyone know if this looks right? 

1. The tick and cross icon for the labels in the drag and drop (after you press submit) look tiny to me. Have they always been like this? Anyway to increase the size of them?

2. The fontsize I'm having to use on the labels is above 175%, is that normal? Images attached...

Thanks!!

Opacity on drag & drop text not working

Submitted by nikkimacfarlane on Mon, 11/04/2024 - 03:02
Forums: 
Content creation

I have a drag and drop activity with an image that users drag words on to. It is all working fine except that when I change the opacity of the draggable text to zero, the opacity stays the same. It looks fine when I am editing it, but when I view the activity the opacity has not changed. Any suggestions for where I might be going wrong? I have attached three images showing the settings are at 0 opacity, the screenshot showing how this looks in edit mode, and the screenshot showing how it looks in view mode.

Pages