list dividers role="heading" fails w3c validator #5268

Closed
frequent opened this Issue Nov 10, 2012 · 5 comments

4 participants

@frequent

I'm using this:

<li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-body-c ui-corner-top">
     <span class="ui-divider-text">#variables.li_header#</span>
</li>

which is the same list-divider syntax as in the docs. Running this through the w3c validtor throws Bad value heading for attribute role on element li.

Removing the `role="heading" fixes it, but I guess it's there for a reason. Any way to make this valid?

@Ruffio

According to http://api.jquerymobile.com/listview/ and http://demos.jquerymobile.com/1.4.5/listview/ the rolle='heading' attribute is no longer used. Right?

@arschmitz
jQuery Foundation member

It is used on the dividers if you inspect one of the list dividers you will see its used. I will look into the validity of this.

@Ruffio

@frequent I'm not able to reproduce this issue. I loaded the demopage (http://demos.jquerymobile.com/1.4.5/listview/), copied the (enhacned) html and pasted it into http://validator.w3.org/#validate_by_input. It shows no errors regarding role="heading". Do you have a testpage that demonstrates the issue?

@frequent

@Ruffio: let me check - this was a while ago. Will post tomorrow.

@frequent

@Ruffio - Works here, too. Will close. If I ever stumble back on the issue I will repost. Thanks for coming back to this.

@frequent frequent closed this Jan 3, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment