v5.3.4 Ship List

[julien-deramond]

🚀 Features

• Carousel: add CLASS_NAME_PAUSE and CLASS_NAME_PLAY JS constants to define play/pause CSS class names (#2502)
• Colors: dark mode red color hexadecimal value has been updated from #f66 to #ff4d4d after a change in the design specifications to enhance the contrast for a better accessibility (#2549 / #2567)
• Buttons: new X social button (#2644)

🐛 Fixes

• Docs: fix typo in migration guide (cde9c47)
• Docs: add missing white spaces to the migration guide (374ad9e)
• Docs: fix minor typos in the migration guide (529991b)
• Switches: handle the colors for unchecked invalid switches (#2621)
• README: fix Composer command line (86e9c0c)
• Docs: use .bg-body instead of .bg-white in Utilities > Overflow for dark mode rendering (#2671)
• Docs: change heading level of 'Required script' section in 'Getting started > Introduction' (#2680)
• CSS: typo in scss/_variables.scss comment (#2718)

• Accessibility: drop focusable="false" for SVGs (#2678)
• Docs: Add semantics to the design callouts for accessibility (#2722)
• Docs Improve alts of Brand logos for accessibility (#2709)
• Accessibility: Use English links in docs and "Download app" example to prevent language switching (#2708)
• Examples: add missing role="img" to <svg> with <title> in "Download app" example (#2707)
• CSS: more contrasted .figure-caption color in dark mode for accessibility (#2697)
• Docs: enhance touch targets of the table of contents side menu for accessibility (#2726)
• Docs: add a <h2> to the table of contents for accessibility (#2705)
• Docs: use HTML list elements for thumbnails in 'Design guidelines' for accessibility (#2702)
• Docs: enhanced cookie consent modal design and rendering for accessibility (#2695)
• Docs: update alt text in Vite, Webpack, and Parcel guides for clarity and accessibility (#2696)
• Docs: more explicit homepage webpage's title for a11y (#2698)
• Accessibility: use empty alt attribute for decorative images (#2690)
  • Orange navbar: revised markup to utilize an empty alt attribute and eliminate the role="img" (for placeholder avatar images
  • Docs: use an empty alt for decorative images in the Vite, webpack, and Parcel guides, but also in the homepage Orange Design System section
• Docs: add title and aria-label to Bootstrap's licence link in the footer for accessibility (#2706)
• Docs: update aria-label and title attributes for the button on the Guidelines page (#2703)
• Docs: change side menu's markup from <aside> to <nav> for accessibility (#2727)
• Docs: improve Bootstrap and Boosted license links in 'License' page for accessibility (#2723)
• Docs: remove unnecessary role="img" (#2704)
• Form controls: avoid having the required asterisk alone on a new line when the label is long (#2760)
• SVGs: drop unused .overflow-visible when used with SVGs in some components: Badge, Buttons, Orange navbar, and Form example page (#2701)
• Docs: change focus order for the copy button in code examples (#2699)
• Accessibility: add aria-hidden=true to all decorative SVGs in components and documentation (#2691)

📖 Docs

• Images: change boosted-guidelines.png (#2559)
• Readability: add <details><summary>s to hide Bootstrap variant examples incompatible with Orange Design System (#2548)
• Readability: add and modify design and/or Bootstrap callouts (#2625)
• Accessibility: new accessibility statement page (#2665)
• Getting started: update "Contents" page with upstream content (#2686)

🧰 Chore

• GitHub templates: enhance PR template for releases (929c007)
• Dependencies: ignore @stackblitz/sdk dependency for Dependabot (dff19af)
• Storybook: add vite.config.js to avoid auto-migration warning messages (34b6228)