HTML element attribute override

So this is in shopify but it should apply everywhere. When its all compiled the code looks like this

<li id="slide--8e2a03e7-764c-4e3b-9f2f-42fbe5678d99_clone" data-flexslider-index="0" aria-hidden="true" style="width: 822px; margin-right: 0px; float: left; display: block;" class="clone">

But in shopify it looks like this

li id="slide--{{ block.id }}" data-flexslider-index="{{ forloop.index0 }}" {{ block.shopify_attributes }} >

Its obviously getting most those attributes from block.shopify_attributes. now I cant access shopify_attributes but I want to change aria-hidden="true" to false

Ive tried just putting it in like this. <li id="slide--{{ block.id }}" data-flexslider-index="{{ forloop.index0 }}" {{ block.shopify_attributes }} aria-hidden="false">

But it doesn't work

is there some sort of !important for html element attributes ?

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum