Intro to ARIA -- A11ycasts #13

  Рет қаралды 120,518

Chrome for Developers

Chrome for Developers

Күн бұрын

Пікірлер: 46
@MajorBreakfast
@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
@zanehannan5306 7 жыл бұрын
Yep! I wish there were javascriptless examples though. That'd be great!
@daviddr2d2
@daviddr2d2 7 жыл бұрын
Brilliant, very informative about Aria, many thanks.
@theblablablahs
@theblablablahs 5 жыл бұрын
Thanks for this! Using this in 2019.
@microcolonel
@microcolonel 2 жыл бұрын
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.
@toma1610
@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.
@ilovecomputers
@ilovecomputers 7 жыл бұрын
Is there a tool like caniuse, but for ARIA attributes and assistive tools?
@naturadamus7263
@naturadamus7263 6 жыл бұрын
I was wondering about the exact same thing :S @Google Chrome Developers
@陈大鱼头
@陈大鱼头 5 жыл бұрын
THX , This Knowledge is very important . Especially in China , it was not taken seriously . I really hope more people can know it
@jensyfrenzy
@jensyfrenzy 6 жыл бұрын
Great job! Very informative... Thank you!
@ChrisLampert
@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?
@rajivuniyal4346
@rajivuniyal4346 6 жыл бұрын
Is ARIA useful for Search Engine Optimization (SEO) ?
@Meuhandle
@Meuhandle 7 жыл бұрын
very enjoyable, easy to understand video, good work
@toma1610
@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".
@Glutnix
@Glutnix 7 жыл бұрын
Hey Rob, could you do a screen reader demo for Voiceover on iOS?
@tnblackdragongamingofficia6163
@tnblackdragongamingofficia6163 9 ай бұрын
yes
@nikosspiropoulos8417
@nikosspiropoulos8417 5 жыл бұрын
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
@raomujadad8335
@raomujadad8335 Жыл бұрын
Once you see the unicorn in the background you wont be able to ignore it for the rest of the videos.
@virendersingh9377
@virendersingh9377 5 жыл бұрын
Can someone share the organised playlist of this topic?
@harrispinkham
@harrispinkham 7 жыл бұрын
Thanks! Very informative!
@ammarsadeq6078
@ammarsadeq6078 5 жыл бұрын
Why would some checkbox be created using DIV when without works well?
@kostas_x
@kostas_x 2 жыл бұрын
Mainly for custom styling or a unique look and feel that cannot be accomplished using the regular input element.
@AndreyMakR3
@AndreyMakR3 7 жыл бұрын
Great job man!
@cheng6523
@cheng6523 4 жыл бұрын
Nice content 👍
@user-blabla-47854
@user-blabla-47854 2 жыл бұрын
It would be great if VoiceOver was included for additional examples too
@qosku
@qosku 2 жыл бұрын
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
@user-blabla-47854 2 жыл бұрын
@@qosku -> stackoverflow
@qosku
@qosku 2 жыл бұрын
@@user-blabla-47854 dont found nothing, in voiceover its very diferent that Talckback and dont understand why.
@user-blabla-47854
@user-blabla-47854 2 жыл бұрын
@@qosku you should ask there
@busyrand
@busyrand 6 жыл бұрын
Very helpful! Thank you...
@marciaoliver123
@marciaoliver123 Жыл бұрын
Sensacional ❤
@Foxygrandpa2131
@Foxygrandpa2131 4 жыл бұрын
16 ADA lawyers disliked this video
@konstantinkkk8397
@konstantinkkk8397 5 жыл бұрын
I cannot find info with real examples how aria-controls works. Can you please explain it by building something?
@konstantinkkk8397
@konstantinkkk8397 5 жыл бұрын
and overall I want more examples with relationships attributes. On Udemy as I remember was explained only aria-owns
@jrjr1684
@jrjr1684 6 жыл бұрын
Google is an amazing company~
@mahammadshajid8605
@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.
@RealEstate3D
@RealEstate3D 3 жыл бұрын
This video is only black. I can only hear the voice and the transcripts. Is this intentional?
@ashwanigupta4072
@ashwanigupta4072 7 жыл бұрын
nice
@مهدیجلیلی-ع4ي
@مهدیجلیلی-ع4ي 7 жыл бұрын
Ashwani Gupta سلام
@foreverwarriormak5803
@foreverwarriormak5803 7 жыл бұрын
vas
@ericpodhorecki5427
@ericpodhorecki5427 2 жыл бұрын
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. :-)
@rodrigomann
@rodrigomann 7 жыл бұрын
Apple
@zanehannan5306
@zanehannan5306 7 жыл бұрын
Pen
@yongxiang9098
@yongxiang9098 7 жыл бұрын
lol
@rodrigomann
@rodrigomann 7 жыл бұрын
Zane Hannan Pinapple
@mariaatanasova4686
@mariaatanasova4686 7 жыл бұрын
l am Maria my fredt teke my story after teke my akaynt
States and Properties in ARIA -- A11ycasts #14
9:27
Chrome for Developers
Рет қаралды 24 М.
Accessibility Fundamentals with Rob Dodson
28:16
SFHTML5
Рет қаралды 104 М.
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 199 МЛН
So Cute 🥰 who is better?
00:15
dednahype
Рет қаралды 19 МЛН
The Best Band 😅 #toshleh #viralshort
00:11
Toshleh
Рет қаралды 22 МЛН
СИНИЙ ИНЕЙ УЖЕ ВЫШЕЛ!❄️
01:01
DO$HIK
Рет қаралды 2,7 МЛН
Why do semantics matter? -- #A11ycasts 08
10:12
Chrome for Developers
Рет қаралды 72 М.
You Suck At Accessibility (But You Don't Have To)
13:23
Web Dev Simplified
Рет қаралды 63 М.
What is WAI-ARIA?
13:18
Web Accessibility Education
Рет қаралды 6 М.
Unstyled Component Libraries Are A Game Changer
12:07
Web Dev Simplified
Рет қаралды 279 М.
The art of labeling -- A11ycasts #12
14:07
Chrome for Developers
Рет қаралды 58 М.
Introduction to WAI-ARIA (Accessible Rich Internet Applications)
18:33
Stanford WebCamp
Рет қаралды 9 М.
ARIA HTML Tutorial - What is ARIA & Why it's Important to Use!
13:54
A Guide To ARIA and HTML
7:32
developedbyed
Рет қаралды 18 М.
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 199 МЛН