Reilly Spitzfaden (they/them)<p>Also a microformats/semantic HTML question: is there a good accessibility argument for using microformats or other semantic markup for locations specifically?</p><p>I ask because I've soured a bit on structured data now that it feels like I'm just making it easier to slurp up my page for AI training. </p><p>I like the idea of making things richer and easier to use for humans, but apart from using microformats to add data to webmentions, I'm starting to consider paring back on how much I use them.</p><p><a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a> <a href="https://hachyderm.io/tags/Microformats" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microformats</span></a> <a href="https://hachyderm.io/tags/StructuredData" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StructuredData</span></a> <a href="https://hachyderm.io/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://hachyderm.io/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a></p>
fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software.
If you wish to join, contact us for an invite.
Administered by:
Server stats:
8.6Kactive users
fosstodon.org: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.3
#semanticHTML
1 post · 1 participant · 0 posts today
François<p>I'm looking at the <time> HTML element and I'm confused about the datetime attribute.</p><p>I have a definite start, and a duration. What should I put in the datetime attribute? According to the MDN page, I can put a timestamp OR a duration, but not both...</p><p>Here's an example:</p><p><span>Concert ran from <time datetime="2024-06-15T20:00-0500" title="2024-06-16T01:00+00">8 to 11 pm, Jun 15th 2024</time></span></p><p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/time" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Reference/Elements/time</span></a></p><p>Thoughts? <a href="https://ruby.social/tags/lazyweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lazyweb</span></a> <a href="https://ruby.social/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html5</span></a> <a href="https://ruby.social/tags/semantichtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semantichtml</span></a></p>
Dan Keck<p>Erect a clown website, expect a circus user experience.</p><p><a href="https://a11y.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://a11y.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://a11y.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://a11y.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://a11y.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Resources" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Resources</span></a><br>The HTML ‘caption’ element · How to properly use ‘caption’ in HTML tables <a href="https://ilo.im/164135" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164135</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://mastodon.social/tags/Table" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Table</span></a> <a href="https://mastodon.social/tags/Caption" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Caption</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/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReader</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
lianna<p>Given that the biggest obstacle to the adoption of microformats is the lack of programs that actually <em>implement</em> them, I have been toying with the idea of writing some useful programs that work with all the information we put onto our websites.</p><p>It's frustrating that we're at a point where the bottleneck of the Semantic Web ideal is not actually a low amount of structured information, but the lack of any program to do anything interesting whatsoever with it!</p><p>Who cares if we all use the HTML5 tag on our sites, if there is no browser that actually provides a "contact webmaster" button in the sidebar?</p><p>Who cares if we all mark up our cooking recipes as perfectly detailed machine readable h-recipe entries, if there is <em>zero</em> cooking apps or whatever actually capable of <em>using any of the data we provide</em>?</p><p>Who cares if we all use h-cards and h-feeds and whatnot if there is no feed reader that can actually notify us when our friends posted a new blog entry?</p><p><a href="https://micro.webgarden.click/tags/microformats" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microformats</span></a> <a href="https://micro.webgarden.click/tags/microformats2" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microformats2</span></a> <a href="https://micro.webgarden.click/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://micro.webgarden.click/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://micro.webgarden.click/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieWeb</span></a> <a href="https://micro.webgarden.click/tags/semantichtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semanticHTML</span></a> <a href="https://micro.webgarden.click/tags/semanticweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semanticWeb</span></a> <a href="https://micro.webgarden.click/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a></p>
lianna<p>I am super excited to announce that I am working on a complete renewal of my entire indie/small website project! :3</p><p>I am currently taking the time to get my <em>entire</em> website, including <em>all</em> sub-pages and projects on it, up to speed at once in several categories.</p><p>This includes but is very much not limited to:</p><ul><li>XHTML to HTML5 migration</li><li>Bilingual German/English sections</li><li>Semantic HTML everywhere, including microformats2</li><li>Full checkup and improvement of all content on the site</li><li>Better design and reworked CSS</li><li>Massive accessibility improvements</li></ul><p>Read the full announcement including a history of the project here (~3 600 words, but with a skip-friendly table of contents):</p><p><a href="https://libre.town/thoughts/entry_15_full.html" rel="nofollow noopener" target="_blank">https://libre.town/thoughts/entry_15_full.html</a></p><p><strong>Please be aware though that what you currently see live on the internet does not represent the state of the rework.</strong><br>Since I am working on the new version behind the scenes on my own computer, the blog post I linked still is crammed into the old design and structure of the site so I could just get it out there.</p><p><a href="https://micro.webgarden.click/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://micro.webgarden.click/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://micro.webgarden.click/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gameDev</span></a> <a href="https://micro.webgarden.click/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://micro.webgarden.click/tags/semanticweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semanticWeb</span></a> <a href="https://micro.webgarden.click/tags/libretown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>libreTown</span></a> <a href="https://micro.webgarden.click/tags/semantichtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semanticHTML</span></a> <a href="https://micro.webgarden.click/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://micro.webgarden.click/tags/hobby" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hobby</span></a> <a href="https://micro.webgarden.click/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieWeb</span></a> <a href="https://micro.webgarden.click/tags/smallweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>smallWeb</span></a> <a href="https://micro.webgarden.click/tags/webrevival" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webRevival</span></a> <a href="https://micro.webgarden.click/tags/xhtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>XHTML</span></a> <a href="https://micro.webgarden.click/tags/html5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML5</span></a> <a href="https://micro.webgarden.click/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a></p>
Richard Freeman<p>I'm looking to describe some trick taking games in a new blog post.<br>I'd like my descriptions to be accessible/readable through a screen reader. Keeping this in mind, how could I encode cards and hands?</p><p>Wikipedia uses "10♠", but I know there exist unicode codepoints for cards such as "🂪" which are, perhaps, more appropriate.</p><p>Furthermore, would an unordered list, or an ordered list be more appropriate for a hand of cards?</p><p>I'd love to read your opinions.</p><p><a href="https://tacobelllabs.net/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://tacobelllabs.net/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://tacobelllabs.net/tags/playingCards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>playingCards</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Events" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Events</span></a><br>CSS Naked Day 2025 · April 9 is the day to showcase semantic HTML <a href="https://ilo.im/1637um" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1637um</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Festivities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Festivities</span></a> <a href="https://mastodon.social/tags/WebStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebStandards</span></a> <a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</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/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/CssNakedDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssNakedDay</span></a> #2025</p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a><br>Mainlining mains · “Use only one (non-hidden) ‘main’ landmark per HTML page.” <a href="https://ilo.im/1635cl" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1635cl</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/Specification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Specification</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/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReader</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Aleš Roubíček<p>I'm improving my Semantic Extractor that is used behind the scenes on <a href="https://w3blogy.cz" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">w3blogy.cz</span><span class="invisible"></span></a> for improved Author Attribution, Descriptions and Tags.</p><p>Now I can read metatags, rel and rev links, JSON-LD scripts, microdata and RDFa Lite.</p><p>The most used are OpenGraph and TwitterCard metadatada. There are some JSON-LD, a few microdata and none RDFa in my list of recommended articles.</p><p>I'm about to implement microformats parser because I'm very curious if there will be some.</p><p><a href="https://indieweb.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieweb</span></a> <a href="https://indieweb.social/tags/semanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semanticHTML</span></a></p>
Richard Freeman<p>I'm looking to describe a hand of playing cards semantically for an article detailing some card game rules.</p><p>I'm planning to use some vector images of various cards to illustrate the hands, but would like for them to make sense to people going through my page with the help of a screen reader.</p><p>Does anybody have an idea on how to go about this?</p><p><a href="https://tacobelllabs.net/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a></p>
Georgiana Brummell<p>Attention, blind Akkoma users! I will be writing to the developer with my concerns about a few problems with accessibility on this platform. Most should be easy to resolve. Please let me know if you find any more, and also state what browser and screen reader you are using. Note: This is in reference to the site itself, not to your client of choice. I will post about that separately. For the record, I use NVDA with Firefox.</p><ol><li>Many buttons are unlabelled and simply say "button". This is true on the main page as well as when viewing posts and tabs in profiles. Most work once pressed. They just need to be labelled.</li><li>Searching for people, tags, groups, and posts is inaccessible. I can enter the edit field and write my text, but then, there are two unlabelled buttons next to that. The first simply takes me back to the edit field. The second does nothing. I am assuming this is a submit button that doesn't work via the keyboard.</li><li>It is impossible to view followers, as well as those whom I follow. I can see the numbers of each but not the people and groups themselves.</li><li>I cannot read my own profile without editing it. There appears to be no link where I can simply view it, either as myself or anonymously. If I go to my page and am not logged in, however, I can view it. I can also easily edit it when logged in.</li><li>The page renders very differently in Chrome than in Firefox. In Chrome, I can't see anything but my notifications, so I can't get to my page or the other timelines.</li></ol><p><a href="https://friendica.world/search?tag=accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://friendica.world/search?tag=Akkoma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Akkoma</span></a> <a href="https://friendica.world/search?tag=blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blind</span></a> <a href="https://friendica.world/search?tag=Blob.cat" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blob.cat</span></a> <a href="https://friendica.world/search?tag=Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://friendica.world/search?tag=Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://friendica.world/search?tag=fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a> <a href="https://friendica.world/search?tag=Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Firefox</span></a> <a href="https://friendica.world/search?tag=JAWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JAWS</span></a> <a href="https://friendica.world/search?tag=NVDA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NVDA</span></a> <a href="https://friendica.world/search?tag=html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://friendica.world/search?tag=ScreenReaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReaders</span></a> <a href="https://friendica.world/search?tag=SemanticHtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHtml</span></a> <a href="https://friendica.world/search?tag=Supermium" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Supermium</span></a> <a href="https://friendica.world/search?tag=Windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Windows</span></a></p>
Georgiana BrummellAttention, blind Akkoma users! I will be writing to the developer with my concerns about a few problems with accessibility on this platform. Most should be easy to resolve. Please let me know if you find any more, and also state what browser and screen reader you are using. Note: This is in reference to the site itself, not to your client of choice. I will post about that separately. For the record, I use NVDA with Firefox.<br><br>1. Many buttons are unlabelled and simply say "button". This is true on the main page as well as when viewing posts and tabs in profiles. Most work once pressed. They just need to be labelled.<br><br>2. Searching for people, tags, groups, and posts is inaccessible. I can enter the edit field and write my text, but then, there are two unlabelled buttons next to that. The first simply takes me back to the edit field. The second does nothing. I am assuming this is a submit button that doesn't work via the keyboard.<br><br>3. It is impossible to view followers, as well as those whom I follow. I can see the numbers of each but not the people and groups themselves.<br><br>4. I cannot read my own profile without editing it. There appears to be no link where I can simply view it, either as myself or anonymously. If I go to my page and am not logged in, however, I can view it. I can also easily edit it when logged in.<br><br>5. The page renders very differently in Chrome than in Firefox. In Chrome, I can't see anything but my notifications, so I can't get to my page or the other timelines.<br><br><a class="hashtag" href="https://blob.cat/tag/accessibility" rel="nofollow noopener" target="_blank">#accessibility</a> <a class="hashtag" href="https://blob.cat/tag/akkoma" rel="nofollow noopener" target="_blank">#Akkoma</a> <a class="hashtag" href="https://blob.cat/tag/blind" rel="nofollow noopener" target="_blank">#blind</a> #<a href="http://Blob.cat" rel="nofollow noopener" target="_blank">Blob.cat</a> <a class="hashtag" href="https://blob.cat/tag/chrome" rel="nofollow noopener" target="_blank">#Chrome</a> <a class="hashtag" href="https://blob.cat/tag/fediverse" rel="nofollow noopener" target="_blank">#Fediverse</a> <a class="hashtag" href="https://blob.cat/tag/fediverse" rel="nofollow noopener" target="_blank">#fediverse</a> <a class="hashtag" href="https://blob.cat/tag/firefox" rel="nofollow noopener" target="_blank">#Firefox</a> <a class="hashtag" href="https://blob.cat/tag/jaws" rel="nofollow noopener" target="_blank">#JAWS</a> <a class="hashtag" href="https://blob.cat/tag/nvda" rel="nofollow noopener" target="_blank">#NVDA</a> <a class="hashtag" href="https://blob.cat/tag/html" rel="nofollow noopener" target="_blank">#html</a> <a class="hashtag" href="https://blob.cat/tag/screenreaders" rel="nofollow noopener" target="_blank">#ScreenReaders</a> <a class="hashtag" href="https://blob.cat/tag/semantichtml" rel="nofollow noopener" target="_blank">#SemanticHtml</a> <a class="hashtag" href="https://blob.cat/tag/supermium" rel="nofollow noopener" target="_blank">#Supermium</a> <a class="hashtag" href="https://blob.cat/tag/windows" rel="nofollow noopener" target="_blank">#Windows</a>
Georgiana Brummell<p>I am unable to view or even edit my sent posts in TweeseCake with Blob.cat! I have no idea why. Maybe, it's different enough from Mastodon (the actual network that TweeseCake is meant to work with) that it won't allow me to do it. Sometimes, I honestly have half a mind to just give up all social networking accept Dreamwidth, because it's the only place that is completely accessible. I don't have to beg developers to make things screenreader-friendly, or hope it will work with this client or that website because I can't do x on the main one, or that y feature that worked on one site will be accessible on the next one. It just works. Say what you like about Facebook, but the Basic Mobile site (not app) worked. I hardly had any problem with it. Then, they closed it, and I left because their main site is a nightmare to work with. Now, I'm in the Fediverse, feeling as if I'm using the main Facebook site all over again!</p><p>I don't blame the administrators of friendica.world or blob.cat. It's not their fault. They're just working with what they have. Both are wonderful human beings who have been very kind to me. It's not even the fault of the developers of both sites. It makes sense, when you're a small business or a single developer, not to know about things such as accessibility. I just wish more people would learn and/or write things in semantic html or offer some kind of text-only or basic version of their site. I know that Deque University and Geeks4Geeks teach accessibility and teach html with accessibility included, respectively, but I guess other sites and books don't. As for TweeseCake, this is an excellent client for the blind that works well with Friendica and probably even better with Mastodon. But again, it's by a single developer. While changes are coming, people do have lives and other committments, and one person can't be expected to work as quickly as a huge company.</p><p>By the way, my Dreamwidth account is here. I must update it slightly, as I have some new entries to post for the month.</p><p><a href="http://dandylover1.dreamwidth.org" rel="nofollow noopener" target="_blank">dandylover1.dreamwidth.org</a></p><p><a href="https://friendica.world/search?tag=accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://friendica.world/search?tag=Akkoma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Akkoma</span></a> <a href="https://friendica.world/search?tag=blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blind</span></a> <a href="https://friendica.world/search?tag=Facebook" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Facebook</span></a> <a href="https://friendica.world/search?tag=Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://friendica.world/search?tag=fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a> <a href="https://friendica.world/search?tag=Friendica" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Friendica</span></a> <a href="https://friendica.world/search?tag=html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://friendica.world/search?tag=Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://friendica.world/search?tag=NVDA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NVDA</span></a> <a href="https://friendica.world/search?tag=ScreenReaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReaders</span></a> <a href="https://friendica.world/search?tag=SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://friendica.world/search?tag=TweeseCake" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TweeseCake</span></a> <a href="https://friendica.world/search?tag=WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WCAG</span></a> <a href="https://friendica.world/search?tag=Windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Windows</span></a></p>
Georgiana Brummell<p>Yay! I'm on Blob.cat! I am happy to note that almost all of it is accessible, minus one or two minor issues. I have a feeling this is not an instance problem, but an Akkoma problem. Even as a non-programmer, I am also fairly certain that this can be fixed easily. No one needs to rewrite the entire front end, as with Friendica. Basically, in the Profile and Settings, and on the main page, there are some buttons and check boxes that are not labelled properly. The check boxes under Settings, for example, just say "check", without stating if they are checked or unchecked. However, when they are unchecked, there is something labelled simply "button" that appears. There are other buttons for things such as post visibility default, but while they are labelled i.e. "Unlisted", "Public", etc. there is no way to tell which button is checked. In the profile, the Bio section appears blank, even though I filled it out during registration and can read it when I go to my profile without trying to edit it. Finally, on the main page, there are two things labelled simply "button". I think they have something to do with emojis. But that's really it! Everything else is accessible with NVDA, and I love the feature set! I really hope these tiny things can be worked on, because it would make everything truly perfect!</p><p>By the way, here is my profile page. I haven't written anything yet, as I was only approved recently.</p><p><a href="https://blob.cat/dandylover1" rel="nofollow noopener" target="_blank">blob.cat/dandylover1</a></p><p><a href="https://friendica.world/search?tag=accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://friendica.world/search?tag=Akkoma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Akkoma</span></a> <a href="https://friendica.world/search?tag=blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blind</span></a> <a href="https://friendica.world/search?tag=Blob.Cat" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blob.Cat</span></a> <a href="https://friendica.world/search?tag=Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> <a href="https://friendica.world/search?tag=fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a> <a href="https://friendica.world/search?tag=Friendica" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Friendica</span></a> <a href="https://friendica.world/search?tag=html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://friendica.world/search?tag=NVDA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NVDA</span></a> <a href="https://friendica.world/search?tag=ScreenReaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReaders</span></a> <a href="https://friendica.world/search?tag=SemanticHtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHtml</span></a> <a href="https://friendica.world/search?tag=WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WCAG</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a><br>Accessibility essentials · What every front-end developer should know <a href="https://ilo.im/161slf" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161slf</span><span class="invisible"></span></a> </p><p>_____<br><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/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://mastodon.social/tags/Form" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Form</span></a> <a href="https://mastodon.social/tags/Keyboard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Keyboard</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Opportunities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Opportunities</span></a><br>The underrated HTML ‘dl’ element · A natural fit for common visual design patterns <a href="https://ilo.im/161khj" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161khj</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/DescriptionList" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DescriptionList</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</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/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReader</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Many Colors, Many Forms, Many Flavors, Maybe More<p><span>Is there a specific recommended way to mark up placeholders and nulls and other non-normal values when they appear in semi-structured contexts (maybe a table, maybe not)?<br><br></span><code><i></code><span> seems maybe-kind-of appropriate (alternate voice? yeah, if i was reading this out, my tone would be different in a certain way when i got to this part) but maybe i just love </span><code><i></code><span> too much and am trying to find any excuse to use it more.<br><br>Like, if it says “date issued”, it doesn't feel right to just slap arbitrary text like “not issued yet” in there. That's not a date of issue! That's not a date at all!<br><br>In ad-hoc syntaxes or handwriting, i'd use some kind of brackets (or maybe a different ink colour) for this.<br><br></span><a href="https://animalfound.family/tags/SemanticHTML" rel="nofollow noopener" target="_blank">#SemanticHTML</a><span> </span><a href="https://animalfound.family/tags/HTML" rel="nofollow noopener" target="_blank">#HTML</a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guides</span></a><br>Page by page · How pagination makes the web accessible <a href="https://ilo.im/161eah" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161eah</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pagination</span></a> <a href="https://mastodon.social/tags/WebPage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPage</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blog</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/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
Alan Bristow<p><span class="h-card" translate="no"><a href="https://front-end.social/@zeldman" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>zeldman</span></a></span> I have lurked around <a href="https://mastodon.social/tags/BlueBeanieDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BlueBeanieDay</span></a> for many years and each time given myself a hard stare for *still* not owning one. I resolve to buy one for next year. Until then I will resort to looking at the cover of my copy of Designing with Web Standards <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/semanticHtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semanticHtml</span></a> <a href="https://mastodon.social/tags/BlueBeanieDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BlueBeanieDay</span></a></p>
TrendingLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
LoginDrag & drop to upload