Which Shopify customizations commonly break accessibility?

The most common breakpoints are custom menus and modals, image-only buttons, color swatches without names, heading changes made for styling, low-contrast campaign colors, and JavaScript that moves visual state without moving or announcing focus. App embeds and page-builder sections add the same risks. Test custom work as behavior, not just as screenshots.

Visual changes with hidden effects

A designer can remove an outline, reorder a heading, or turn a labeled button into an icon without noticing the assistive-technology impact. Review markup and keyboard behavior alongside visual acceptance.

Keep fixes upgrade-safe

Place repairs in maintainable theme components, document why they exist, and retest after merges and upgrades. A customization is only complete when the live component passes the same test that found the defect.