Why headings and landmarks are so important -- A11ycasts #18

  Рет қаралды 42,893

Chrome for Developers

Chrome for Developers

Күн бұрын

Пікірлер: 38
@PatrikRasch
@PatrikRasch Жыл бұрын
Here from The Odin Project Good video :)
@IBN12
@IBN12 6 ай бұрын
The Odin Project sent me. Great video.
@theyoutubeliva
@theyoutubeliva 10 ай бұрын
hello im here from the odin project, good explanation!
@carloschaves8892
@carloschaves8892 Жыл бұрын
Thanks for the class!!
7 жыл бұрын
There's one (or two) things that will always save the image I have of Google: your care for accessibility. I was sensitized to that issue in the web more than ten years ago. I'm sure that if we want a better web for everyone, someone has to teach web developers​ how to do things well. Thank you Rob for those basic tricks that are very easy to implement. And yes, please slow a little your speech for foreigners with a not so good level in English. Cheers!
@veronicapardo6812
@veronicapardo6812 6 жыл бұрын
accounts.google.com/ServiceLogin?hl=en&passive=true&continue=support.google.com/nexus/answer/2865944%3Fhl%3Den%26ref_topic%3D6126546
@PivitParkour26
@PivitParkour26 5 жыл бұрын
Just a tip, in KZbin in the settings you can control the speed of the video, to make it faster or slower :)
@Miguel-dg7ql
@Miguel-dg7ql 6 ай бұрын
Good explanation! Thanks!
@maiconfz
@maiconfz Жыл бұрын
Great video! Thanks!
@Liam-c5k
@Liam-c5k 5 ай бұрын
Brilliant video
@victorejiofor8115
@victorejiofor8115 Жыл бұрын
Thanks so much for the video.
@jonathanhodgson3298
@jonathanhodgson3298 7 жыл бұрын
I have heard a lot of people saying that each element should now contain an H1. Is this advisable from an accessibility point of view?
@johnnygarces2216
@johnnygarces2216 5 жыл бұрын
I've read on MDN that h1 tags should be used once on a page. Assuming that you have multiple sections in a page w/ multiple h1s, then that would be considered a bad practice.
@norbidrake
@norbidrake 5 жыл бұрын
He's talking about HTML5 invention with separate orders of headings, with sectioning contents elements like , and so on. W3C firstly advised, to start numbering headings all over from 1, when new sectioning content element appeared, but they resigned and they advise now to number headings, like it was before HTML5. Technically there should be only one h1, but go for google page and search for something, check their outline, they have 5 h1's ;d Also hiding headings "cloacking" is considere by some as bad practice that could by penalized, yet you see that in google page. That is for the rules and "good" practices".
@tramarthomas6105
@tramarthomas6105 Жыл бұрын
love this :) thank you
@Foxygrandpa2131
@Foxygrandpa2131 3 жыл бұрын
Can you also get away with setting the visibility for a header to none and still have it in the rotor?
@Shorty0168
@Shorty0168 6 жыл бұрын
Thanks for the video. Super super super helpful and clear.
@rachanaa6745
@rachanaa6745 3 жыл бұрын
i have an image icon with 'i' letter in it, indicating it is information, and text says - Notice for user. What aria - lable should i use to make screen reader understand to detect the info icon and tell the user
@zoracreative5676
@zoracreative5676 5 жыл бұрын
I was wondering. If I'm doing a design and sections follow the format of main heading (h2) sub heading (h3) and then I have a grid where headings would be under images (h4) - what do I do if for some of the sections, the sub heading (h3) is omitted. Should the text in the grid elements now be upgraded to (h3) so as not to skip. Because they still have the same importance as before in the above heading (h2) / subheading (h3). But by keeping them at (h4) you skip a heading. Would it be adivsed to create an 'if statement' that would upgrade the grid heading to h3 if h3 subhead is not there?
@allvesdev6072
@allvesdev6072 2 жыл бұрын
amazing! thanks
@perrosaurio725
@perrosaurio725 Жыл бұрын
Awesome.
@divyangjani7600
@divyangjani7600 5 жыл бұрын
how we can skip landmarks? by which keyboard shortcut?
@lydiangea9091
@lydiangea9091 4 жыл бұрын
Hi, please what does a landmark element mean?
@rprashanth1986
@rprashanth1986 7 жыл бұрын
Thanks, Rob. where is the code shown in the example?
@rprashanth1986
@rprashanth1986 7 жыл бұрын
Cool. Thanks, Rob. I like your tutorials all the time. Great help!
@alvinkuria1
@alvinkuria1 Жыл бұрын
From TOP
@กีต้ายามเหงารักสนุกใส้ๆๆ
@กีต้ายามเหงารักสนุกใส้ๆๆ 6 жыл бұрын
🤳🤳🤳🤳📲
@ThiagoCruz3
@ThiagoCruz3 7 жыл бұрын
Before I say something, thanks for the video, really helpful. I would appreciate if you do not teach people hacks, like hiding content as useful tool, if you are going to properly add something to the screen reader read, you have to actually make it visible for the other users as well, not just for a robot or the screen reader. This is bad practice for HTML and coding, if you want something to be useful make it useful for everyone. At least that is my opinion, I may be wrong, but I do not like hiding content and I don't see this as a good thing for SEO as well.
@aniperleo
@aniperleo 7 жыл бұрын
This is a well written concern that I faced as well. Thankfully, Google addressed this somewhat recently. The verdict: Hiding headings is SEO-friendly, or at least Google friendly. As explained: > Using something like that is fine. In general, what happens in a case like this is that we focus on the visible, primary content of the page, and de-emphasize the hidden / out-of-view content. So if you're providing extra context & hints like that, that would be fine. There's no "penalty" or "demotion" for having such additional content on a page (and at the same time, it's not something where it would make sense to stuff keywords in the hope that Google picks them up). Citation: productforums.google.com/forum/#!msg/webmasters/YJcZUhtMIE4/XkOEzVakBAAJ This technique of visibly hiding assistive text is well documented by accessibility experts. Citation: www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/ With so much advice in favor of this strategy, future and present search engines very likely behave similarly.
@ThiagoCruz3
@ThiagoCruz3 7 жыл бұрын
Thanks! I really didn't know that, good to know! But I still don't think we should hide tags, but in certain aspects I know it's needed. That is great news for me! Thanks for sharing this!
@shawncorrigan7514
@shawncorrigan7514 6 жыл бұрын
This was my concern as well. Thank you!
@AviMehra
@AviMehra 7 жыл бұрын
why is he using a Mac?
@karellism
@karellism 5 жыл бұрын
What does it matter?
@Anonymous-fq7wv
@Anonymous-fq7wv 5 жыл бұрын
No mic it will be fuzzy it want sond right
@sergey-shalaev
@sergey-shalaev 7 жыл бұрын
Oh God, speak more slowly please.
@BlueBockser
@BlueBockser 7 жыл бұрын
He speaks at a very normal pace in my opinion
@motthebug
@motthebug 7 жыл бұрын
You can go to settings and adjust the speed. I often speed things up but don't for him :-)
Accessible Modal Dialogs -- A11ycasts #19
12:46
Chrome for Developers
Рет қаралды 51 М.
How I do an accessibility check -- A11ycasts #11
12:17
Chrome for Developers
Рет қаралды 140 М.
$1 vs $500,000 Plane Ticket!
12:20
MrBeast
Рет қаралды 122 МЛН
진짜✅ 아님 가짜❌???
0:21
승비니 Seungbini
Рет қаралды 10 МЛН
Screen Reader Basics: VoiceOver -- A11ycasts #07
12:11
Chrome for Developers
Рет қаралды 114 М.
Just use button -- A11ycasts #05
7:34
Chrome for Developers
Рет қаралды 91 М.
Why do semantics matter? -- #A11ycasts 08
10:12
Chrome for Developers
Рет қаралды 72 М.
Alerts! -- A11ycasts #10
10:08
Chrome for Developers
Рет қаралды 32 М.
Intro to ARIA -- A11ycasts #13
9:16
Chrome for Developers
Рет қаралды 120 М.
The art of labeling -- A11ycasts #12
14:07
Chrome for Developers
Рет қаралды 58 М.
Roving tabindex -- A11ycasts #06
13:39
Chrome for Developers
Рет қаралды 63 М.
How to check for accessible colors -- A11ycasts #17
10:35
Chrome for Developers
Рет қаралды 52 М.
Testing Shadow DOM with aXe Coconut - A11ycasts #26
7:33
Chrome for Developers
Рет қаралды 12 М.
$1 vs $500,000 Plane Ticket!
12:20
MrBeast
Рет қаралды 122 МЛН