mastodon.ie

Mike Gifford, CPWAWhat did we miss in the Accessibility Chapter of the 2024 Web Almanac <a href="https://almanac.httparchive.org/en/2024/accessibility" rel="nofollow noopener" translate="no" target="_blank">https://almanac.httparchive.org/en/2024/accessibility</a>What should we focus on for 2025? <a href="https://mastodon.social/tags/WebAlmanac" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAlmanac</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a>

NatyJust optimizing my dark and light theme on my blog. I recently discovered there are ideal color contrasts that we should be using and be aware of to improve accessibility. I used these free checkers to see if the color combos works.<a href="https://dequeuniversity.com/rules/axe/4.10/color-contrast" rel="nofollow noopener" translate="no" target="_blank">https://dequeuniversity.com/rules/axe/4.10/color-contrast</a> <a href="https://color-contrast-checker.com/" rel="nofollow noopener" translate="no" target="_blank">https://color-contrast-checker.com/</a>And some info about <a href="https://fosstodon.org/tags/WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#WCAG</a> <a href="https://www.allaccessible.org/wcag-level-a-aa-and-aaa-whats-the-difference/" rel="nofollow noopener" translate="no" target="_blank">https://www.allaccessible.org/wcag-level-a-aa-and-aaa-whats-the-difference/</a><a href="https://fosstodon.org/tags/colorthemes" class="mention hashtag" rel="nofollow noopener" target="_blank">#colorthemes</a> <a href="https://fosstodon.org/tags/darkmode" class="mention hashtag" rel="nofollow noopener" target="_blank">#darkmode</a> <a href="https://fosstodon.org/tags/lightmode" class="mention hashtag" rel="nofollow noopener" target="_blank">#lightmode</a> <a href="https://fosstodon.org/tags/blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#blogging</a> <a href="https://fosstodon.org/tags/webaccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#webaccessibility</a> <a href="https://fosstodon.org/tags/colorcontrast" class="mention hashtag" rel="nofollow noopener" target="_blank">#colorcontrast</a> <a href="https://fosstodon.org/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a>

Lex BaileyAnyone here know enough about UI design to point me towards good scientific studies on effective design of web forms? bonus points if it talks about accessibility too. I'm currently working in a volunteer team designing a thing and there's mild dispute about how best to achieve what we want, so I'd like to defer to science if possible. :boost_requested: <a href="https://tech.lgbt/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://tech.lgbt/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://tech.lgbt/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a>

SpecbeeNeed actionable solutions to improve your Drupal website’s accessibility? Read this blog for 7 impactful tips that boost usability and expand your reach.<a href="https://www.specbee.com/blogs/website-accessibility-tips-drupal" rel="nofollow noopener" translate="no" target="_blank">https://www.specbee.com/blogs/website-accessibility-tips-drupal</a><a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/webaccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#webaccessibility</a> <a href="https://mastodon.social/tags/drupal" class="mention hashtag" rel="nofollow noopener" target="_blank">#drupal</a> <a href="https://mastodon.social/tags/inclusivewebdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#inclusivewebdesign</a> <a href="https://mastodon.social/tags/drupalaccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#drupalaccessibility</a> <a href="https://mastodon.social/tags/accessiblewebsites" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessiblewebsites</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://mastodon.social/tags/websitedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#websitedesign</a>

Taylor ArndtThis week: ✅ What’s coming from Google I/O + Microsoft Build (keynotes + registration links) ✅ Major AccessU takeaway on accessible JavaScript ✅ An interview with Quincy Larson from freeCodeCamp—TOMORROW! ✅ New features for paid subscribers Read and subscribe: <a href="https://taylorarndt.substack.com/p/newsletter-issue-2" rel="nofollow noopener" translate="no" target="_blank">https://taylorarndt.substack.com/p/newsletter-issue-2</a> <a href="https://techopolis.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://techopolis.social/tags/Substack" class="mention hashtag" rel="nofollow noopener" target="_blank">#Substack</a> <a href="https://techopolis.social/tags/NVDA" class="mention hashtag" rel="nofollow noopener" target="_blank">#NVDA</a> <a href="https://techopolis.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://techopolis.social/tags/TechEvents" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechEvents</a> <a href="https://techopolis.social/tags/HTML5" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML5</a> <a href="https://techopolis.social/tags/BlindTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#BlindTech</a>

