Пишем ДОСТУПНЫЙ компонент табов. Атрибуты WAI-ARIA • Frontend Accessibility 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

ความคิดเห็น • 17

  • @AleksanderLamkov
    @AleksanderLamkov  ปีที่แล้ว +3

    📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:
    💬 t.me/friendlyFrontendChat
    Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

  • @--Sirius
    @--Sirius 6 หลายเดือนก่อน +2

    очень круто ) наконец это появилось на ру ютубе) тем кто не в самом начале обучения очень полезно ) спс ))

  • @denis.amorales
    @denis.amorales ปีที่แล้ว +3

    Спасибо за выпуск! Доступность это важная тема

  • @daniil2704
    @daniil2704 2 หลายเดือนก่อน +2

    W3C паттерны прям оно, сразу можно найти какой у тебя компонент и понять что из этой кучи атрибутов тебе нужно, и какие может скрипты тебе нужно навесить. Пасыб за ссылку)

  • @АлександрСальников-с2ж
    @АлександрСальников-с2ж 5 หลายเดือนก่อน +1

    Коммент в поддержку

  • @Ivanfwit
    @Ivanfwit 11 หลายเดือนก่อน +1

    круто, что такое наглядный пример! спасибо!

  • @smotritelyoutube
    @smotritelyoutube ปีที่แล้ว +3

    Лайк, прям что-то сложновато запомнить это все вот так сразу, ух

    • @AleksanderLamkov
      @AleksanderLamkov  ปีที่แล้ว +3

      Привет, спасибо!
      Изначально этот курс я готовил вне своего контент-плана для внутреннего пользования в компании ВК, где я работаю.
      Информация из ролика действительно непростая для тех, кто, например, не писал скрипты к компонентам на JavaScript.
      Поэтому предлагаю вернуться к этому контенту ещё раз, когда это потребуется :)

    • @akylbekbaizakov
      @akylbekbaizakov 7 หลายเดือนก่อน

      @@AleksanderLamkov Спасибо большое!

  • @akylbekbaizakov
    @akylbekbaizakov 7 หลายเดือนก่อน +1

    👍

  • @ajoq
    @ajoq 3 วันที่ผ่านมา +1

    Александр, добрый день! Спасибо за урок и репозиторий с кодом!
    Если блок .tabs находится в фокусе, при нажатии на Home, End, cmd ->, cmd -< срабатывают события по умолчанию. К примеру, если до табов есть контент и другие элементы, то нажатие на Home еще и прокрутит страницу вверх. Допустимо ли по W3C в данном случае к этим кнопкам применить preventDefault?
    То есть пока мы находимся на блоке табов, стандартные действия этих кнопок заменяются на взаимодействие с табами. А то как-то неудобно выходит, жму cmd -< и ухожу на предыдущую страницу во вкладке)

    • @AleksanderLamkov
      @AleksanderLamkov  2 วันที่ผ่านมา +1

      Да, допустимо, так и нужно. Я забыл это доработать в реализации из этого видео. Спасибо за внимательность!)

  • @ВиталийДавыдов-э4г
    @ВиталийДавыдов-э4г 11 หลายเดือนก่อน

    Спасибо. Полезно. Выглядит сложнее - болшее строк кода , чем при использовании батонов . Преимущество в том, что можно использовать клавиши стелочек?

    • @AleksanderLamkov
      @AleksanderLamkov  11 หลายเดือนก่อน +2

      Не только. Пользователи скринридеров скажут спасибо :) В видео большинство манипуляций именно для этих целей.

    • @ВиталийДавыдов-э4г
      @ВиталийДавыдов-э4г 11 หลายเดือนก่อน +1

      @@AleksanderLamkov Спасибо. Из просмотренных видео делаю вывод, что в современных условиях скринридеры очень важны.

  • @NeoCoding
    @NeoCoding 11 หลายเดือนก่อน

    в вордпрессе есть отличный плагин, создающий кнопку "версия для слабовидящих". там другой путь - убираются стили и добавляются кнопки изменения масштаба и контрастности.
    было б интересно если бы этот альтернативный путь осветили. я так понимаю это более быстрое и кардинальное решение обеспечить доступность

    • @AleksanderLamkov
      @AleksanderLamkov  11 หลายเดือนก่อน

      Я привожу общие решения проблем, а плагин для вордпресса - вещь специфическая, не для всех применимо. Да и решает явно не все беды доступности.