diff --git a/src/posts/2026/2026-09-08-framer-accessibility.md b/src/posts/2026/2026-09-08-framer-accessibility.md index aabd0e63..182d4c42 100644 --- a/src/posts/2026/2026-09-08-framer-accessibility.md +++ b/src/posts/2026/2026-09-08-framer-accessibility.md @@ -62,6 +62,8 @@ Links, buttons, and form controls are tabbable by default. When tagged as the co [Framer supports adding the tabindex attribute](https://www.framer.com/help/articles/tab-order-customization/). If you *must* do this for some reason, make sure to set its value to 0 - Framer defaults to 1. 0 will maintain the reading order established by layout and the left-hand sidebar; 1 will place the tabbable element first in the tabbing order. +I really recommend avoiding complex keyboard navigation like dropdowns. They seem pretty impossible to remediate. If possible, it requires *extensive* custom code. + ## Keyboard focus When navigating with a keyboard, there should always be visual indication on the screen of where we have navigated to. This indication is referred to as **focus** or the **focus indicator**. Browsers have default focus stylings, usually an outline around the element, but focus can - and frequently should - be customized with CSS. Default focus outlines may not have very high contrast against the elements in your website, and, unless you are testing with many browsers, you can't easily confirm that all default focus indication works well with your color scheme. Additionally, default focus may clash with your site and impact how elements like your forms look in use.