Having fun building (some draft form of) an accessible "Table of Contents" navigation element

• 举报此文章

Ivan Vrouwe

Ivan Vrouwe

Web Developer | Accessibility Consultant

发布日期: 2025年1月3日

+ 关注

I recently played around and built a draft version of an accessible, on-page "Table of Contents" navigation element.

Check it out!

• Live demo
• GitHub repo

要查看或添加评论，请登录

Ivan Vrouwe的更多文章

• Show me a progressively enhanced live filtering feature (and make it accessible)

  2025年1月3日

  Show me a progressively enhanced live filtering feature (and make it accessible)

  Live demo GitHub repo

• Drafting an Accessible, Responsive Site Navigation Element

  2025年1月3日

  Drafting an Accessible, Responsive Site Navigation Element

  I recently set out to draft out an accessible, responsive site navigation element that can be dropped into projects…

• Junior Web Development Contractor—Available For Part-Time Work

  2019年7月17日

  Junior Web Development Contractor—Available For Part-Time Work

  Are you an Edmonton -based agency looking for a non-salaried, part-time junior developer contractor to assist you in…

  2
• Web Developer - Available For Hire

  2018年10月15日

  Web Developer - Available For Hire

  (Location: Edmonton, AB) Looking to increase the quality, accessibility, and performance of your clients’ responsive…

  10
• Webinar Notes: "Annotating Designs For Accessibility" by Henny Swan of The Paciello Group (Presented on 2018/09/12 via Zoom)

  2018年9月12日

  Webinar Notes: "Annotating Designs For Accessibility" by Henny Swan of The Paciello Group (Presented on 2018/09/12 via Zoom)

  Helpful Suggestions Solve Colour Contrast In The Design Phase (Prior To Design Approval) Ensure that colour…

  4
• ARIA Ready? Increase Your Website's Accessibility By Using HTML Elements To Define Landmark Roles

  2018年8月29日

  ARIA Ready? Increase Your Website's Accessibility By Using HTML Elements To Define Landmark Roles

  The header, main, aside, and footer elements each carry a specific ARIA landmark role (by default) to pass context onto…

  10

  3 条评论
• Agency FTW! Boost Your Clients' Conversions By Optimizing Images (And Using The Responsive Images Attribute, "srcset")

  2018年8月17日

  Agency FTW! Boost Your Clients' Conversions By Optimizing Images (And Using The Responsive Images Attribute, "srcset")

  Long page load times tend to lead to decreases in conversions. By optimizing images, you can decrease your page load…

  2
• Agency FTW! Increase Your Clients' SEO By Fixing HTML Heading Levels

  2018年8月17日

  Agency FTW! Increase Your Clients' SEO By Fixing HTML Heading Levels

  HTML headings define the contents of a page to search engines and users. When headings are nested in a Table of…

  4
• Four Guiding Principles for Web Development

  2018年8月13日

  Four Guiding Principles for Web Development

  1. Prioritize Users Design inclusively and put the needs of users first.

  3

Show more

See all articles