Why you should start using ARIA Attributes in HTML

Показать описание

Learn ARIA in 5 Minutes | HTML Accessibility Tutorial for beginners
Learn how to use aria-attributes like aria-label, aria-labelledby, aria-expanded and aria-controls in HTML to make your websites more accessible and boost your Accessibility score. Knowing how to use ARIA attributes in HTML is an important skill that you need to learn in order to develop accessible websites professionally. This video covers how to use different ARIA attribute, how to make images more accessible in HTML, How to make interactive elements accessible in html and why you need to care about web accessibility in general.

Host Your Own Website With Hostinger:
✌️ And get a huge discount with our code: CODING2GO

Concepts you will learn in this web dev project:
✔ HTML, JavaScript Accessibility
✔ Web accessibility with ARIA-attributes
✔ What is ARIA
✔ How to use aria attributes in html
✔ How to use aria-label
✔ How to use aria-labelledby in HTML
✔ How to use aria-expanded
✔ How to use aria-controls
✔ How to use the alt attribute in html images
✔ img alt attribute meaning in html
✔ How to make a website accessible
✔ How to improve web accessibility in html
✔ Learn ARIA attributes for beginners
✔ WAI-ARIA tutorial for beginners
✔ ARIA explained in 5 Minutes
✔ ARIA accessibility beginner tutorial

Рекомендации по теме

Комментарии

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.

stuartallen

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 <head> 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.

vs-cdqq

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

yourlocalhuman

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

alessandrostorchi

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.

PicSta

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

VirendraBG

A very good introduction to ARIA attributes 👍

MercurySteel

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

mzhomie

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

danimatuko

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

codesthenos

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.

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.

AmodeusR

excellent, short video and introduction to aria!

maardal

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.

JerryAgenyi

Make the udemy course available in udemy bussiness also

moviefan

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

JakeAndDaddy

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

alimansimov

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.

PicSta

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

jonragnarsson

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

shoker.m

Why you should start using ARIA Attributes in HTML

Why you should start using ARIA Attributes in HTML

Why you should start using NAMED GRID LINES in your CSS

Why You Should Start Drawing

You should start a YouTube channel (even if nobody watches)

Why You Should Start Using Terminal and How To Use It

Why Everyone Should Start Using Vim

10 Reasons Why You Should Start Using LaTeX for Your Academic Writing ✍️

Here’s why you should start doing ASSISTED Pull-Ups

You should start focus on 🎀 /#aesthetic #editz #fyb #shorts #Korean #hehr

Medieval words you should start using TODAY

this is why you should start calisthenics

Why YOU Should Start an Online Video Business

Why You Should Start Using a Clothesline 👚

Why you should NOT start YouTube Shorts (beware)

Over 40? You should start a YouTube channel and here’s why

3 Powerful Herbs that You Should Start Using

10 facts why YOU should start reading!

Iodine: Why You Should Start Taking This ASAP

Why you should start exercising if you don't already

7 Reasons Why You Should Start Sleep On Your Left Side TONIGHT!

What Age Should I Start Taking Collagen? | An Easy Guide To Collagen | Zooki

POV: Skincare You Should Start Using Before Your 30s | Night Routine Skincare | Nykaa #shorts

21 Cheats You SHOULD Start Using in Valheim

Why You Should Start Using the Shortcuts App on Mac