Тёмный

The 2 Easiest Ways To Improve Your Site's Accessibility 

Web Dev Simplified
Подписаться 1,6 млн
Просмотров 95 тыс.
50% 1

Опубликовано:

 

23 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@wally-the-web-dev5142
@wally-the-web-dev5142 2 года назад
Would be nice to have a media query to indicate the level of a persons vision impairment so an original design can be maintained while also allowing for wide spread accessibility
@window.location
@window.location 2 года назад
That's really great idea though.
@Yougi
@Yougi 2 года назад
It already exists (still experimental though): prefers-contrast
@TheSliderW
@TheSliderW 2 года назад
@@Yougi Not sure this answers the question for colour blindness. Different types would require different values although you could just go the monochrome way in every case (which should be the last resort fall-back X ) ).
@window.location
@window.location 2 года назад
@@Yougi they made it for people who use windows high contrast mode. From w3c draft document "The prefers-contrast media feature is used to detect if the user has requested the system increase or decrease the amount of contrast between adjacent colors. For example, many users have difficulty reading text that has a small difference in contrast to the text background and would prefer a larger contrast." So it's not for color blind people and should not be used as either.
@TOPINDIA-pe3ox
@TOPINDIA-pe3ox 2 года назад
We want more shorts from kyle
@rezaz7167
@rezaz7167 2 года назад
Subscribed just for this video. Keep up this accessibility videos
@nmoschen
@nmoschen 2 года назад
Awesome piece of advice! Short and rigth to the point 🙌
@kalysss
@kalysss 2 года назад
What I never saw that in the inspector before.. omg awesome and smart. Thanks you. I'll take that exension soon soon too hehe.
@charliesumorok6765
@charliesumorok6765 2 года назад
The ‘Let’s get color blind’ extension functionality is built in to Firefox
@Holy_Frijole
@Holy_Frijole 2 года назад
great topic. I stumbled upon Adobe's color blind and accessibility tool. You may need to be a CC member to get but it's cool
@nate1988
@nate1988 2 года назад
Rude. But also, perfect short content. Thank you.
@khodis2002
@khodis2002 2 года назад
How is that rude? Are people on the Internet now sensitive to everything?
@khodis2002
@khodis2002 2 года назад
I can't even figure out what the problem is. What were you offended by?
@nate1988
@nate1988 2 года назад
@@khodis2002 Twas a joke in reference to the videos title card my friend, don't overthink it.
@loic.bertrand
@loic.bertrand 2 года назад
It's always better to not just rely on color alone to show a different state. Maybe adding an error icon to the red fields would be we an accessibility improvement.
@4FrogsStacked
@4FrogsStacked 2 года назад
commenting to save for later
@homeofsports3295
@homeofsports3295 2 года назад
Just like the video and you can find in later “liked videos” playlist.
@hollengrhen1
@hollengrhen1 2 года назад
This is a very important topic, that most people ignore.
@wariolandgoldpiramid
@wariolandgoldpiramid 2 года назад
I got recommended this by the almighty RU-vid algorithm. I'm surprised this doesn't have at least 80k views of people coming in from recommendations.
@mightytechno
@mightytechno 2 года назад
Awesome one
@MrGigi-dz9cv
@MrGigi-dz9cv 2 года назад
Hello. I would like to know more about colors. My website colors look diffrent in the browser than elsewhere.
@pikolino210
@pikolino210 2 года назад
For me, the color selection window opens up exactly the same as for you, but without the contrast ratio section, in all browsers ?
@md.abdulhalimrafi9940
@md.abdulhalimrafi9940 2 года назад
Same for me too
@simplyeleza
@simplyeleza 2 года назад
same thing happens on my side
@tharunrajoptimus5229
@tharunrajoptimus5229 2 года назад
Actually I see it only if the element fails in the light house audit and if I close the dev tools it's lost forever. But ig CSS overview (experimental) shows it all the time. Cmd Shift P on dev tools and type css overview
@md.abdulhalimrafi9940
@md.abdulhalimrafi9940 2 года назад
@@tharunrajoptimus5229 Yup, I got it now.
@SurfsUpSeth
@SurfsUpSeth 2 года назад
I don’t understand what battery types have to do with colors
@gshan994
@gshan994 2 года назад
Maybe it's experimental or in beta chrome
@SirXtC
@SirXtC 2 года назад
i dont see the contrast ratio :c
@labwax
@labwax 2 года назад
very short :-( I wanted more
@ratlamking
@ratlamking 2 года назад
I am building a project which requires me to use color picker. Can someone please tell me which color picker is shown here? I tried searching but couldn't find
@WebDevSimplified
@WebDevSimplified 2 года назад
This is Chrome dev tools
@jegatheboss
@jegatheboss 2 года назад
Hi Kyle, would appreciate if you can avoid using red-green in your videos. I really find it very difficult being color-blind.
@cannabclaus8036
@cannabclaus8036 2 года назад
This gives me crippling depression
@xenialxerous2441
@xenialxerous2441 2 года назад
🎊✌🏻🙌
@agoia2000
@agoia2000 2 года назад
Why color-blind? I can see! 99,9% of us can see!
@merlinwarage
@merlinwarage 2 года назад
There are ~300 million color blind people on the earth...
@SergioOlivieri89
@SergioOlivieri89 Год назад
Internet should be inclusive
@Learnbynet
@Learnbynet 2 года назад
is not for you to setting colorBlind features, dont waste your time, most people with color blind use plugins or apps to hack and customize colors. Event in game , yoy have special monitor , or special glass where it do the hack for you
@merlinwarage
@merlinwarage 2 года назад
Yes it's our (UX designer-s/frontend developers) job. There are ~300 million color blind people on the earth. Also our job to do the right typography, ergonomy, and every other accessibility feature for the endusers.
@SergioOlivieri89
@SergioOlivieri89 Год назад
Internet should be inclusive
@chrisodillman3355
@chrisodillman3355 2 года назад
but the design department loves white font on bright blue background or on light green ... you have to take that in concideration over this stupid contrast ratio of yours or this mean stupid lighthouse audit :-D
@crateer
@crateer 2 года назад
Will, color blind people are a minority to begin with so I wouldn't focus on such things as it's a waste of time.
@WebDevSimplified
@WebDevSimplified 2 года назад
Should we also remove handicap parking, braille, sign language, and subtitles as well then.
@SergioOlivieri89
@SergioOlivieri89 Год назад
This is a dumb opinion
Далее
You Suck At Accessibility (But You Don't Have To)
13:23
I'm Ditching Try/Catch for Good!
10:29
Просмотров 128 тыс.
Cool Wrap! My Book is OUT 🥳
00:27
Просмотров 1,7 млн
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 971 тыс.
Learn Accessibility - Full a11y Tutorial
1:33:06
Просмотров 60 тыс.
Why You Should Replace Your Booleans With Timestamps
4:47
Coding Accessibility: Becky
10:02
Просмотров 253 тыс.
@property Is One Of The Coolest New CSS Features
10:41
How to Learn to Code FAST (Do This or Keep Struggling)
11:00
The ultimate guide to web performance
6:43
Просмотров 443 тыс.
Cool Wrap! My Book is OUT 🥳
00:27
Просмотров 1,7 млн