Why you should start using ARIA Attributes in HTML

[@stuartallen2001]

Another thing that's great about using the right tag is how much easier it becomes to "tabigate" your site. This is of course great for people who have MS or Parkinson's and may struggle with a mouse, but it also allows people to become power users and navigate your site way faster.

[@mzhomie8880]

There are so many people who have a disability, the topic is extremely important.

[@vs-cd6qq]

Once I improve my skills further I will definitely focus on making my projects accessible to anyone, it’s great how first you start by writing a simple and you progress to managing so many details that are not in your mind when you start. A developer must also be great at design, UI/UX and broad thinking, or considering many scenarios, to truly make a great product. Love this about programming, it depends on you and you can make or break a product.

[@yourlocalhuman3526]

What a coincidence. Im literally going through all of my projects right now and improving rhe accessibility and i was still confused on how aria labels worked. Thanks for the video

[@MercurySteel]

A very good introduction to ARIA attributes 👍

[@coding2go]

Glad you think so!

[@PicSta]

Kevin Powell released a video yesterday, how you can animate the new accordion feature. Pretty interesting, and sooner or later all browsers will understand that.

[@coding2go]

Yes I heard, Great stuff! I guess we just have to wait for full browser support

[@rankarat]

It's called "details"

[@PicSta]

@@rankarat yes details and summary

[@VirendraBG]

Thanks a million for making this video without background music. ❤ Subscribed. 👍🏻

[@cckeysify]

this is actually gold for bots

[@codesthenos]

this video in a short time provides HUGE GREAT info, thanks for uploading this video!!!!

[@alessandrostorchi3423]

From now on I'm going to put it into practice

[@danimatuko]

So much valuable content in such a short time. Great video!

[@funkologie]

figcaption is the tag for image text

[@beefier]

As someone with a disability, thank you for this.

[@AmodeusR]

At this point it's not a matter of being worth, but being necessary. No one will make an website in 2024 that looks like a 2000's website just for the sake of accessibility. Besides it's not like we don't have component libraries like Shadcn that takes the hassle of making certain components from us, it's also perfecty accessible.

[@Nodsaibot]

its the screen reader manufacturers responsibility to process the contents not ours

[@maardal]

excellent, short video and introduction to aria!

The problem is-the only thing that matters is how long it will take to get money back, and accessibility is not prioritized or even considered to implement. It is nearly impossible to find a boot camp or course with accessibility included, not even a CS degree.

[@dubbog7870]

freecodecamp html + css free course includes accessibility and the reason why in most of its lessons 👍

[@javabeanz8549]

ask Dominos about money and websites

[@JakeAndDaddy]

Use role="presentation" on images that have no alt tag. If not, it'll fail WCAG accessibility check at higher levels.

[@prashantsharma706]

Can you tell mw which extension of vs code you are using for text colors in html,css and js

[@schriertom]

No ARIA is better than Bad ARIA

[@JerryAgenyi]

Wow. I never knew this. Its been hard to keep up with the new conventions since learning almost 2 decades ago. Since I now build with CMS and component libraries, I don't get involved in the nitty-gritty of html/css codes as before.

[@R72Investments]

The fastest talking guy on KZbin

[@jonragnarsson]

So THAT's what 'aria' stands for. I always wondered what accessibility had to do with singing.

[@moviefan1632]

Make the udemy course available in udemy bussiness also

[@alimansimov1929]

I think, it would be great if you make a tutorial about accessibility

[@PicSta]

Great video! How is the native "details" tag affected? If you are using details and summary together you get an accordion, but I am not sure if you still need to apply aria labels in that case as it's a native feature now, in all modern browsers.

[@tryoxiss]

Yes the browser should handle that for you

[@burhanuddinkauka792]

What browser do you use for dev tools?

[@coding2go]

Firefox

[@burhanuddinkauka792]

@coding2go I also have firefox but my devtool is different

[@yourlocalhuman3526]

In what way? I'm using it too​@@burhanuddinkauka792

[@Ezizmuhammet1991]

​@@burhanuddinkauka792it is vivaldi. He said it in another comment

[@shoker.m]

What browser do you use when you show the MDN Documation?

[@XTheCat]

it looks like vivaldi

[@coding2go]

yes, it is vivaldi

[@Zaybi-v8z]

❤

[@bdabroad]

Wouldn’t it make more sense for disabled to use a tool that uses ai to create these attributes for them? Seems like a lot of work for someone who may or may not use your site

[@tryoxiss]

(1) such a tool does not exist and would be very difficult to create (2) such a tool would be unreliable and (3) accessibility is surprisingly little work if you know the basic rules and use native elements where possible

[@rrjmdPA]

This may be important; but, really, if this is a "simplification," even a nanoseconds worth of thought on the subject should give a clear understanding that this is NEVER going to voluntarily become mainstream. For most websites, to fully implement this kind of backbreaking, bizarre, convoluted methodology would require the creation of an extra full-time employee and become the "coders full-employment act"!

[@smallfishfive1181]

👍👍👍❤❤❤

[@bandekhoda7801]

Can we just ignore it? And just show a pop-up to screen readers that our website is not suitable for them?

[@hitmusicworldwide]

Why can't we use AI to summarize the website and create an optimized version of it inserted into the header or footer for accessibility It's not necessary to have to do two things at once these days because the accessibility features are extremely small text-based and able to be separated from the rest of the front end. This would ensure compatibility ensure integrity of the data and conform to principles of separation of concerns rather than trying to embed it into the markup that's used for the regular front end.

[@Coooikie]

🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆 🎇🎇Happy Diwali🎆🎆

[@Nodsaibot]

lol no, in fact will block all screen readers redirect them to google

[@oliver139]

Handling WCAG is so fucking troublesome...

[@rochellerochelle1488]

AI will render this useless. Meta's Ray-Bans can currently describe what they see, you think it stops here?

[@ShakilAhmed-h1l3w]

I'm really sorry disabled people. As a developer with 24 hour deadlime, I don’t have time for this.

[@PaulTech-bw1kl]

Honestly speaking. There's no time for all these

[@shakilahmed6870]

I'm really sorry disabled people. As a dev with 24 hour deadline, I don’t have time for this.

[@WaqasAli-dq9wg]

Hahahaha...... nonsensical 😁

[@mohammadhisbullah9332]

bro you are literally copying fireship

[@AvidAfrican]

😂😂😂 you caught him?

[@coding2go]

I don't think fireship has a video on ARIA (at least I haven't seen one). Everything in my video is based on the MDN documentation on WAI-ARIA. Fireship has a completely different channel topic, talking about AI News and coding memes. I see no similarity with my content.

[@militarykaliber-rp7ss]

​@@coding2gothis dude is out of his mind, I watch both of you and There's absolutely no similarities, you have a great content keep it up

[@acryliq]

fireship is filled with memes and "jokes" and it gets really annoying really fast. here you don't get distracted by other unnecessary stuff

[@shakilahmed6870]

​@@coding2goignore