Testing Web Accessibility by Adrián Bolonio

  Рет қаралды 4,890

JSConf

JSConf

Күн бұрын

We want our web app to be effective, efficient, and satisfying for the user, but a lot of times we don’t think about the user experience for people with disabilities, including people with age-related impairment. How can automated a11y tests and manual test help us make our interface better?
When we develop a new web application, we often put a lot of work on the design, on making it beautiful and usable. In other words, we want our web app to be effective, efficient, and satisfying for the user. But a lot of times we don’t think about the user experience for people with disabilities, including people with age-related impairments.
Web accessibility (a11y ) means that people with disabilities can perceive, understand, navigate, and interact with websites and tools, and that they can contribute equally without barriers.” (Source: W3C - Web Accessibility Initiative). Our role as frontend and web developers is to create clear interfaces to make people understand and care about data, independently of their disabilities or impairments, but what we, developers, often forget is to ensure that the code we write follows the Web Content Accessibility Guidelines (WCAG), and the only way to achieve that is testing, either manual or automated.
Automated web a11y tests can free up our QA team from manual testing every part of our application, but, they can’t automatically make our site accessible. We should use automated a11y tests as one step of a larger testing process.
jsconfbp.com/speakers/adrian-...
About Adrian
Hi, my name is Adrián Bolonio. I'm a Google Developer Expert in Web Technologies currently working as an Accessibility Software Engineering at GitHub as part of a talented, diverse, and motivated team that will work on making GitHub and the Internet a better and more accessible place for everyone. When I’m not at the office I enjoy a good read, working my way through any delicious recipe, and indulging my love for travelling to new places.

Пікірлер: 6
@brandonwie4173
@brandonwie4173 Жыл бұрын
What an amazing presentation. More front-end devs should watch this. Thank you so much.
@utkarshkandpal5960
@utkarshkandpal5960 Жыл бұрын
Banger presentation . Precise with a punch!
@VideoCoacalco
@VideoCoacalco 2 жыл бұрын
Thank you, these are great resources for the a11y professional toolbox
@gergesbadr4218
@gergesbadr4218 11 ай бұрын
Why KZbin doesn't allow me to give it a 100 Like?! Amazing❤… aria-label = "red heart" 😂
@debabratasen6955
@debabratasen6955 2 жыл бұрын
Really a great talk...loved it
@tedfitzpatrickyt
@tedfitzpatrickyt Жыл бұрын
Great presentation. Baking in good a11y does take time though, a little extra if you’re educated; more time if you’re not.
The Power of JS Generators by Anjana Vakil
36:10
JSConf
Рет қаралды 160 М.
How to bring sweets anywhere 😋🍰🍫
00:32
TooTool
Рет қаралды 14 МЛН
100❤️
00:20
Nonomen ノノメン
Рет қаралды 62 МЛН
Кәріс өшін алды...| Synyptas 3 | 10 серия
24:51
kak budto
Рет қаралды 1,1 МЛН
They RUINED Everything! 😢
00:31
Carter Sharer
Рет қаралды 16 МЛН
Designing for Accessibility: Top 3 Strategies for UX Designers
38:45
You Suck At Accessibility (But You Don't Have To)
13:23
Web Dev Simplified
Рет қаралды 51 М.
Intro to ARIA -- A11ycasts #13
9:16
Chrome for Developers
Рет қаралды 117 М.
Debugging accessibility with Chrome DevTools
13:18
Chrome for Developers
Рет қаралды 18 М.
Practical hands-on accessibility testing
1:33:43
LinuxConfAu 2018 - Sydney, Australia
Рет қаралды 54 М.
ARIA HTML Tutorial - What is ARIA & Why it's Important to Use!
13:54
iPhone 15 Pro vs Samsung s24🤣 #shorts
0:10
Tech Tonics
Рет қаралды 11 МЛН
#miniphone
0:16
Miniphone
Рет қаралды 1,3 МЛН
How much charging is in your phone right now? 📱➡️ 🔋VS 🪫
0:11
Apple watch hidden camera
0:34
_vector_
Рет қаралды 56 МЛН
😱НОУТБУК СОСЕДКИ😱
0:30
OMG DEN
Рет қаралды 3,3 МЛН