{"id":2161,"date":"2016-02-05T14:47:27","date_gmt":"2016-02-05T14:47:27","guid":{"rendered":"https:\/\/2016.london.wordcamp.org\/?post_type=wcb_session&#038;p=2161"},"modified":"2016-06-12T16:07:43","modified_gmt":"2016-06-12T15:07:43","slug":"accessible-accordions-for-your-wordpress-theme","status":"publish","type":"wcb_session","link":"https:\/\/london.wordcamp.org\/2016\/session\/accessible-accordions-for-your-wordpress-theme\/","title":{"rendered":"Accessible Accordions for Your WordPress Theme"},"content":{"rendered":"<ul class=\"session-speaker-meta\">\n<li><a href=\"https:\/\/2016.london.wordcamp.org\/speaker\/graham-armfield\/\">Graham Armfield<\/a><\/li>\n<li>Saturday 9th April<\/li>\n<li>4.10pm<\/li>\n<\/ul>\n<p>ARIA attributes are important in web accessibility to provide support for making interactive widgets like accordions and tab panels accessible to everyone.<\/p>\n<p>This presentation will form an introduction to ARIA by showing you how to create accessible accordions for your WordPress themes. I&#8217;ll demonstrate using a screen reader and voice recognition software how the techniques can allow everyone to interact with the elements without compromising the functionality.<\/p>\n<p>If javascript is the future, you need to understand ARIA too.<\/p>\n<iframe src='https:\/\/www.slideshare.net\/slideshow\/embed_code\/60694273' width='604' height='495' sandbox=\"allow-popups allow-scripts allow-same-origin allow-presentation\" allowfullscreen webkitallowfullscreen mozallowfullscreen><\/iframe>\n<p>&nbsp;<\/p>\n<p><iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='604' height='340' src='https:\/\/video.wordpress.com\/embed\/DarYybUm?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Graham Armfield Saturday 9th April 4.10pm ARIA attributes are important in web accessibility to provide support for making interactive widgets like accordions and tab panels accessible to everyone. This presentation will form an introduction to ARIA by showing you how to create accessible accordions for your WordPress themes. I&#8217;ll demonstrate using a screen reader and &hellip; <a href=\"https:\/\/london.wordcamp.org\/2016\/session\/accessible-accordions-for-your-wordpress-theme\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Accessible Accordions for Your WordPress Theme<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":6029509,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1460214600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[899],"footnotes":""},"session_track":[13411],"session_category":[],"class_list":["post-2161","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-1"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6VVdi-yR","session_date_time":{"date":"09 Apr 2016","time":"16:10"},"session_speakers":[{"id":"899","slug":"graham-armfield","name":"Graham Armfield","link":"https:\/\/london.wordcamp.org\/2016\/speaker\/graham-armfield\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions\/2161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":16,"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions\/2161\/revisions"}],"predecessor-version":[{"id":4637,"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions\/2161\/revisions\/4637"}],"speakers":[{"embeddable":true,"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/speakers\/899"}],"author":[{"embeddable":true,"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wporg\/v1\/users\/grahamarmfield"}],"wp:attachment":[{"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/media?parent=2161"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/session_track?post=2161"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/london.wordcamp.org\/2016\/wp-json\/wp\/v2\/session_category?post=2161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}