diff --git a/.Jules/palette.md b/.Jules/palette.md new file mode 100644 index 0000000..4a6e65f --- /dev/null +++ b/.Jules/palette.md @@ -0,0 +1,11 @@ +## 2024-03-21 - [Accessibility for Custom Components] +**Learning:** Custom interactive elements (e.g., product selection divs) must include role="button", tabindex="0", descriptive aria-label, and support for 'Enter' and 'Space' keydown events for full keyboard operability. +**Action:** Always check for non-semantic buttons and apply these attributes and listeners to ensure accessibility. + +## 2024-03-21 - [Dynamic Content Announcement] +**Learning:** Assign 'aria-live="polite"' to containers where dynamic content (like AI results) is injected to notify screen readers of updates. +**Action:** Implement aria-live on all async feedback containers. + +## 2024-03-21 - [Focus Visibility] +**Learning:** Implement a global ':focus-visible' style with a clear outline to ensure keyboard navigation visibility while maintaining aesthetics for mouse users. +**Action:** Ensure a gold outline with sufficient offset is applied globally to :focus-visible. diff --git a/index.html b/index.html index a488a43..1ec1ae4 100644 --- a/index.html +++ b/index.html @@ -80,7 +80,7 @@

P.A.U. Divineo AI

-