ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
How Safari's :focus-visible support differs by version and platform, plus a CSS pattern that keeps keyboard focus visible everywhere while hiding the ring for mouse clicks.
Bootstrap 5.3 currently ships with a .focus-visible utility class that mirrors the :focus-visible pseudo‑class, while the base stylesheet removes outlines globally via :focus { outline: none; }. Visible focus indicators appear only when the utility (or its Sass‑generated equivalent) is present, which is controlled by the $enable-focus-visible variable. An on
Goal Ensure every Tailwind‑styled component meets WCAG 2.1 AA color contrast and focus visibility requirements while remaining maintainable across light and dark modes. Current Constraints Tailwind’s core utilities do not provide automated contrast checks; developers must use external tools or custom helpers. The focus-visible variant exists but must be appl
Jira Cloud’s issue‑creation modal uses ARIA‑labelled buttons, but keyboard navigation sometimes skips the description field and the modal trap does not return focus to the Create button after closing via Escape. Automated scans also flag low contrast for priority dropdown icons. An internal design ticket debates whether the next major release should adopt WC
bootstrap
tailwindcss