{"id":3665,"date":"2023-09-01T12:08:57","date_gmt":"2023-09-01T16:08:57","guid":{"rendered":"https:\/\/jebswebs.net\/blog\/?p=3665"},"modified":"2023-09-01T12:09:45","modified_gmt":"2023-09-01T16:09:45","slug":"accessibility-tip-september-2023","status":"publish","type":"post","link":"https:\/\/jebswebs.net\/blog\/2023\/09\/accessibility-tip-september-2023\/","title":{"rendered":"Accessibility Tip -September 2023"},"content":{"rendered":"<h2>Quick Tip: Using DevTools to Find Page Elements<\/h2>\n<p>The Elements panel in <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\">DevTools<\/a> provides an easy way to find page elements of a particular type &#8211; just perform a search for the element or attribute name (e.g., &#8220;&lt;h2&gt;&#8221; or &#8220;aria-label&#8221;). You can also find elements based on their <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document_object_model\/Locating_DOM_elements_using_selectors\">CSS selectors<\/a> (e.g., &#8220;[aria-label]&#8221;).<\/p>\n<p>Use the Console panel to quickly list elements. As examples, typing <code>document.querySelectorAll(\"button\");<\/code>into the Console and hitting Enter will return a list of all buttons on the page. <code>document.querySelectorAll(\"[aria-label]\");<\/code> will list all elements with an aria-label attribute. Click on an element in the list to view it in the Elements panel.<\/p>\n<hr \/>\n<p>The monthly Web Accessibility Tip comes from WebAIM and is shared to get a wider audience.<span>\u00a0<\/span><a href=\"https:\/\/webaim.org\/\">For more information about web accessibility, please visit the\u00a0WebAIM website.<\/a><\/p>\n<p><span>See also\u00a0information about\u00a0<\/span><a href=\"https:\/\/webaim.org\/newsletter\/\">how you can subscribe to the monthly\u00a0WebAIM Newsletter<\/a><span>\u00a0<\/span><span>which contains lots of great information about web accessibility.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick Tip: Using DevTools to Find Page Elements The Elements panel in DevTools provides an easy way to find page elements of a particular type &#8211; just perform a search for the element or attribute name (e.g., &#8220;&lt;h2&gt;&#8221; or &#8220;aria-label&#8221;). You can also find elements based on their CSS selectors&hellip; <a class=\"continue\" href=\"https:\/\/jebswebs.net\/blog\/2023\/09\/accessibility-tip-september-2023\/\">Continue Reading<span> Accessibility Tip -September 2023<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":3110,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,113],"tags":[155,81],"class_list":["post-3665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-news","tag-accessibility","tag-web-design"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/jebswebs.net\/blog\/wp-content\/uploads\/2020\/05\/pxfuel.com_.jpg?fit=2400%2C2400&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p2yQAJ-X7","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/posts\/3665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/comments?post=3665"}],"version-history":[{"count":2,"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/posts\/3665\/revisions"}],"predecessor-version":[{"id":3667,"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/posts\/3665\/revisions\/3667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/media\/3110"}],"wp:attachment":[{"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/media?parent=3665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/categories?post=3665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jebswebs.net\/blog\/wp-json\/wp\/v2\/tags?post=3665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}