{"action":"created","issue":{"url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria/issues/11","repository_url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria","labels_url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria/issues/11/labels{/name}","comments_url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria/issues/11/comments","events_url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria/issues/11/events","html_url":"https://github.com/nico3333fr/jquery-accessible-accordion-aria/issues/11","id":190856678,"number":11,"title":"aria-controls and aria-labelledby are undefined and duplicated","user":{"login":"kotyy","id":343253,"avatar_url":"https://avatars.githubusercontent.com/u/343253?v=3","gravatar_id":"","url":"https://api.github.com/users/kotyy","html_url":"https://github.com/kotyy","followers_url":"https://api.github.com/users/kotyy/followers","following_url":"https://api.github.com/users/kotyy/following{/other_user}","gists_url":"https://api.github.com/users/kotyy/gists{/gist_id}","starred_url":"https://api.github.com/users/kotyy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kotyy/subscriptions","organizations_url":"https://api.github.com/users/kotyy/orgs","repos_url":"https://api.github.com/users/kotyy/repos","events_url":"https://api.github.com/users/kotyy/events{/privacy}","received_events_url":"https://api.github.com/users/kotyy/received_events","type":"User","site_admin":false},"labels":[{"id":203427483,"url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria/labels/help%20wanted","name":"help wanted","color":"159818","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-11-21T22:39:42Z","updated_at":"2016-11-23T08:15:33Z","closed_at":"2016-11-22T15:22:42Z","body":"Here's the HTML for the accordions:\r\n\r\n```\r\n<p>here is some copy</p>\r\n<div class=\"js-accordion\" data-accordion-prefix-classes=\"toggle_32\">\r\n    <div class=\"js-accordion__panel\">\r\n        <h2 class=\"js-accordion__header\">accordion title</h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"js-accordion__panel\">\r\n        <h2 class=\"js-accordion__header\">accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title </h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"js-accordion__panel\">\r\n        <h2 class=\"js-accordion__header\">accordion title</h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n<p>copy block</p>\r\n<div class=\"js-accordion\" data-accordion-prefix-classes=\"toggle_36\">\r\n    <div class=\"js-accordion__panel\">\r\n        <h2 class=\"js-accordion__header\">accordion title</h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n\r\nAfter invoking the plugin, here's the markup:\r\n\r\n```\r\n<p>here is some copy</p>\r\n<div class=\"js-accordion toggle_32\" data-accordion-prefix-classes=\"toggle_32\" role=\"tablist\" aria-multiselectable=\"true\">\r\n    <button class=\"js-accordion__header toggle_32__header\" type=\"button\" aria-controls=\"undefined-0\" aria-expanded=\"false\" role=\"tab\" id=\"undefined-0_tab\" aria-selected=\"false\">accordion title</button>\r\n    <div class=\"js-accordion__panel toggle_32__panel\" aria-labelledby=\"undefined-0_tab\" role=\"tabpanel\" id=\"undefined-0\" aria-hidden=\"false\">\r\n        <h2 class=\"js-accordion__header toggle_32__title\" tabindex=\"0\">accordion title</h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n    <button class=\"js-accordion__header toggle_32__header\" type=\"button\" aria-controls=\"undefined-1\" aria-expanded=\"false\" role=\"tab\" id=\"undefined-1_tab\" tabindex=\"-1\" aria-selected=\"false\">accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title </button>\r\n    <div class=\"js-accordion__panel toggle_32__panel\" aria-labelledby=\"undefined-1_tab\" role=\"tabpanel\" id=\"undefined-1\" aria-hidden=\"true\">\r\n        <h2 class=\"js-accordion__header toggle_32__title\" tabindex=\"0\">accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title accordion title </h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n    <button class=\"js-accordion__header toggle_32__header\" type=\"button\" aria-controls=\"undefined-2\" aria-expanded=\"false\" role=\"tab\" id=\"undefined-2_tab\" tabindex=\"-1\" aria-selected=\"false\">accordion title</button>\r\n    <div class=\"js-accordion__panel toggle_32__panel\" aria-labelledby=\"undefined-2_tab\" role=\"tabpanel\" id=\"undefined-2\" aria-hidden=\"true\">\r\n        <h2 class=\"js-accordion__header toggle_32__title\" tabindex=\"0\">accordion title</h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n<p>copy block</p>\r\n<div class=\"js-accordion toggle_36\" data-accordion-prefix-classes=\"toggle_36\" role=\"tablist\" aria-multiselectable=\"true\">\r\n    <button class=\"js-accordion__header toggle_36__header\" type=\"button\" aria-controls=\"undefined-0\" aria-expanded=\"true\" role=\"tab\" id=\"undefined-0_tab\" aria-selected=\"true\">accordion title</button>\r\n    <div class=\"js-accordion__panel toggle_36__panel\" aria-labelledby=\"undefined-0_tab\" role=\"tabpanel\" id=\"undefined-0\" aria-hidden=\"true\">\r\n        <h2 class=\"js-accordion__header toggle_36__title\" tabindex=\"0\">accordion title</h2>\r\n        <div class=\"js-accordion__content\">\r\n            <p>accordion body</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n\r\nYou'll notice that the `aria-controls`, `id` and `aria-labeledby` attributes follow the \"undefined-[id]\" pattern. This would work just fine, but having two accordions in a single page, they affect each other. \r\n\r\nI read the docs and your example page, but I don't see anything that controls this value. Although, I'm sure I missed something. Any advice?"},"comment":{"url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria/issues/comments/262454511","html_url":"https://github.com/nico3333fr/jquery-accessible-accordion-aria/issues/11#issuecomment-262454511","issue_url":"https://api.github.com/repos/nico3333fr/jquery-accessible-accordion-aria/issues/11","id":262454511,"user":{"login":"nico3333fr","id":2578321,"avatar_url":"https://avatars.githubusercontent.com/u/2578321?v=3","gravatar_id":"","url":"https://api.github.com/users/nico3333fr","html_url":"https://github.com/nico3333fr","followers_url":"https://api.github.com/users/nico3333fr/followers","following_url":"https://api.github.com/users/nico3333fr/following{/other_user}","gists_url":"https://api.github.com/users/nico3333fr/gists{/gist_id}","starred_url":"https://api.github.com/users/nico3333fr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nico3333fr/subscriptions","organizations_url":"https://api.github.com/users/nico3333fr/orgs","repos_url":"https://api.github.com/users/nico3333fr/repos","events_url":"https://api.github.com/users/nico3333fr/events{/privacy}","received_events_url":"https://api.github.com/users/nico3333fr/received_events","type":"User","site_admin":false},"created_at":"2016-11-23T08:15:33Z","updated_at":"2016-11-23T08:15:33Z","body":"You're welcomed ;)"}}
{"actor":{"display_login":"nico3333fr"}}