I've built a survey in Qualtrics and running through our internal accessibility tracker it says there are issues with:

1. Aria-roles

aria-roles: Ensures all elements with a role attribute use a valid value

Resources for this rule

More information about aria-rolesWCAG 4.1.2

• Path	divvrole="widget"]
  Snippet	<div role="widget">
  How to fix	Fix the following: Abstract role cannot be directly used: widget

2. Viewport

meta-viewport: Ensures <meta name="viewport"> does not disable text scaling and zooming

Resources for this rule

More information about meta-viewportWCAG 1.4.4

• Path	#Page > metatname="viewport"]
  Snippet	<meta name="viewport" content="user-scalable = no, maximum-scale=1, minimum-scale=1, initial-scale = 1, width = device-width">
  How to fix	Fix the following: user-scalable=no on <meta> tag disables zooming on mobile devices

I see the fix recommended but have no idea how to get to the html behind to make the fixes. Is this something that can be done in CSS or custom Javascript?

It seems the default themes in Qualtrics have these issues across the board. 

Thanks,

Alex