Intro to ARIA -- A11ycasts #13

Рет қаралды 118,268

7 жыл бұрын

ARIA 1.1 Spec: goo.gl/1rGD7S
ARIA Authoring Practices 1.1: www.w3.org/TR/wai-aria-practi...
Here on a11ycasts I always try to encourage developers to use native controls rather than roll their own mainly because you get semantics and keyboard functionality for free. But there are situations where you need to build something and there's no native analog in the platform. For these occasions when you need to go offroad and build your own control, the Web Content Accessibility Initiatives Accessible Rich Internet Applications spec (WAI-ARIA) can help you add in the semantics your new custom control is missing. Today on the show I'll cover what ARIA is from a high level and show off some of the features and relationships ARIA let's you take advantage of.
Why do semantics matter?
• Why do semantics matte...
Watch all A11ycasts episodes: goo.gl/06qEUW
Subscribe to the Chrome Developers KZfaq channel for updates on new episodes of A11ycasts: goo.gl/LLLNvf

Пікірлер: 46

@MajorBreakfast 7 жыл бұрын

Great job, Rob! I really like the style of your tutorials: Well edited and illustrated, detailed explanations, fast paced, but not rushed. That's the way :)

@zanehannan5306 7 жыл бұрын

Yep! I wish there were javascriptless examples though. That'd be great!

@daviddr2d2 7 жыл бұрын

Brilliant, very informative about Aria, many thanks.

@Erandros 6 жыл бұрын

very enjoyable, easy to understand video, good work

@theblablablahs 5 жыл бұрын

Thanks for this! Using this in 2019.

@jensyfrenzy 6 жыл бұрын

Great job! Very informative... Thank you!

@harrispinkham 7 жыл бұрын

Thanks! Very informative!

@AndreyMakR3 7 жыл бұрын

Great job man!

@busyrand 6 жыл бұрын

Very helpful! Thank you...

@user-pe3my8gl7d 4 жыл бұрын

THX , This Knowledge is very important . Especially in China , it was not taken seriously . I really hope more people can know it

@marciaoliver123 Жыл бұрын

Sensacional ❤

@rajivuniyal4346 6 жыл бұрын

Is ARIA useful for Search Engine Optimization (SEO) ?

@ChrisLampert 6 жыл бұрын

Is it still considered best practice to create things like custom check boxes (if you want them styled in a certain way) or would it be better to use native check boxes that are visually hidden and then have a visual representation over the top using divs like you mention here? I am wondering which is better for maintainability. Talks earlier in this playlist refer to just use a button (and by extension, native HTML) but then this tutorial contradicts that somewhat. What is best practice?

@microcolonel Жыл бұрын

As a matter of team standards, when there is an accessibility attribute which matches the distinction used in the style (i.e. checked), then that accessibility attribute should be the way CSS discovers that state.

@cheng6523 3 жыл бұрын

Nice content 👍

@raomujadad8335 10 ай бұрын

Once you see the unicorn in the background you wont be able to ignore it for the rest of the videos.

@toma1610 4 жыл бұрын

Hi, I need see live examples. For example, what is the screen reader "says" when you put any aria-xxx or without it, with role="navigation", with . What happens if you use and role="navigation". Is there conflict? In the video, I can not see what happens with the screen reader if you set/no set "aria-expanded".

@toma1610 4 жыл бұрын

Hi. If I have all checkboxes with aria-checked:"false", is bad? I would do it because I don't want to make influence (twist) to the user decisions. I don't understand the reason to set up for default a checked box as if this is "convenient" for the user. Your appreciation, ¿please? Thanks a lot. Clear tutorial, good sound.

@virendersingh9377 5 жыл бұрын

Can someone share the organised playlist of this topic?

@ilovecomputers 7 жыл бұрын

Is there a tool like caniuse, but for ARIA attributes and assistive tools?

@naturadamus7263 6 жыл бұрын

I was wondering about the exact same thing :S @Google Chrome Developers

@nikosspiropoulos8417 4 жыл бұрын

excuse me but shouldn't aria-expanded be "true" instead of "false" since it is actually expanded in order for the buttons to be visible? I would appreciate if anyone could help

@jrjr1684 6 жыл бұрын

Google is an amazing company~

@Glutnix 7 жыл бұрын

Hey Rob, could you do a screen reader demo for Voiceover on iOS?

@tnblackdragongamingofficia6163 4 ай бұрын

yes

@ashwanigupta4072 7 жыл бұрын

nice

@user-fj9ri5ef7h 7 жыл бұрын

Ashwani Gupta سلام

@Foxygrandpa2131 3 жыл бұрын

16 ADA lawyers disliked this video

@ammarsadeq6078 4 жыл бұрын

Why would some checkbox be created using DIV when without works well?

@kostas_x Жыл бұрын

Mainly for custom styling or a unique look and feel that cannot be accomplished using the regular input element.

@user-blabla-47854 2 жыл бұрын

It would be great if VoiceOver was included for additional examples too

@qosku Жыл бұрын

Hi, do you can help me Plis? I need change the valué of aria checked in role radio in the tag i for icon

@user-blabla-47854 Жыл бұрын

@@qosku -> stackoverflow

@qosku Жыл бұрын

@@user-blabla-47854 dont found nothing, in voiceover its very diferent that Talckback and dont understand why.

@user-blabla-47854 Жыл бұрын

@@qosku you should ask there

@foreverwarriormak5803 7 жыл бұрын

vas

@mahammadshajid8605 4 жыл бұрын

hi sir, i am a new aira learner, i want to learn about accessibility tree, please help me to get knowledge from you.

@konstantinkkk8397 5 жыл бұрын

I cannot find info with real examples how aria-controls works. Can you please explain it by building something?

@konstantinkkk8397 5 жыл бұрын

and overall I want more examples with relationships attributes. On Udemy as I remember was explained only aria-owns

@rodrigomann 7 жыл бұрын

Apple

@zanehannan5306 7 жыл бұрын

Pen

@yongxiang9098 7 жыл бұрын

lol

@rodrigomann 7 жыл бұрын

Zane Hannan Pinapple

@RealEstate3D 3 жыл бұрын

This video is only black. I can only hear the voice and the transcripts. Is this intentional?

@mariaatanasova4686 7 жыл бұрын

l am Maria my fredt teke my story after teke my akaynt

@ericpodhorecki5427 Жыл бұрын

It's kinda weird that we invest so much effort to make things accessible but all of that work end up being read by a super bad fake voice. :-)