Making sites and apps accessible by all.
We're highlighting interesting features or libraries we think you should know about.
Feature Highlight: <search>
The <search> element is one of those easy wins that take very little effort to add to your list of best practices. Step 1: use it to denote any search field in your apps. Step 2: well that's it really!
And now that it's supported in all four major browsers, there's really no reason not to be using it.
Liên kết đến phầnAccessibility Features
Accessibility Features
Landmark elements (
<main>, <nav>, etc.) aren't very new or exciting but they remain a foundation of web accessibility.Group by:
Sort by:
Experience
- <span aria-hidden="true">🤓</span> Đã sử dụng nó: Respondents who have used an item.
- <span aria-hidden="true">👀</span> Có nghe về nó: Respondents who have heard about an item, but haven't used it.
- <span aria-hidden="true">🤷</span> Chưa bao giờ nghe về nó: 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.
Liên kết đến phầnOther Accessibility Techniques
Other Accessibility Techniques
While things like alt text or proper heading hierarchy have become second nature to most front-end developers, newer tools like the
prefers- set of media queries have yet to truly become mainstream.What other techniques are part of your regular accessibility strategy?
Multiple
Liên kết đến phầnUser Disabilities
User Disabilities
It's nice to see that beyond accounting for users with vision impairments, more developers are also taking atypical color vision and mobility impairments into account compared to last year.
What kind of user disabilities do you account for when making websites?
Multiple
Liên kết đến phầnScreen Readers
Screen Readers
Once again, easily accessible tools like VoiceOver or the Chrome DevTools win over more specialized options. Although many developers still don't use screen readers of any kind (also note that 39% of survey respondents skipped the question altogether).
Which screen readers do you use for accessibility testing?
Multiple
Liên kết đến phầnAccessibility Tools
Accessibility Tools
Browser devtools have seen a huge jump in usage compared to last year's results, seeing them overtake Lighthouse to become the lead accessibility testing tool.
What tools do you use for accessibility testing?
Multiple
Liên kết đến phầnAccessibility Pain Points
Accessibility Pain Points
While there are technical gaps when it comes to accessibility (e.g. cross-root ARIA), a recurring theme whenever we ask about it is that the main pain points are around the humans involved with issues around workplace priorities, education, and cognitive overhead topping the list.
What are your biggest pain points around web accessibility?
Multiple
Top pain point topics overall.
Liên kết đến phầnTài nguyên được đề xuất
Tài nguyên được đề xuất
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.
Cảm ơn các đối tác đã hỗ trợ chúng tôi! Tìm hiểu thêm.