World Wide Web ConsortiumToday is Global Accessibility Awareness Day! W3C’s vision includes a web that is accessible to all. Learn more about our work by exploring <a href="https://w3c.social/@wai" class="u-url mention" rel="nofollow noopener" target="_blank">@wai</a>. Today is a day to learn, reflect and take action so that the one billion people with disabilities/impairments can benefit from and contribute to the development of the <a href="https://w3c.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a>. Consider our sponsorship opportunities or make a donation to help us make the web work, for everyone. <a href="https://w3c.social/tags/GAAD" class="mention hashtag" rel="nofollow noopener" target="_blank">#GAAD</a> <a href="https://w3c.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://w3c.social/tags/WAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#WAI</a> <a href="https://www.w3.org/sponsor/" rel="nofollow noopener" translate="no" target="_blank">https://www.w3.org/sponsor/</a>

FOSSASIA♿️ Discover how to make STEM content truly accessible on the web using MathML and specialized math fonts — ensuring equations and formulas are readable for allwith Norbert Preining at <a href="https://floss.social/tags/FOSSASIASummit2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#FOSSASIASummit2025</a>🔗 Click here <a href="https://youtu.be/DIwvqSFQtOw?si=UHeOSKUz-n7FoLVZ" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/DIwvqSFQtOw?si=UHeOSKUz-n7FoLVZ</a> to watch on the FOSSASIA YouTube channel <a href="https://floss.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://floss.social/tags/STEM" class="mention hashtag" rel="nofollow noopener" target="_blank">#STEM</a> <a href="https://floss.social/tags/MathML" class="mention hashtag" rel="nofollow noopener" target="_blank">#MathML</a> <a href="https://floss.social/tags/InclusiveWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#InclusiveWeb</a> <a href="https://floss.social/tags/FOSSASIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#FOSSASIA</a>

Taylor ArndtDigital inclusion isn't just about compliance (like WCAG standards); it's about reaching your entire audience and providing equal access to information. <a href="https://techopolis.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://techopolis.social/tags/DigitalInclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#DigitalInclusion</a> <a href="https://techopolis.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a> <a href="https://techopolis.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#WCAG</a> <a href="https://techopolis.social/tags/InclusiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#InclusiveDesign</a> (2/2)

Taylor ArndtReal accessibility means proper coding, inclusive design, and AI-driven solutions that enhance usability for everyone. If your overlay isn’t delivering real results, it’s time for a better approach.Let’s make your website truly accessible. Book a consultation today:<a href="https://calendly.com/tayarndt/general-consultation?month=2025-03" rel="nofollow noopener" translate="no" target="_blank">https://calendly.com/tayarndt/general-consultation?month=2025-03</a><a href="https://techopolis.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://techopolis.social/tags/InclusiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#InclusiveDesign</a> <a href="https://techopolis.social/tags/ADACompliance" class="mention hashtag" rel="nofollow noopener" target="_blank">#ADACompliance</a> <a href="https://techopolis.social/tags/DigitalInclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#DigitalInclusion</a> <a href="https://techopolis.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> (2/2)

Taylor ArndtIf you’re serious about digital accessibility, ditch the overlays and invest in real, sustainable solutions—like proper coding practices, WCAG compliance, and user testing with disabled individuals.Read more about the UserWay lawsuit here: <a href="https://www.lflegal.com/2025/02/userway-overlay-lawsuit/" rel="nofollow noopener" translate="no" target="_blank">https://www.lflegal.com/2025/02/userway-overlay-lawsuit/</a><a href="https://techopolis.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://techopolis.social/tags/UserWay" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserWay</a> <a href="https://techopolis.social/tags/Lawsuit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lawsuit</a> <a href="https://techopolis.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a> <a href="https://techopolis.social/tags/DigitalInclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#DigitalInclusion</a> <a href="https://techopolis.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> (3/3)

