Jump to content
  • html5 validation errors - (5.0.0 B1)


    Adlago
    • Status: Moved to Github

    The following html5 validation errors are reported in tests.

    Error: The aria-checked attribute must not be used on an input element which has a type attribute whose value is checkbox.
    
    From line 1011, column 4; to line 1011, column 149
    
    	<input type="checkbox" name="remember_me" id="remember_me_checkbox_popup" value="1" checked aria-checked="true" class="ipsInput ipsInput--toggle">
    ==============================================================	
    Error: Attribute fa-search" not allowed on element input at this point.
    
    From line 3891, column 6; to line 3891, column 177
    
    <input type="search" class="ipsInput ipsInput--text ipsOffCanvas__input" placeholder="Enter search terms.." name="q" autocomplete="off" aria-label="<i class="fa fa-search"></i> 
    ==============================================================
    Error: Element search not allowed as child of element dialog in this context. (Suppressing further errors from this subtree.)
    
    From line 3991, column 2; to line 3991, column 23
    
    <search role="search">
    ==============================================================
    

     


    User Feedback

    Recommended Comments

    Thanks, I'll adjust the aria-checked attributes.

    Have you added <i class="fa fa-search"></i> to the value of the "search" language string? The default value for that variable is "Search", which doesn't cause any errors.

    I guess the validator doesn't understand the <search> element yet (which is a fairly new element). Even a simple test of this code returns the same error:

    <div>
      <search>
        <form>
          <input type="search">
        </form>
      </search>
    </div>

    Other developers on reddit and github have reported the same issue, so this one can safely be ignored until the validator is updated as I'm confident this is a valid location for that element.

    Link to comment
    Share on other sites


×
×
  • Create New...