veganism.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Veganism Social is a welcoming space on the internet for vegans to connect and engage with the broader decentralized social media community.

Administered by:

Server stats:

293
active users

#webaccessibility

2 posts2 participants1 post today
ADA expert<p>🛑 The rise in ADA lawsuits isn’t about “gotcha” tactics.<br>It’s about people with disabilities being blocked from using essential services online.<br>Forms that can’t be submitted. Menus that aren’t reachable. Videos without captions.</p><p>If you want to be proactive, start with your website. Equally Ai makes ADA compliance simpler, especially for small teams.</p><p>Legal risk or not, it’s just the right thing to do.<br><a href="https://mastodon.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>A11y</span></a> <a href="https://mastodon.social/tags/ADA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ADA</span></a> <a href="https://mastodon.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://mastodon.social/tags/EquallyAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EquallyAI</span></a></p>
JustAskRan<p>What’s the difference between accessibility and usability?</p><p>Accessibility is about whether people, including those with disabilities, can use your product at all. </p><p>Usability is about how easily and pleasantly they can use it. </p><p>A website can be usable for most and completely unusable for someone using a screen reader or keyboard. </p><p>Real usability includes accessibility. </p><p>Anything less is just good UX for some.</p><p><a href="https://mastodon.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://mastodon.social/tags/InclusiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InclusiveDesign</span></a> <a href="https://mastodon.social/tags/Usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Usability</span></a> <a href="https://mastodon.social/tags/AccessibilityTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilityTips</span></a></p>
Nitsantech<p>♿ Make Your Website Accessible with TYPO3 Accessibility Checker</p><p>The TYPO3 Accessibility Checker makes it easy to create content everyone can use.</p><p>🌿 Scan and review pages in the backend<br>📋 Spot and fix accessibility issues<br>🧭 Follow WCAG standards for compliance<br>💻 Improve usability for all visitors</p><p>Build an inclusive, user-friendly site with TYPO3.</p><p>For More: 👉<a href="https://nitsantech.de/blog/typo3-barrierefreiheit-testen" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nitsantech.de/blog/typo3-barri</span><span class="invisible">erefreiheit-testen</span></a></p><p><a href="https://mastodon.social/tags/TYPO3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TYPO3</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/InclusiveWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InclusiveWeb</span></a> <a href="https://mastodon.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://mastodon.social/tags/DigitalInclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalInclusion</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a></p>
Lex Bailey<p>Anyone 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.<br>:boost_requested: <br><a href="https://tech.lgbt/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://tech.lgbt/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://tech.lgbt/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a></p>
World Wide Web Consortium<p>Today is Global Accessibility Awareness Day! W3C’s vision includes a web that is accessible to all. Learn more about our work by exploring <span class="h-card" translate="no"><a href="https://w3c.social/@wai" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>wai</span></a></span>. 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">#<span>web</span></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">#<span>GAAD</span></a> <a href="https://w3c.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://w3c.social/tags/WAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WAI</span></a> <br><a href="https://www.w3.org/sponsor/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">w3.org/sponsor/</span><span class="invisible"></span></a></p>
Kent Pitman<p><span class="h-card" translate="no"><a href="https://mastodon.sdf.org/@Aphelion" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Aphelion</span></a></span> </p><p>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. </p><p>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.</p><p>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.</p><p>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.</p><p><a href="https://climatejustice.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://climatejustice.social/tags/Preferences" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Preferences</span></a> <a href="https://climatejustice.social/tags/UserPreferences" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UserPreferences</span></a> <a href="https://climatejustice.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://climatejustice.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://climatejustice.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://climatejustice.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://climatejustice.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a></p>
Debby<p>📚 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"><span class="invisible">https://</span><span class="">youtu.be/e2nkq3h1P68</span><span class="invisible"></span></a> or Invidious <a href="https://invidious.reallyaweso.me/watch?v=e2nkq3h1P68" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">invidious.reallyaweso.me/watch</span><span class="invisible">?v=e2nkq3h1P68</span></a> <a href="https://hear-me.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://hear-me.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://hear-me.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://hear-me.social/tags/freeCodeCamp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freeCodeCamp</span></a> <a href="https://hear-me.social/tags/LearnToCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LearnToCode</span></a> <a href="https://hear-me.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://hear-me.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://hear-me.social/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a></p>
Ashlee<p>ASCII art sounds terrible for screen reader users. 🚫</p><p>A better way to share it: Take a screenshot and share that with alt text.</p><p><a href="https://mstdn.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mstdn.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://mstdn.social/tags/AccessibilityInclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilityInclusion</span></a> <a href="https://mstdn.social/tags/Disability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Disability</span></a> <a href="https://mstdn.social/tags/DisabilityInclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DisabilityInclusion</span></a> <a href="https://mstdn.social/tags/ASCII" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ASCII</span></a> <a href="https://mstdn.social/tags/ASCIIArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ASCIIArt</span></a></p>
Frills<p>Hello cutie.city! I'll do a proper <a href="https://cutie.city/tags/introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>introduction</span></a> later, but just a few things abt me:<br>* 30ish year old<br>* woman in tech<br>* undiagnosed neurospicy<br>* dog mam<br>* I enjoy many many things, but here are a few tags:<br>🎮​ <a href="https://cutie.city/tags/CozyGames" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CozyGames</span></a> <a href="https://cutie.city/tags/WholesomeGames" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WholesomeGames</span></a> <a href="https://cutie.city/tags/StardewValley" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StardewValley</span></a> <a href="https://cutie.city/tags/Minecraft" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Minecraft</span></a> <a href="https://cutie.city/tags/GardenGalaxy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GardenGalaxy</span></a> :ms_tech_computer:​ <a href="https://cutie.city/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://cutie.city/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://cutie.city/tags/SustainableWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SustainableWeb</span></a> <a href="https://cutie.city/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://cutie.city/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> 🌊​<a href="https://cutie.city/tags/ColdWaterTherapy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColdWaterTherapy</span></a> 📕​ <a href="https://cutie.city/tags/FantasyFiction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FantasyFiction</span></a> <a href="https://cutie.city/tags/PbPRPG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PbPRPG</span></a> <a href="https://cutie.city/tags/SoloRPG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SoloRPG</span></a> 🌱 ​<a href="https://cutie.city/tags/Allotment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Allotment</span></a> <a href="https://cutie.city/tags/Gardening" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gardening</span></a> 🧵​<a href="https://cutie.city/tags/Handmade" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Handmade</span></a> <a href="https://cutie.city/tags/Crafts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Crafts</span></a> 🎨​ <a href="https://cutie.city/tags/CuteArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CuteArt</span></a></p>
Mark Wyner Won’t Comply :vm:<p>Update: moved this to my new writing site so there’s a new URL.</p><p>Every hashtag on every post on every platform should ALWAYS be pascal case. I wrote this to illustrate how screenreaders read hashtags based on their case.</p><p>It’s a small thing that all of us can do to build a more inclusive, accessible internet for all. Please take the time to use pascal case.</p><p>Read more:<br><a href="https://markwrites.io/hashtag-accessibility-by-everyone-for-everyone" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">markwrites.io/hashtag-accessib</span><span class="invisible">ility-by-everyone-for-everyone</span></a></p><p><a href="https://mas.to/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mas.to/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://mas.to/tags/Usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Usability</span></a> <a href="https://mas.to/tags/Readability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Readability</span></a> <a href="https://mas.to/tags/Hashtags" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hashtags</span></a> <a href="https://mas.to/tags/SocialNetworking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialNetworking</span></a> <a href="https://mas.to/tags/Blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blogging</span></a> <a href="https://mas.to/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a></p>