Reuben WalkerMeeting European Accessibility Act (EAA) Standards: A Developer’s Checklist. <a href="https://me.dm/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://www.sitepoint.com/meeting-european-accessibility-act-eaa-standards/?utm_source=rss" rel="nofollow noopener" translate="no" target="_blank">https://www.sitepoint.com/meeting-european-accessibility-act-eaa-standards/?utm_source=rss</a>

Kent Pitman<a href="https://mastodon.sdf.org/@Aphelion" class="u-url mention" rel="nofollow noopener" target="_blank">@Aphelion</a> I applaud the concern about alt text. One of my best friends is blind, and I like to see her properly supported in her online experience. But sometimes it works to ask people to edit posts to add alt text on images. Not everyone knows about alt text at all, and some people who try to include it forget sometimes, or don't realize they can edit it in after the fact. I try to always assume that this error, when it happens, is not an intentional slight, and so is a learning opportunity. And especially where good content would otherwise be lost, it seems worth the effort.Mastodon has user preferences to make the absence of alt text show up visibly or to just filter out things that lack alt text ... BUT (strangely) it has no preference I can find that says "warn me if I'm posting something that would need such a flag". There should be such a preference and it should default to ON.I consider it a major faux pas in design to beat someone up for something technologically when you could have just dissuaded or prevented the bad thing with an equal application of technology.<a href="https://climatejustice.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a> <a href="https://climatejustice.social/tags/Preferences" class="mention hashtag" rel="nofollow noopener" target="_blank">#Preferences</a> <a href="https://climatejustice.social/tags/UserPreferences" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserPreferences</a> <a href="https://climatejustice.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://climatejustice.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://climatejustice.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://climatejustice.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://climatejustice.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#AltText</a>

Debby📚 Dive into accessibility with "Learn Accessibility - Full a11y Tutorial" from freeCodeCamp.org! Instructor Fredrik Ridderfalk guides you through the fundamentals of accessible web development, covering everything from contrast ratios to semantic HTML. Don't miss out on this valuable resource! Watch here: <a href="https://youtu.be/e2nkq3h1P68" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/e2nkq3h1P68</a> or Invidious <a href="https://invidious.reallyaweso.me/watch?v=e2nkq3h1P68" rel="nofollow noopener" translate="no" target="_blank">https://invidious.reallyaweso.me/watch?v=e2nkq3h1P68</a> <a href="https://hear-me.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://hear-me.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://hear-me.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://hear-me.social/tags/freeCodeCamp" class="mention hashtag" rel="nofollow noopener" target="_blank">#freeCodeCamp</a> <a href="https://hear-me.social/tags/LearnToCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnToCode</a> <a href="https://hear-me.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://hear-me.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://hear-me.social/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tech</a>

Reuben WalkerHow to Do a Web Accessibility Audit. <a href="https://me.dm/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://www.lullabot.com/white-papers/how-do-web-accessibility-audit" rel="nofollow noopener" translate="no" target="_blank">https://www.lullabot.com/white-papers/how-do-web-accessibility-audit</a>

Christian NiklasGreat post about the "section" element and how to use it in an accessible way. Thanks, <a href="https://front-end.social/@stefan" class="u-url mention" rel="nofollow noopener" target="_blank">@stefan</a> ! <a href="https://www.stefanjudis.com/today-i-learned/section-accessible-name/" rel="nofollow noopener" translate="no" target="_blank">https://www.stefanjudis.com/today-i-learned/section-accessible-name/</a><a href="https://indieweb.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://indieweb.social/tags/webaccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#webaccessibility</a>

