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 ?