Доступная карусель - Юлия Долгун - Accessibility Club Minsk Meetup #1

Доступная карусель, Юлия Долгун
"Мы все давно привыкли к такому компоненту, как карусель. Подключаем плагин и все работает. Но как только на проект приходят требования по доступности, даже уровня А (низшего), выясняется что все не так просто. Я расскажу про проблемы, которые возникают и покажу, как их исправить. А также расскажу про несколько лайвхаков по использованию NVDA".
Слайды доклада: accessible-carousel.surge.sh/
Ссылка на песочницу: codepen.io/julia1996/pen/PoYQLaW
О Юле:
Фулстек-разработчик в eWave. Была наставником в HTML Academy на интенсивах по верстке и JavaScript.
Подписывайтесь на нас в соц.сетях по @a11yminsk!
Если хотите выступить - пишите на [e-mail]
Партнёры митапа:
SPACE_: eventspace.by/
EffectiveSoft: www.effectivesoft.by/
Поддержать SPACE_: support.eventspace.by/

[@zapiski_verstalshika]

Пишу свой слайдер - поковыряться с js, немого разобраться в доступности решил. Еще причина: нужно уменьшить количество кода для слайдера. Был один вопрос по поводу доступности, но теперь понял как его решить и еще поставил пару задач для своей карусели. Доклад шикарный!!! Спасибо огромное!!!

[@Kolenov]

Шикарно!

[@miraigrafit7865]

Почему-то после подключения lodash.js и использования _.debounce в следующей строке "Array.from(this.slides).forEach((slide) => {..." дает ошибку "Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))". Если не использовать _.debounce (код выглядит примерно так "setTranslate() {
Array.from(this.slides).forEach((slide,) => {..."), то все работает как нужно, но конечно, не хотелось бы отказываться от debounce