Join the Webstudio community

Updated 4 days ago

Pros & Cons re. Using a CMS or uploading blog directly into Webstudio

Here's the thing - I want my website to be as accessible as humanly possible, and that means #AllTheAriaLabels. However, it looks like md boxes don't play nicely with aria-labels, don't get me wrong, I don't think this is a Webstudio issue, it's a markdown issue. So, given that accessibility is one of my central tenets, would it make more sense to create a folder and a page wrapper specifically for my blog posts rather than using a CMS? To be clear, I have a Custom Craft CMS build that I can use, but if using md isn't accessible, I kinda can't use it! Would love everyone's thoughts on this...
3
E
O
B
20 comments
Unless there's a way to add aria-labels inside Craft and get Webstudio to inherit them...
Got a specific MD where you think aria label is necessary?
Text links inside a sentence is the first one I can think of. I already have alt-text in Craft for images
Text links don't need labels
Or is there funky formatting I can use to add the aria-label to the link in Craft?
Generally using semantic tags is enough for base a11y. Aria labels are necessary in specific cases like link wrapping image/icon. If the link wraps only text then the text is used as label. So unless you want some specific behavior and tested it all major screen readers it should not be necessary.
In case of content embed it's up to your cms to modify own content with additional attributes.
Thanks both, appreciate you so much 💜
@Esme , sorry to chime in here, but your "#AllTheAriaLabels" scares me. Aria lables are to be used only in specific places. Bad aria is way worse than no aria. You want to be sure what you're adding (which Webstudio allows).
@Jeremy thank you for your concern, but I'm an accessibility nerd, and using #AllTheAriaLabels wasn't to say that I'm using them inappropriately. I work with a couple of disability/accessibility groups so my accessibility needs to be on point
Well, if we’re comparing credentials, I’m a director at one of the five largest privately held companies in the U.S., leading an accessibility team that manages compliance across the board. That includes Section 508, WCAG 2.1 AA, the EU Accessibility Act, EN 301 549, and all the other fun legal requirements landing this year. We build for both government and Fortune 500 clients. A lot of people get accessibility wrong — I was just trying to help.
Guys lets agree that nobody wanted to say they know better because they are experts. That's usually a well-known way to end a conversation. We all make mistakes and we are here to learn. A better way to do this is to share specific things they did and that will provide a specific feedback that is verifiable.
Absolutely! I could have phrased my question differently when I used "#AllTheAriaLabels" to avoid any confusion, and for that, I humbly apologize. From my own experience, which may have influenced my original post and subsequent replies (which sound far more bitchy now than it did when I was writing it), I'm far too used to people thinking that accessibility is a feature and not important (or worse, a waste of time and money...grrr) and that may have jaded my reply, again, I sincerely apologize.
(On a total nerd side note - that's a super cool job!)
Sorry again
@Esme , thanks.

I was initially, only trying to help because just like you, I often see both people and companies treat accessibility as an afterthought to check a box. If they realized that if they built semantically with accessiblity it mind it would make their lives easier. 🙂
And yep! It is a cool job. I love what I do. Thanks.
What about including ALT text with images in MD? I am using Contentful which lets you add image titles and descriptions (which I use for Alt text) for an image is used outside of MD. But don't know of a way to get at that data within the MD container.
Attachment
image.png
@Steve Suderman , are you asking how to add alt tags to your markdown content?

example:
![alt text](image url "image Title")
![A random nature scene](https: //picsum.photos/seed/nature/600/400)
There are also some online platforms that offer a service whereby you can add a widget to your website that can check for compliance, and even change the site's stylesheet on the fly to help visitors with specific disabilities — such as Userway. In the spirit of full disclosure, I have never used them, and don't know how well they'd work with Webstudio, but would love to hear from the experts...
Hi @Igor Couto , I’d strongly recommend avoiding accessibility plugins like these. Here’s why:

  1. Incomplete coverage – These tools mostly surface surface-level issues like color contrast or keyboard nav. They don’t fix deeper problems like poor semantics or missing ARIA attributes, so the site remains inaccessible to people using assistive tech.
  2. Legal risk – Despite what the marketing says, overlays often don’t meet legal accessibility requirements. There’s actually data showing that sites using them are more likely to be targeted in accessibility lawsuits.
  3. Bad user experience – These overlays can interfere with screen readers or custom settings disabled users rely on, making the experience worse — not better — for the people they’re supposed to help.
  4. False sense of security – A lot of teams add these and assume their site’s “covered,” when it’s really not. We’ve seen devs skip best practices just because these tools gave them a passing score.
  5. Performance impact – It’s extra code that slows down the site, often for no real benefit.
  6. Cost – Most of these tools require a subscription, which adds up, especially when you’re not getting real value from it.
Honestly, most people who rely on accessibility tech already have their browsers or tools configured how they need. Slapping a widget on your site doesn’t help them, it just adds noise. These overlays are often sold to people who want to be accessible but don’t fully understand what that means. In the end, it’s just performative.

If you actually care about accessibility, the best thing you can do is write clean, semantic, standards-based code from the start.
Add a reply
Sign up and join the conversation on Discord