AshleePlease don't auto-close accordion sections! You're gonna make me sick. 😣<a href="https://ashleemboyer.com/blog/should-accordions-auto-close-sections" rel="nofollow noopener" translate="no" target="_blank">https://ashleemboyer.com/blog/should-accordions-auto-close-sections</a>(*whispers* I think you should avoid accordions 99% of the time but that's a different topic for a different post.)<a href="https://mstdn.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://mstdn.social/tags/WebA11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebA11y</a>

Taylor ArndtFor the next two weeks, you can book training sessions for just $25/hour (regular price $35/hour). This is a great opportunity to level up your WordPress skills at a discounted rate. Book Your Session Today: <a href="https://calendly.com/tayarndt/wordpres-training" rel="nofollow noopener" translate="no" target="_blank">https://calendly.com/tayarndt/wordpres-training</a> Let’s work together to build better, more accessible websites. <a href="https://techopolis.social/tags/WordPressTraining" class="mention hashtag" rel="nofollow noopener" target="_blank">#WordPressTraining</a> <a href="https://techopolis.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://techopolis.social/tags/AccessibleDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#AccessibleDesign</a> <a href="https://techopolis.social/tags/LearnWordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnWordPress</a> <a href="https://techopolis.social/tags/TechSkills" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechSkills</a> (3/3)

tessaraktBoah, was für eine Unsitte, (in diesem Fall: ausklappbare) Überschriften als Button zu machen, so dass man den Text nicht markieren kann.Gibt es da Browser-Tools, um einfach an den Text ranzukommen?(Seiten-Quelltext (falls es nicht eh dynamisch im DOM gelandet ist) und Webinspector sind beide nicht einfach genug.)<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webaccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#webaccessibility</a>

Lanie CarmeloLooking to switch from <a href="https://caneandable.social/tags/MicrosoftEdge" class="mention hashtag" rel="nofollow noopener" target="_blank">#MicrosoftEdge</a> to <a href="https://caneandable.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#Firefox</a> as my main browser! Fellow <a href="https://caneandable.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#Firefox</a> users, especially in the <a href="https://caneandable.social/tags/BlindTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#BlindTech</a> community - what are your must-have extensions and about:config tweaks for optimal performance?I'm particularly interested in solutions for: • Managing multiple tabs efficiently • Keeping browser speed up while running <a href="https://caneandable.social/tags/WebGames" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebGames</a> • <a href="https://caneandable.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> features and extensionsPrevious Firefox versions got sluggish for me, but I'm ready to give it another try! Share your tips!<a href="https://caneandable.social/tags/Blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Blind</a> <a href="https://caneandable.social/tags/AssistiveTechnology" class="mention hashtag" rel="nofollow noopener" target="_blank">#AssistiveTechnology</a> <a href="https://caneandable.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#ScreenReader</a> <a href="https://caneandable.social/tags/BrowserExtensions" class="mention hashtag" rel="nofollow noopener" target="_blank">#BrowserExtensions</a> <a href="https://caneandable.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://caneandable.social/tags/DisabledTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#DisabledTech</a> <a href="https://caneandable.social/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tech</a> <a href="https://caneandable.social/tags/Technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#Technology</a> <a href="https://a.gup.pe/u/mastoblind" class="u-url mention" rel="nofollow noopener" target="_blank">@mastoblind</a> <a href="https://rblind.com/c/main" class="u-url mention" rel="nofollow noopener" target="_blank">@main</a>

AshleeISO feedback!Launching new mini services this week. Creating example deliverables now.What you want to see in the example if you were considering one of these services?Already on my mind: - Related WCAG SC & level - Priority/impact of issues - Clear steps how to fix - How to validate fixes<a href="https://mstdn.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAccessibility</a> <a href="https://mstdn.social/tags/WebA11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebA11y</a>

Recent searches

Search options

Administered by:

Server stats:

#webaccessibility