Podcast
Decoding Accessibility
Hosted by Kinetic Iris · EN
Learn how to create accessible websites with practical insights into WCAG and other web accessibility standards through tips, real-world stories, and strategies to help you create inclusive digital experiences. We also explore the intersection of disability, neurodiversity, and inclusion to better understand how to make the web accessible to all.
10episodes
Episodes
Newest firstAll episodes
*UPDATE* Creating an Accessible Accordion Block
1w ago00:05:58Tap to summarizeWordPress now has an accordion block in core!Read the full blog post: https://kineticiris.com/creating-an-accessible-accordion-block/Original Solution: https://open.spotify.com/episode/00AG3gZPifjAaASBSGvNbo?si=77642913ac4b4df1
Transcribe →Help me make this! (My conversation with a future overlay provider.)
Apr 400:06:40Tap to summarizeI recently had a conversation with someone doing research for a company looking to offer an accessibility overlay to their customers. And since I’m not sure my thoughts will have the impact I hope, I’m going to share them with you.
Transcribe →Form error summaries for better user experience
Jan 2900:05:46Tap to summarizeEffective form errors play a huge part in overall form usability and accessibility. Once you get someone to want to contact you, it's important to make sure they can complete that process with as little friction as possible.But one of the most helpful aspects of creating accessible forms is also one that I don't see mentioned enough: error summaries.-- Blog version: https://kineticiris.com/form-error-summaries/
Transcribe →Form errors that are effective and accessible
Jan 2900:17:08Tap to summarizeYou did it. You got someone to want to reach out to you. They submit your form but forget to fill out a field or don't input things correctly. If it's not easy to find and fix those errors, people aren't always going to seek you out somewhere else, if they even knew there was a submission issue in the first place.Errors that are properly written and displayed are good for screen reader users, people with cognitive differences, and — as always — everyone else.-- Blog Version: https://kineticiris.com/form-errors/Autocomplete Values: https://www.w3.org/TR/wcag/#input-purposes
Transcribe →Accessible empty top level nav items
Dec 100:06:59Tap to summarizeWhat do you do if you need a top level navigation item without a link? Here's a quick rundown on an easy javascript solution and why we need it in the first place.- Code snippet on GitHub: https://gist.github.com/queerdevperson/e49821ee3675a8d73dabbd8b5f7a5e98- (Untested) Beaver Builder solution: https://snippetnest.com/snippet/enhancing-accessibility-for-beaver-builder-menus/——Learn more about how to make your website more accessible with The Weekly Accessibility email course: https://kineticiris.com/weekly-accessibility/——Blog version of this video: https://kineticiris.com/accessible-empty-top-level-nav-items/
Transcribe →Everything you need to know about aria-label
Aug 100:17:41Tap to summarizeOne of the most common well-meaning but misunderstood accessibility recommendations is to use aria-label to make things more accessible. It’s hard to know when not to use something or when a better alternative exists, because documentation usually focuses on what to fix, not how to choose the best approach.Code examples in the blog post: https://kineticiris.com/everything-you-need-to-know-about-aria-label/Video version: https://youtu.be/182w-ItJJCUTimestamps:1:16 - The options3:51 - Use aria-label: Landmarks5:32 - Use aria-label: Icons, SVGs, canvas9:46 - Use aria-label: Custom widgets10:13 - Why use something else11:29 - Something else: Form field labels12:40 - Something else: Links13:42 - Something else: Images14:33 - Something else: Background images15:27 - Something else: Inline images16:03 - Don’t use aria-label16:38 - How to decide
Transcribe →
Elementor's Accessibility Missteps
Jun 2700:11:28Tap to summarizeElementor had seemed committed to accessibility. Then they (re)launched an accessibility overlay plugin and things started to shift. What seemed like a huge opportunity to make a positive impact on millions of sites quickly seemed to turn into the same old familiar story.Watch the quick audit of Elementor's Ally Web Accessibility page: https://youtu.be/MjjU6YTw5_0Read more about accessibility: https://kineticiris.com/blog/
Transcribe →
Internationalization is Accessibility: Adapting your website for any language
Jan 29, 202500:11:52Tap to summarizePart of making sure your website is accessible is making sure that someone can understand your website no matter what they've set their default language to — even if you aren't specifically creating content in different languages. - Blog version here: https://overnightwebsite.com/internationalization-is-accessibility/ - Video version here: https://youtu.be/k-3Y6xYKG8Y - Accessibility Testing Tools - Bookmarklets: https://youtu.be/TrNrsKLH-eo - Lang Bookmarklet: https://code.jasonmorris.com/bookmarklets/language/
Transcribe →
Accessibility Testing Tools
Oct 20, 202400:32:37Tap to summarizeKnowing what tools to use can be a major step forward in making sure your site is accessible. These tools aren't going to pick up everything, and nothing can replace a human reviewing your site, but catching some of the quick wins and easier fixes now will help you catch some repeating accessibility issues and keep from making the same mistakes. (This is the audio from a YouTube video series.) All links can be found in the blog post and/or YouTube videos.- Blog post: https://overnightwebsite.com/accessibility-testing-tools/- YouTube playlist: https://www.youtube.com/playlist?list=PLLDyPOEjPeDmnearYAQLu5naBRzf-e49B
Transcribe →
Opening links in a new tab
Oct 5, 202400:09:26Tap to summarizeNot every external link needs to be opened in a new tab. Forcing a link to open in a new tab takes the choice away from your visitor. I can open a link in a new tab a few different ways if I want to — I can’t force a link to open in the same tab if you’ve told the link to do the opposite. Forcing links to open in a new tab goes against expectations, and it takes away my choice. Links: - Blog post: https://overnightwebsite.com/opening-links-in-a-new-tab/ - Accessibility New Window Warnings plugin: https://wordpress.org/plugins/accessibility-new-window-warnings/ - The Admin Bar's accessibility weekly series: https://theadminbar.com/accessibility-weekly/opening-links-in-new-tabs-or-not/
Transcribe →