Decoding Accessibility

Kinetic Iris

0.0(0개의 평가)
과학 기술
매월 업데이트

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.

2025. 12. 01.

Accessible empty top level nav items

What 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/

7분
2025. 08. 01.

Everything you need to know about aria-label

One 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

18분
2025. 06. 27.

Elementor's Accessibility Missteps

Elementor 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/

11분
2025. 01. 29.

Internationalization is Accessibility: Adapting your website for any language

Part 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/

12분
2024. 10. 20.

Accessibility Testing Tools

Knowing 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

33분
2024. 10. 05.

Opening links in a new tab

Not 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/

9분
2024. 07. 29.

Make your web tools accessible

Disabled people create content for the web. They have jobs that require them to use certain programs or work in a department that has a specific set of tools or workflows. Disabled people are even developers. When you include accessibility in your web content tools, you're enabling everyone to create their own websites, to do their jobs, to share their knowledge, and to participate in online communities. Read the blog post version or watch the video.

8분
2024. 06. 17.

Creating an Accessible Accordion Block

Accordions are a great way to organize certain types of content so that your visitors can find what they need quickly. But how do you make them accessible? And how do you make it easy to update in the block editor? Let's put together a solid starting point for creating an accessible accordion that you can use anywhere. This is the audio from a recorded video, which means there are a few references to what I'm showing on the screen, which is described as it's being shown. - Code Link: https://github.com/queerdevperson/ow-accordion - Example: https://overnightwebsite.com/faq/

25분

모두 보기(24개)

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.

제작진

Kinetic Iris
방송 연도

2022년 - 2025년
에피소드

24
등급

전체 연령 사용가
저작권

© Kinetic Iris
웹사이트 보기

Decoding Accessibility