ข้ามไปยังเนื้อหา

การเข้าถึง

การทำให้เว็บไซต์และแอปเข้าถึงได้สำหรับทุกคน

ประสบการณ์ & ความรู้สึกเกี่ยวกับการเข้าถึง

The accessibility features mentioned in this year's survey proved to be straightforward enough to use, which translated into a very low negative sentiment overall.

จัดกลุ่มตาม:

จัดเรียงตาม:

1

96.3%
3,952
2

87.3%
8.7%
3,955
3

24.8%
31.5%
43.3%
3,947
4

8.1%
20.5%
66.8%
3,940

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.

ความบกพร่องของผู้ใช้

It was comforting to see developers account for a wide range of disabilities while making websites, with visual disabilities taking the top ranks.

0%
15%
29%
44%
58%
73%
1

การมองเห็นต่ำ

2,659
2

การมองเห็นสีผิดปกติ

2,014
3

การเคลื่อนไหวบกพร่อง

1,244
4

ความผิดปกติของการทรงตัว

882
5

การได้ยินบกพร่อง

758
6

ความบกพร่องทางการเรียนรู้

569
7

ความบกพร่องในการรู้

497
8

🚫 ไม่มี

693
9

คำตอบอื่นๆ

50
0%
15%
29%
44%
58%
73%
% ของผู้ตอบคำถาม
คุณคำนึงถึงความบกพร่องใดบ้างเมื่อสร้างเว็บไซต์?

เทคนิคการเข้าถึงอื่นๆ

It's nice to see that alt text is widely implemented, and if nothing else this chart can serve as a handy shortlist of accessibility patterns to implement in your own projects.

0%
18%
36%
53%
71%
89%
1

ข้อความ alt ที่อธิบายได้ดี

3,371
2

ลำดับชั้นความสำคัญของข้อมูล (Information Hierarchy)

3,165
3

ป้ายกำกับของฟอร์มคอนโทรล

3,116
4

การนำทางด้วยแป้นพิมพ์ที่ใช้งานง่าย

2,717
5

ข้อความลิงก์ที่มีความหมาย

2,687
6

ความแตกต่างของสีที่เพียงพอ

2,524
7

วงแหวนโฟกัสที่มองเห็นได้

2,447
8

ไม่พึ่งพาสีเพียงอย่างเดียว

2,097
9

ไม่พึ่งพา Pointer เพียงอย่างเดียว

2,009
10

<fieldset> และ <legend>

1,999
0%
18%
36%
53%
71%
89%
% ของผู้ตอบคำถาม
เทคนิคอื่นๆที่คุณใช้เป็นส่วนหนึ่งเพื่อการเข้าถึงมีอะไรบ้าง?

เครื่องอ่านหน้าจอ

It should come as no surprise that developers are more likely to use screenreaders if they come bundled with their browser or OS.

0%
8%
15%
23%
31%
39%
1

Chrome DevTools

1,240
1,094
568
319
300
108
10

Firefox Accessibility Inspector

11

🚫 ไม่มี

1,362
12

คำตอบอื่นๆ

34
0%
8%
15%
23%
31%
39%
% ของผู้ตอบคำถาม
คุณใช้เครื่องอ่านหน้าจอใดในการทดสอบการเข้าถึง?

เครื่องมือการเข้าถึง

Lighthouse and browser devtools in general topped the rankings, overtaking more specialized tools such as Axe or WAVE.

0%
10%
21%
31%
42%
52%
1,798
2

browser_devtools

915
887
4

Firefox Accessibility Inspector

830
5

574
496
163
159
0%
10%
21%
31%
42%
52%
% ของผู้ตอบคำถาม
คุณใช้เครื่องมือใดในการทดสอบการเข้าถึงบ้าง?

Pain Point เกี่ยวกับการเข้าถึง

Accessibility presents a unique challenge in that developers must not only overcome technical issues such as testing difficulties, but also organizational obstacles such as low prioritization or lack of client demand.

0%
11%
21%
32%
43%
54%
1

Technical issues

คำตอบที่ตรงกับ “Technical issues” 148
2

Company issues

คำตอบที่ตรงกับ “Company issues” 108
3

Screen reader issues

คำตอบที่ตรงกับ “Screen reader issues” 62
4

Implementation issues

คำตอบที่ตรงกับ “Implementation issues” 55
5

Lack of knowledge

6

Lack of best practices

7

Browser support

8

Lack of tools

คำตอบที่ตรงกับ “Lack of tools” 31
9

Lack of documentation

10

WCAG issues

คำตอบที่ตรงกับ “WCAG issues” 16
11

too_time_consuming

12

Discoverability

13

คำตอบอื่นๆ

คำตอบที่ตรงกับ “คำตอบอื่นๆ” 353
0%
11%
21%
32%
43%
54%
% ของผู้ตอบคำถาม
Pain Point ใหญ่ที่สุดของคุณเกี่ยวกับการเข้าถึงเว็บไซต์คืออะไร? (Web Accessibility)
แบบอิสระ

แหล่งข้อมูลที่แนะนำ

Web App Accessibility (feat. React)
Marcy Sutton Todd
Principle Studios

Web App Accessibility (feat. React)

Solve the most common accessibility issues in React apps using testing tools, semantic HTML, and ARIA attributes to make interactive elements accessible.
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม