Title Text
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5915521/beyonce-1.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
Title Text
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5915533/Screen_Shot_2019-03-20_at_8.40.39.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5915544/outline-blank-white-transparent-world-map-b2b.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5915555/chart.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://www.adatitleiii.com/wp-content/uploads/sites/121/2019/01/2017-2017-chart.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5915544/outline-blank-white-transparent-world-map-b2b.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5915583/target.jpg)
$10M
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
Vue your media with accessibility
🤓 #m16y 🤓
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Me as 👩💻
Senior FrontEnd Developer
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5915710/mayaShavin.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
@MayaShavin
![](https://cdn.freebiesupply.com/logos/large/2x/medium-m-logo-png-transparent.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
This talk is about...
- 🤔 What is media accessibility?
- 😰 The current challenges
- ✅ Techniques for media accessibility
- 🚀 Developing efficient accessibility policy
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Accessibility is
See
Understand
Use
![](https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/emojione/178/male-technologist_1f468-200d-1f4bb.png)
![](https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/155/thinking-face_1f914.png)
![](https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/155/eyes_1f440.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Media Accessibility (m16y)
Use of color
Background images
![](https://dcmp.org/images/learning_center/143/143-1.jpg)
Visual alternative
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
😰 Challenges
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Photophobia
Light sensitivity
HEADING
Contrast sensitivity
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://res.cloudinary.com/mayashavin/image/upload/v1547478892/VueJS/test_heading.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/v1547735371/VueJS_Amsterdam_2018/vectorstock_1359778.jpg)
HEADING
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
https://www.uat.edu
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Deuteranopia
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Tritanopia
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
The color game
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://cloudinary-res.cloudinary.com/image/upload/e_grayscale/v1553803688/VueJS_Amsterdam_2018/navy_blue.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/e_grayscale/v1553804730/VueJS_Amsterdam_2018/purple.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Achromatopsia
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1553803688/VueJS_Amsterdam_2018/navy_blue.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/v1553804730/VueJS_Amsterdam_2018/purple.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Blindness
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
✅ Techniques
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Dark Mode
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
Light Mode
filter
invert()
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
.darkMode {
filter: invert(1);
}
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5961599/Screen_Shot_2019-03-31_at_9.54.28.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5961601/Screen_Shot_2019-03-31_at_9.54.44.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://res.cloudinary.com/mayashavin/image/upload/v1554926222/VueJS/codesandbox.png)
Contrast sensitivity
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1547740693/VueJS_Amsterdam_2018/how-to-eat-more-fruits-and-veg.jpg)
.container {
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: black;
}
.banner {
width: 100%;
height: 100%;
position: absolute;
opacity: 0.6;
}
.title {
z-index: 2;
font-size: 50px;
color: white;
}
.container {
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: black;
}
.banner {
width: 100%;
height: 100%;
position: absolute;
opacity: 0.6;
}
I'm a title
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
.banner {
filter: brightness(
var(--bannerBrightness)
);
}
.title {
position: absolute;
margin: auto;
z-index: 2;
font-size: 50px;
color: white;
}
<img class="banner"
.../>
<img class="banner"
style="--bannerBrightness:60%"
.../>
.banner {
width: 100%;
height: 100%;
position: absolute;
opacity: 0.6;
}
.title {
z-index: 2;
font-size: 50px;
color: white;
}
I'm a title
![](https://cloudinary-res.cloudinary.com/image/upload/v1547740693/VueJS_Amsterdam_2018/how-to-eat-more-fruits-and-veg.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://res.cloudinary.com/mayashavin/image/upload/v1554926222/VueJS/codesandbox.png)
Color blind?
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
No CSS Solution!
😱
![](https://cloudinary-res.cloudinary.com/image/upload/v1554012355/VueJS_Amsterdam_2018/578px-Assorted_Red_and_Green_Apples_2120px.jpg.deuteranopia.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554012642/VueJS_Amsterdam_2018/578px-Assorted_Red_and_Green_Apples_2120px.jpg.1011-default.jpg.deuteranopia_1.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554147908/VueJS_Amsterdam_2018/adobe-photoshop-cc-vector-logo-1.png)
![](https://www.filehippofile.com/wp-content/uploads/2018/06/GIMP-Logo.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://res.cloudinary.com/mayashavin/image/upload/v1554926222/VueJS/codesandbox.png)
Achromatopsia
![](https://cloudinary-res.cloudinary.com/image/upload/e_grayscale/v1553803688/VueJS_Amsterdam_2018/navy_blue.jpg)
![](https://cloudinary-res.cloudinary.com/image/upload/e_grayscale/v1553804730/VueJS_Amsterdam_2018/purple.jpg)
<img
alt="Superdry Dry Originals Pocket T-Shirt"
data-color="Vintage Brick Red"
...
/>
![](https://cloudinary-res.cloudinary.com/image/upload/v1554013908/VueJS_Amsterdam_2018/q6qcJgbadAx1wihPSporzfywlZ5Z8AARfBG1is6sAI-u92rwfGyzOE0tLkkqAQB4X-w-jF6Oma0SZUHDJaG_FxAAz_cbh_e3KZ0SQelv9vA1gNyG9S9vS4wTc0yaBv5VBZQ4AE5uJiQ.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554013167/VueJS_Amsterdam_2018/jmfFw8ppxuQcYkdKe7v2RMaMweLj9S20xIeTzt09LKz5Kfc18nyZJ7eKojp2IQcMqFVgiSXbpvLHu8_ekrxTTD4tEFPwToiUgal_u9h_Lu4JnsdZvlDd2ImQ0kNwt7m-3ysS0I_OoQw.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
👑 Extra guidelines
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
WAI-ARIA
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
The a11y relationship
Browser DOM
WAI ARIA
Assistive Technology
![](https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/emojione/178/male-technologist_1f468-200d-1f4bb.png)
roles
states
properties
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Example
<button
aria-disabled=”false"
>
Place order
</button>
<div
role=”button"
aria-disabled=”false"
>
Place order
</div>
✅
❌
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554150997/VueJS_Amsterdam_2018/E-wB7le1ePa3Pkyu_k898LTbiMNVOqTvaCB_L5ubMuN3NBkh2kfd6-0FDHYhNm0pHRzdZpRoy0kfVzWPkE7v1rmMBRQlCCXK4-c5D8ShdRskrOeoYoFtBRMqwhkP0O5aiopch9T7ilc.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554151023/VueJS_Amsterdam_2018/XEDT6fGG2lRu0uNdxLxGa9gVlL2BtA7I04tTz0Xlfldkaqn19chPV2YN0pw4_TgaECmIC5asUiCqTEyDZL_rOpygpSHkwoRNrsPImg7dkppnazF-TT9NtRMsd4_OsvDXQ5qLmbR1t9E.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554151042/VueJS_Amsterdam_2018/rr99frOdGkQ82kI0FI2famt6wCnOKGA7V0EZNgqF7rYG9727lFVO8pEsNRPGynvM3k9nyMwh0CbygwOUxgym75IQ_yzN8YvoG2AfZ_HJ.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554151063/VueJS_Amsterdam_2018/lPRFA46S2Cg5S2NnbNu3i8p9AAaXrL6EE_eLgF4q-QDsWdrdKBJ9AMCZ8SG_fLvjF5kRcSO94oCX_suqGCWX9Y-froYi2pCS4mbQkUtxKIoHnLDOaVtrtUDXcUUA8gGUa5-_2Q7fOWQ.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Text & Texture
![](https://cloudinary-res.cloudinary.com/image/upload/v1554151660/VueJS_Amsterdam_2018/8w3BoNUWMXY9RJtiBFebQWRa0oQeUiwGiPwFvdlqxcsqY7x3D3ETqZ94BxS12MRn07vhWNo3cGQWnvbnVsFVmS9KdYocxOledIgWi_cEhZnqRVK6tbIXrqUYhhX0VNqCkaQ8FMLmS_0.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554151760/VueJS_Amsterdam_2018/6vva0qKgANhQf6PWemIEa5CedekYh0495oFzHcRts26QIBMvA8ocovtkRbM3jwk8vs4leJFBSdlS0QDL7hCGgSvwU21cci1lU8cLFtgn.png)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
An icon is worth a thousand words
![](https://cloudinary-res.cloudinary.com/image/upload/v1554151425/VueJS_Amsterdam_2018/2qkAulqdTJ_ulgue_jzTRAIRsh_4O3YyuH2H56veiXf4DDlMZ9Z8vdlbB0Xzc8JgtCqQKjN693qKCjckjt66q1ShOhIH1EUrVNdo7peZ.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554151436/VueJS_Amsterdam_2018/-vJaoFcQsxXz3bkv0qTDqC_94I4Flhmm0iAwxlsyKaw3tKM06tfZ8DWYDVBiTDKAqaQ360Xpx_qM8QtEePyI_sOsQWcR45X2mBQ0t6A.png)
✅
❌
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Color combination 🎨
![](https://cloudinary-res.cloudinary.com/image/upload/v1554153149/VueJS_Amsterdam_2018/YJiL812ChpSgzvezTG6yIUEf2NyQQKxOOCtrTtQHI6G9-1TcVJvosSb2eSn7JXYZqy_6zpoJEuiffd33xzEa4ogNOvWLMwYY3BCX1ek9_SXyGMKkmyO0enpyKQgbjy67AW8xF87b5wQ.gif)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
⚒️ Tools
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](https://raw.githubusercontent.com/dequelabs/axe-core/HEAD/doc/axelogo2018.png)
![](https://accessibilityinsights.io/img/accessibilityinsights.png)
![](https://developers.google.com/web/progressive-web-apps/images/pwa-lighthouse.png)
Lighthouse
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://cloudinary-res.cloudinary.com/image/upload/v1554130779/VueJS_Amsterdam_2018/2019-04-01_17-58-33.png)
NoCoffee Simulator
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://is4-ssl.mzstatic.com/image/thumb/Purple69/v4/39/a8/02/39a80246-46dd-86bf-d8f7-3d61f2c62f93/pr_source.png/643x0w.jpg)
Sim Daltonism
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
Take action 📢
- ✅ Be intuitive
- ✅ Apply WAI-ARIA (good for SEO & screen reader)
- ✅ Image Alt & description is a must!
- ✅ Pay attention to color combination - use Simulator!
- ✅ Test accessibility with Axe, Accessibility Insights or Lighthouse
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Projects & Links 🚀
- 🔗 Vue M16y project: https://github.com/mayashavin/vue-m16y
- 🔗 Demo: https://github.com/mayashavin/vue-accessibility-demo
- 🔗 M16y project news & updates: https://m16yproject.io
- 🔗 Accessibility enhancement for Vue Storefront
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
![](http://tattletailzz.com/wp-content/uploads/2014/10/beyonce-thank-you-gif.gif)
![](https://cloudinary-res.cloudinary.com/image/upload/c_scale,fl_attachment,w_500/v1/logo/for_black_bg/cloudinary_icon_for_black_bg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1005381/images/5996033/Twitter_Logo_Blue.png)
Vue your media with accessibility (m16y)
By Maya Shavin
Vue your media with accessibility (m16y)
How do you, as developers, handle medias to offer good UX to visual impairments at minimal extra code and complexity? That’s what my talk about. It will focus on a CSS/JS-less developing approach to achieve full accessibility support with real time media manipulation, and keep the process fun.
- 2,786