{"action":"created","issue":{"url":"https://api.github.com/repos/w3c/wcag/issues/110","labels_url":"https://api.github.com/repos/w3c/wcag/issues/110/labels{/name}","comments_url":"https://api.github.com/repos/w3c/wcag/issues/110/comments","events_url":"https://api.github.com/repos/w3c/wcag/issues/110/events","html_url":"https://github.com/w3c/wcag/issues/110","id":100163630,"number":110,"title":"Update G65 breadcrumb technique to follow the HTML5 pattern?","user":{"login":"lauracarlson","id":6214544,"avatar_url":"https://avatars.githubusercontent.com/u/6214544?v=3","gravatar_id":"","url":"https://api.github.com/users/lauracarlson","html_url":"https://github.com/lauracarlson","followers_url":"https://api.github.com/users/lauracarlson/followers","following_url":"https://api.github.com/users/lauracarlson/following{/other_user}","gists_url":"https://api.github.com/users/lauracarlson/gists{/gist_id}","starred_url":"https://api.github.com/users/lauracarlson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lauracarlson/subscriptions","organizations_url":"https://api.github.com/users/lauracarlson/orgs","repos_url":"https://api.github.com/users/lauracarlson/repos","events_url":"https://api.github.com/users/lauracarlson/events{/privacy}","received_events_url":"https://api.github.com/users/lauracarlson/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"lauracarlson","id":6214544,"avatar_url":"https://avatars.githubusercontent.com/u/6214544?v=3","gravatar_id":"","url":"https://api.github.com/users/lauracarlson","html_url":"https://github.com/lauracarlson","followers_url":"https://api.github.com/users/lauracarlson/followers","following_url":"https://api.github.com/users/lauracarlson/following{/other_user}","gists_url":"https://api.github.com/users/lauracarlson/gists{/gist_id}","starred_url":"https://api.github.com/users/lauracarlson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lauracarlson/subscriptions","organizations_url":"https://api.github.com/users/lauracarlson/orgs","repos_url":"https://api.github.com/users/lauracarlson/repos","events_url":"https://api.github.com/users/lauracarlson/events{/privacy}","received_events_url":"https://api.github.com/users/lauracarlson/received_events","type":"User","site_admin":false},"milestone":null,"comments":2,"created_at":"2015-08-10T20:39:07Z","updated_at":"2015-08-26T12:55:57Z","closed_at":null,"body":"\r\nIn the HTML5 specification a nav element, an unordered list element, and a right arrow symbol → are recommended to mark up breadcrumbs. Please consult [4.12.2 Bread crumb navigation](http://www.w3.org/TR/html5/common-idioms.html#rel-up).\r\n\r\nExample markup from the HTML5 spec:\r\n\r\n```\r\n<nav>\r\n<h2>You are here:</h2>\r\n<ul id=\"navlist\">\r\n<li><a href=\"/\">Main</a> →</li> \r\n<li><a href=\"/products/\">Products</a> →</li> \r\n<li><a href=\"/products/dishwashers/\">Dishwashers</a> →</li> \r\n<li><a>Second hand</a></li> \r\n</ul>\r\n</nav>\r\n```\r\n\r\nHTML5 discourages the use of the right angle bracket symbol \">\" to indicate path direction as it is \"not clearly conveyed to all users.\" \r\n\r\nAssistive technology  announces how many items are in a list, which can be helpful. The nav element would make information more useful. Both provide good semantic information. &lt;nav&gt; and &lt;ul&gt; elements are  supported by browsers and screen readers.\r\n\r\nSo should we update  [G65 Providing a breadcrumb trail](http://www.w3.org/TR/WCAG20-TECHS/G65.html) to follow the HTML5 pattern?\r\n\r\n@stevefaulkner 's [Bread Crumb Tests](https://dl.dropboxusercontent.com/u/377471/breadcrumb.html) are available.\r\n"},"comment":{"url":"https://api.github.com/repos/w3c/wcag/issues/comments/134996723","html_url":"https://github.com/w3c/wcag/issues/110#issuecomment-134996723","issue_url":"https://api.github.com/repos/w3c/wcag/issues/110","id":134996723,"user":{"login":"lauracarlson","id":6214544,"avatar_url":"https://avatars.githubusercontent.com/u/6214544?v=3","gravatar_id":"","url":"https://api.github.com/users/lauracarlson","html_url":"https://github.com/lauracarlson","followers_url":"https://api.github.com/users/lauracarlson/followers","following_url":"https://api.github.com/users/lauracarlson/following{/other_user}","gists_url":"https://api.github.com/users/lauracarlson/gists{/gist_id}","starred_url":"https://api.github.com/users/lauracarlson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lauracarlson/subscriptions","organizations_url":"https://api.github.com/users/lauracarlson/orgs","repos_url":"https://api.github.com/users/lauracarlson/repos","events_url":"https://api.github.com/users/lauracarlson/events{/privacy}","received_events_url":"https://api.github.com/users/lauracarlson/received_events","type":"User","site_admin":false},"created_at":"2015-08-26T12:55:57Z","updated_at":"2015-08-26T12:55:57Z","body":"A [live page with the example breadcrumb markup and CSS](http://www.d.umn.edu/~lcarlson/wcagwg/tests/breadcrumb_example.html) is available."}}