İçeriğe atla

Erişilebilirlik

Tüm kullanıcılar için siteleri ve uygulamaları erişilebilir hale getirme.

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: <search>

<search> öğesi, en iyi uygulamalar listenize eklemek için çok az çaba gerektiren kolay kazançlardan biridir. Adım 1: Uygulamalarınızda herhangi bir arama alanını belirtmek için kullanın. Adım 2: Aslında hepsi bu kadar!

Artık dört büyük tarayıcıda da desteklendiğine göre, kullanmamak için hiçbir neden yok.

Baseline: Newly Available

Learn more

Erişilebilirlik Özellikleri

Landmark öğeleri (<main>, <nav> vb.) çok yeni veya heyecan verici değildir, ancak web erişilebilirliğinin temelini oluşturmaya devam etmektedir.

Group by:

Sort by:

1
Erişilebilirlik
96.7%
4,383
2
Erişilebilirlik
88.2%
8%
4,381
3
Erişilebilirlik
29.3%
29.1%
41.2%
4,377
4
Erişilebilirlik
13%
22.5%
64.3%
4,378

Deneyim

  • Daha önce kullandım: Respondents who have used an item.
  • Hakkında bilgim var: Respondents who have heard about an item, but haven't used it.
  • Daha önce hiç duymadım: Respondents who have never heard about an item.

Duygu

  • Pozitif: Bir teknoloji hakkında daha fazla bilgi edinmek isteyen veya bu teknolojiyi tekrar kullanmak isteyen katılımcılar.
  • Nötr: Bir teknoloji hakkında herhangi bir duygu belirtmeyen yanıtlayıcılar.
  • Negatif: Bir teknoloji hakkında daha fazla bilgi edinmekle ilgilenmeyen veya bu teknolojiyi kullanmış ve olumsuz bir deneyim yaşamış katılımcılar.

Diğer Erişilebilirlik Teknikleri

Alt metin veya uygun başlık hiyerarşisi gibi şeyler çoğu ön uç geliştiricisi için artık ikinci doğa haline gelmiş olsa da, prefers- medya sorguları seti gibi yeni araçlar henüz tam anlamıyla yaygınlaşmış değildir.

Erişilebilirlik stratejinizin bir parçası olan diğer teknikler nelerdir?
Multiple
0%
20%
40%
60%
80%
100%
01
Açıklayıcı alt metni
3,647
02
Bilgi Hiyerarşisi
3,452
03
Form Kontrol Etiketleri
3,331
04
Anlamlı Link Metni
+1
2,827
05
Yeterli Kontrast
+1
2,778
06
Odaklanma Halkasının Görünürlüğü
+1
2,725
07
Klavye gezinmesi
-3
2,454
08
<fieldset> and <legend>
+2
2,250
09
Pointer etkileşimlerine (örn. hover) klavye alternatifi sağlama.
2,194
10
Renklerin Tek Başına Kullanılmaması
-2
2,192
0%
20%
40%
60%
80%
100%
% of question respondents

Engelli Kullanıcılar

Görme engelli kullanıcıları dikkate almanın ötesinde, geçen yıla kıyasla daha fazla geliştiricinin atipik renk görme ve hareket engellerini de dikkate aldığını görmek güzel.

Web siteleri yaparken hangi tür engelli kullanıcıları hesaba katıyorsunuz?
Multiple
0%
20%
40%
60%
80%
100%
1
Görme bozuklukları
2,724
2
Atipik görme
2,163
3
Hareketlilik engelliler
1,387
4
Denge bozuklukları
920
5
İşitme engelliler
687
6
Öğrenme zorluğu olanlar
677
7
🚫 Yok
665
8
Diğer bilişsel engelliler
600
9
Other Answers
52
0%
20%
40%
60%
80%
100%
% of question respondents

Ekran Okuyucular

Bir kez daha, VoiceOver veya Chrome DevTools gibi kolay erişilebilir araçlar, daha özel seçeneklere göre üstünlük sağlıyor. Birçok geliştirici hala herhangi bir tür ekran okuyucu kullanmasa da (ankete katılanların %39'unun bu soruyu tamamen atladığını da unutmayın).

Erişilebilirlik testleri için hangi ekran okuyucuları kullanıyorsunuz?
Multiple
0%
20%
40%
60%
80%
100%
+1
1,376
02
🚫 Yok
1,358
03
Chrome DevTools
-1
1,306
742
414
366
216
199
137
11
Firefox Accessibility Inspector
12
Other Answers
51
0%
20%
40%
60%
80%
100%
% of question respondents

Erişilebilirlik Araçları

Tarayıcı geliştirici araçlarının kullanımı geçen yılın sonuçlarına kıyasla büyük bir artış gösterdi ve Lighthouse'u geçerek erişilebilirlik test araçları arasında lider konuma yükseldi.

Erişilebilirlik testleri için hangi araçları kullandınız?
Multiple
0%
20%
40%
60%
80%
100%
01
Browser Devtools
+1
2,259
-1
1,983
03
1,145
04
Firefox Accessibility Inspector
1,033
05
🚫 Yok
-1
717
+1
648
07
-1
544
+1
188
10
-1
167
0%
20%
40%
60%
80%
100%
% of question respondents

Erişilebilirlik Sıkıntı Yaratan Noktalar

Erişilebilirlik konusunda teknik eksiklikler olsa da (örneğin, cross-root ARIA), bu konuyu her sorduğumuzda tekrarlanan bir tema, asıl sorunların işyeri öncelikleri, eğitim ve bilişsel yük gibi konularda yer alan insanlar ile ilgili olduğu yönündedir.

Web erişilebilirliğiyle ilgili sıkıntı yaratan noktalar nelerdir?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations
0%
20%
40%
60%
80%
100%
01
Education
3
02
workplace
1
03
Cognitive overload
2
04
Debugging
1
05
Environments & Consumers
06
Screen reader issues
2
07
ARIA
1
08
Browser support
1
09
Low priority
-7
10
Tooling
2
11
Excessive complexity
-2
12
Keyboard navigation
13
Standards & Specs
1
14
Focus management
-3
15
16
Missing elements
17
Ecosystem issues
18
Content
1
19
Accessible visual design
20
Reliance on JavaScript
21
Access to screen readers
+3
22
Component-Based Architecture
23
Invalid/Spam
24
CSS Integration
25
26
Other Answers
0%
20%
40%
60%
80%
100%
% of question respondents

Recommended Resources

Website Accessibility, v3
Jon Kuperman
Bloomberg

Website Accessibility, v3

Build content for everyone and become your company's accessibility expert! Learn the importance of semantic HTML and alt text for ensuring screen readers can navigate your site.
Sponsored content from our partners. Learn more.