Enhance Elementor Accessibility: Make Skip Links Focusable With This Easy Fix!

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии •

  • @blackvx
    @blackvx 11 месяцев назад +1

    Thanks for keeping up with videos for website design accessibility using Elementor!👍

  • @daveden2
    @daveden2  11 месяцев назад

    If you've noticed any other accessibility flaws in Elementor, tell us your experience.

    • @gravijax
      @gravijax 11 месяцев назад

      I've noticed an issue in Elementor's new Menu widget... Let's say you have a menu item with 5 links. if you enable the 2nd menu item to have dropdown content, then you can no longer tab through the 3rd, 4th and 5th menu items that come after the menu item with dropdown content.

    • @daveden2
      @daveden2  11 месяцев назад +1

      @gravijax yeah you're right. Elementor is aware of the problem. It currently uses arrow keys to navigate the top-level items.
      It gets worse when you switch on a screen reader like NVDA or VoiceOver.
      There's a bug report that was created a while ago - github.com/elementor/elementor/issues/23875

    • @gravijax
      @gravijax 11 месяцев назад

      Thanks for the information. This is really good to know. Hopefully they will address it in a future release!@@daveden2

  • @chubbec
    @chubbec 9 месяцев назад +1

    Thank you for the great content! Keep it up mate

  • @drweb_de
    @drweb_de 8 месяцев назад +1

    Amazing, many thanks for the 1st solution.

    • @daveden2
      @daveden2  8 месяцев назад

      You're welcome. I hope Elementor fixes some of the issues raised.

  • @bharat61020
    @bharat61020 9 месяцев назад +1

    Great Video...This was really helpful...Thanks!!

  • @gravijax
    @gravijax 11 месяцев назад +1

    This is great content, thank you very much.

  • @ct11002000
    @ct11002000 11 месяцев назад

    Thank you! This was so helpful!

  • @AyelletZafran
    @AyelletZafran 4 месяца назад +1

    Thank you!

  • @kizerme
    @kizerme 8 месяцев назад +1

    Thank you very much!

  • @robbie9783
    @robbie9783 10 месяцев назад

    How do you activate the skip content? or is it activated by default? I cant see the button. Regards

    • @daveden2
      @daveden2  10 месяцев назад +1

      The Hello Theme activates skip links by default.
      You have the option to deactivate it from WP Dashboard > Appearance > Theme Settings.

    • @robbie9783
      @robbie9783 10 месяцев назад +1

      @@daveden2 thankyou

  • @aminvalipoor2061
    @aminvalipoor2061 11 месяцев назад +1

    Great

  • @markdioneeb8997
    @markdioneeb8997 3 месяца назад

    I appreciate you provide a solution but this is not just applicable on website with a lot of pages....maybe update the theme at code level and apply the main element there

    • @daveden2
      @daveden2  3 месяца назад

      From my understanding, the Hello theme itself comes with the tag. But when you edit with Elementor, that tag gets stripped away.
      I'll try to look for an alternative solution.

    • @daveden2
      @daveden2  3 месяца назад

      Also, you're only creating a single template for all your pages using the Elementor Theme Builder. You aren't creating a separate template for each page.
      So I don't think it'll be a problem even when you have 100 pages.