Changes in Drag Drop Interactions Item [A11y] [BLOCKED]

[Arjupta]

Describe the bug

Views inside drag_drop_interaction_items.xml are not fully compatible with some users from the Accessibility point of view.

Issue 1 - The contrast ratio of content text inside a single item does not match the standard one
Issue 2 - Multiple arrow icons and merge icons have the same content description
Issue 3 - The size of the clickable arrows, merge icons and ungroup icons are less than the standard size (48dp x 48dp)

To Reproduce
Steps to reproduce the behaviour:

1. Start the Accessibility Scanner App on your device
2. Open the Oppia Android App and start First Test Topic Exploration
3. Scan the screenshots with the Accessibility Scanner
4. You will see the tests that are not passed by that screen
5. Repeat this for other screens

Expected behaviour
All the tests must be passed by scanning the screenshots for both Tablet and Mobile Devices in every orientation.

Screenshots

Issue 1	Issue 2	Issue 3

Device

• Real Device - RealMe3
• SDK version - 29

Additional context
The Screenshots are descriptive enough for understanding the issues but still, if there is a need of clarification then you can comment here. Multiple Pull Requests can also be made for solving these issues.

Certain Views does not have the correct contrast ratios (Inactive state) as mentioned in the screenshots. To solve this, one must find a way to make the views disabled instead of being in non-clickable state only

Reference - https://github.com/oppia/oppia-android/wiki/Working-on-UI#accessibility-scanner