performance, accessibility, best practices and seo improvements

src/Sylius/Bundle/ShopBundle/Resources/assets/styles/_utils.scss

@@ -39,8 +39,3 @@ $positions: 40px, 50px, 80px;
 .w-full {
     width: 100%;
 }
-
-// Contrast fix
-.bg-success-subtle.text-success {
-    color: #157247 !important;
-}

src/Sylius/Bundle/ShopBundle/Resources/translations/messages.en.yml

@@ -60,3 +60,4 @@ sylius:
                 order_history: 'Order history'
                 personal_information: 'Personal information'
     top_bar: 'Sign up to our newsletter and grab -20% off'
+    meta_description: 'Explore the Sylius – a flexible e-commerce platform built on Symfony. Discover features to customize your online store and test its capabilities!'

src/Sylius/Bundle/ShopBundle/templates/shared/components/main_image.html.twig

@@ -6,4 +6,4 @@
     {% set path = asset('build/shop/images/200x200.png', 'shop') %}
 {% endif %}
 
-<img {{ attributes.defaults({ class: 'img-fluid' }) }} src="{{ path }}" {{ sylius_test_html_attribute('main-image') }} alt="Product {{ product.name }} picture" />
+<img {{ attributes.defaults({ class: 'img-fluid' }) }} src="{{ path }}" {{ sylius_test_html_attribute('main-image') }} alt="{{ 'sylius.ui.product'|trans }} {{ product.name }} {{ 'sylius.ui.image'|trans }}" />

src/Sylius/Bundle/ShopBundle/templates/shared/layout/base.html.twig

@@ -11,9 +11,9 @@
         <title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>
 
         <meta content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes" name="viewport">
-        <meta name="description" content="Explore the Sylius demo – a flexible e-commerce platform built on Symfony. Discover features to customize your online store and test its capabilities!"/>
 
         {% block metatags %}
+            <meta name="description" content="{{ 'sylius.meta_description'|trans }}"/>
             {% hook '#metatags' with { _prefixes: prefixes } %}
         {% endblock %}