1.0WordPress Accessibility Day 2022 Archivehttps://wpaccessibility.day/2022Joe Dolsonhttps://wpaccessibility.day/2022/author/joedolson/rich600338<blockquote class="wp-embedded-content" data-secret="T9V466gvgI"><a href="https://wpaccessibility.day/2022/sessions/aria-state-management-and-modern-css/">Aria State Management and Modern CSS</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://wpaccessibility.day/2022/sessions/aria-state-management-and-modern-css/embed/#?secret=T9V466gvgI" width="600" height="338" title="“Aria State Management and Modern CSS” — WordPress Accessibility Day 2022 Archive" data-secret="T9V466gvgI" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://wpaccessibility.day/2022/wp-includes/js/wp-embed.min.js </script> Explore how to use CSS and Aria States to control the display of accordion cells. This take on modern CSS with aria based selectors brings aria states and controls into the forefront so that developers will create accessible first components instead of adding aria as an after thought.