- Improve accessibility

lang/en/alt.php

@@ -14,23 +14,23 @@
     "policy" => "A person checking a list with oversized pencil, magnifying glass and clock.",
     "software_engineer" => "One person programs on a large laptop and another on a large touch screen. All around are icons related to technology.",
     "404" => "An indoor pool area with loungers, plants, and a fountain.",
-    "home_project" => "Medical website page displaying search bar, product catalog, and a shopping cart.",
-    "projects" => "People collaborating in an office, with one person pointing at a computer screen displaying graphics. Other team members are interacting in the background.",
+    "blumilk_homepage" => "Blumilk - homepage",
+    "projects" => "People collaborating in an office.",
     "lmt" => "Audience viewing a presentation at a Legnica Tech Meetup.",
     "interns" => "Blumilk interns standing next to supervisor and Blumilk banner.",
-    "soda" => "Two people at a SoDA event; one is sitting in a deck chair, and the other is standing.",
-    "archery" => "A group of people standing outdoors, some holding archery bows up, under a cloudy sky.",
-    "hotel_babylon" => "Group of people sitting on steps in front of an ornate building with greenery and statues.",
-    "fireplace" => "Group of people sitting around a campfire at night, with a gazebo in the background.",
-    "energylandia" => "Group of people standing in front of the Abyssus ride entrance at Energylandia, Zator.",
-    "laravel" => "Blumilk team standing in front of presentation on Laravel Poland Meetup",
-    "beer" => "Group of people seated at tables in a dimly lit bar with a TV on the wall.",
-    "meetup" => "A group of people sitting on chairs during an event, a selfie taken by one person, with part of the room visible in the background.",
-    "sea" => "Group of people on rocky shore by the sea, under clear blue sky.",
-    "paintball" => "A group of people wearing camouflage and protective gear poses with paintball markers in front of a brick and tire barricade on a grassy field under a clear sky.",
-    "beer_2" => "A group of people sitting around a long wooden table in a restaurant with large arched windows.",
-    "dolni_morava" => "A diverse group of people, wearing a mix of jackets and winter clothing, stand together on a gravel area. Evergreen trees and a cloudy sky are in the background.",
-    "birthday" => "A group of people posing indoors in front of a staircase, with decorations that include blue and white bunting and balloons. Some are standing while others are sitting on the floor.",
+    "soda" => "Blumilk representatives at the SoDA industry event.",
+    "archery" => "Blumilk integration trip — archery",
+    "hotel_babylon" => "Blumilk team in front of the hotel during an integration trip",
+    "fireplace" => "Bonfire during Blumilk integration trip",
+    "energylandia" => "Blumilk at Energylandia",
+    "laravel" => "Blumilk team at Laravel Poland meetup",
+    "beer" => "Blumilk integration outing",
+    "meetup" => "Legnica Tech Meetup organized by Blumilk",
+    "sea" => "Blumilk integration trip to the seaside",
+    "paintball" => "Paintball during Blumilk integration trip",
+    "beer_2" => "Blumilk integration dinner",
+    "dolni_morava" => "Blumilk integration trip to Dolní Moravě",
+    "birthday" => "Blumilk anniversary celebration",
     "location" => "location icon",
     "mail" => "mail icon",
     "phone" => "phone icon",

lang/pl/alt.php

@@ -14,23 +14,23 @@
     "policy" => "Osobę sprawdza listę za pomocą dużego ołówka, lupy i zegara.",
     "software_engineer" => "Jedna osoba programuje na wielkim laptopem, a druga na wielkim ekranie dotykowym. Dookoła są ikony związane z technologią.",
     "404" => "Kryty basen z leżakami, roślinami i fontanną.",
-    "home_project" => "Strona internetowa poświęcona tematyce medycznej zawierająca pasek wyszukiwania, katalog produktów i koszyk zakupów.",
-    "projects" => "Ludzie współpracujący w biurze, jedna osoba wskazuje na ekran komputera wyświetlający grafikę. Inni członkowie zespołu wchodzą w interakcję w tle.",
+    "blumilk_homepage" => "Blumilk - strona główna",
+    "projects" => "Ludzie współpracujący w biurze.",
     "lmt" => "Publiczność ogląda prezentację na Legnickim Meetupie Technologicznym.",
     "interns" => "Stażyści Blumilk stoją obok kierownika i baneru Blumilk.",
-    "soda" => "Dwie osoby na wydarzeniu SoDA; jedna siedzi na leżaku, a druga stoi.",
-    "archery" => "Grupa ludzi stoi na zewnątrz, niektórzy trzymają łuki, pod zachmurzonym niebem.",
-    "hotel_babylon" => "Grupa ludzi siedzi na schodach przed ozdobnym budynkiem z zielenią i posągami.",
-    "fireplace" => "Grupa ludzi siedzi przy ognisku nocą, w tle widać altanę.",
-    "energylandia" => "Grupa osób stoi przed wejściem do atrakcji Abyssus w Energylandii w Zatorze.",
-    "laravel" => "Zespół Blumilk stoi przed prezentacją na spotkaniu Laravel Poland",
-    "beer" => "Grupa ludzi siedzących przy stolikach w słabo oświetlonym barze z telewizorem na ścianie.",
-    "meetup" => "Grupa osób siedząca na krzesłach w trakcie wydarzenia, selfie zrobione przez jedną osobę, w tle widoczna część sali.",
-    "sea" => "Grupa ludzi na skalistym brzegu morza, pod czystym, błękitnym niebem.",
-    "paintball" => "Grupa osób ubranych w kamuflaż i sprzęt ochronny pozuje z markerami paintballowymi przed barykadą z cegieł i opon na trawiastym polu pod gołym niebem.",
-    "beer_2" => "Grupa ludzi siedzi przy długim drewnianym stole w restauracji z dużymi łukowatymi oknami.",
-    "dolni_morava" => "Zróżnicowana grupa ludzi, ubranych w kurtki i odzież zimową, stoi razem na żwirowym terenie. W tle wiecznie zielone drzewa i zachmurzone niebo.",
-    "birthday" => "Grupa osób pozujących w pomieszczeniu przed schodami, z dekoracjami obejmującymi niebiesko-białe chorągiewki i balony. Niektórzy stoją, a inni siedzą na podłodze.",
+    "soda" => "Przedstawiciele Blumilk na wydarzeniu branżowym SoDA.",
+    "archery" => "Wyjazd integracyjny Blumilk — łucznictwo",
+    "hotel_babylon" => "Blumilk przed hotelem podczas wyjazdu integracyjnego",
+    "fireplace" => "Ognisko podczas wyjazdu integracyjnego Blumilk",
+    "energylandia" => "Blumilk w Energylandii",
+    "laravel" => "Zespół Blumilk na spotkaniu Laravel Poland",
+    "beer" => "Wyjście integracyjne Blumilk",
+    "meetup" => "Legnicki Meetup Technologiczny organizowany przez Blumilk",
+    "sea" => "Wyjazd integracyjny Blumilk nad morze",
+    "paintball" => "Paintball podczas wyjazdu integracyjnego Blumilk",
+    "beer_2" => "Kolacja integracyjna Blumilk",
+    "dolni_morava" => "Wyjazd integracyjny Blumilk w Dolní Moravie",
+    "birthday" => "Urodziny Blumilk",
     "location" => "ikona lokalizacji",
     "mail" => "ikona poczty",
     "phone" => "ikona telefonu",

resources/views/about.blade.php

@@ -7,10 +7,10 @@
     <section class="relative flex flex-col-reverse 2xl:flex-row pt-12 pb-0 md:pb-14 md:pt-24 mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto place-items-center">
         <div class="flex basis-2/5 flex-col self-center">
             <div class="text-3xl md:text-4xl xl:text-5xl text-center 2xl:justify-start 2xl:text-start pb-4 pt-4 md:pt-0">
-                <h2 class="font-semibold text-gray-900 leading-snug">
+                <h1 class="font-semibold text-gray-900 leading-snug">
                     <span class="text-blue-normal"> {{ __("content.about.section_1.title_1") }}</span>
                     {{ __("content.about.section_1.title_2") }}
-                </h2>
+                </h1>
             </div>
             <div class="items-center 2xl:items-start text-sm md:text-lg max-w-[886px]">
                 <p class="font-normal text-center 2xl:text-start pb-8 leading-7">

resources/views/career.blade.php

@@ -7,10 +7,10 @@
     <section class="flex flex-col-reverse xl:flex-row pt-8 md:pt-28 mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto gap-16">
         <div class="flex basis-2/5 relative flex-col self-center gap-5">
             <div class="text-3xl md:text-4xl lg:text-5xl text-center xl:justify-start xl:text-start">
-                <h2 class="font-semibold text-gray-900 leading-7">
+                <h1 class="font-semibold text-gray-900 leading-7">
                     <span class="text-blue-normal">{{ __("content.career.section_1.title_1") }}</span>
                     {{ __("content.career.section_1.title_2") }}
-                </h2>
+                </h1>
             </div>
             <div class="flex flex-col items-center xl:items-start">
                 <p class="text-sm md:text-lg font-normal text-center xl:text-start pb-12 md:pb-12">

resources/views/components/cookies.blade.php

@@ -36,7 +36,7 @@
     </div>
     <div class="flex items-center shrink-0 mt-6 sm:mt-0">
         <button x-bind="accept" type="button"
-                class=" text-xs w-full sm:w-auto max-w-80 ml-auto sm:mx-auto font-medium bg-website-normal rounded-lg hover:bg-gray-700 text-white px-4 py-2.5 duration-300 transition-colors focus:outline-hidden">
+                class=" text-xs w-full sm:w-auto max-w-80 ml-auto sm:mx-auto font-medium bg-blue-normal rounded-lg hover:bg-gray-700 text-white px-4 py-2.5 duration-300 transition-colors focus:outline-hidden">
             {{ __("buttons.accept_all") }}
         </button>
     </div>

resources/views/components/main-project.blade.php

@@ -34,7 +34,7 @@
             </div>
         </div>
     </div>
-    <img src="{{ asset('graphics/main_project/with_frame.webp') }}" class="h-[550px] w-[750px] max-w-4xl hidden md:block" alt="{{ __('alt.home_project') }}"/>
-    <img src="{{ asset('graphics/main_project/no_frame.webp') }}" class="h-auto w-full max-w-4xl md:hidden block mb-8" alt="{{ __('alt.home_project') }}"/>
+    <img src="{{ asset('graphics/main_project/with_frame.webp') }}" class="h-[550px] w-[750px] max-w-4xl hidden md:block" alt=""/>
+    <img src="{{ asset('graphics/main_project/no_frame.webp') }}" class="h-auto w-full max-w-4xl md:hidden block mb-8" alt=""/>
     <img src="{{ asset('graphics/shadow_2.svg') }}" alt="" class="hidden md:block absolute -z-10"/>
 </div>

resources/views/components/projects/reference.blade.php

@@ -5,7 +5,7 @@
     <figcaption class="flex items-center gap-x-4 gap-y-4 border-t border-gray-900/10 px-8 md:px-16 py-8 sm:flex-nowrap">
         <img class="size-16 flex-none rounded-full bg-gray-50"
              src="{{ asset($photo) }}"
-             alt="{{ __('alt.reference') . " " . $name }}">
+             alt="{{ $name }}">
         <div class="text-sm md:text-md md:text-xl">
             <div class="font-semibold text-left break-words block">{{ $name }}</div>
             <div class="text-gray-600 text-left">{{ $company }}</div>

resources/views/components/references/reference.blade.php

@@ -5,7 +5,7 @@
     <figcaption class="mt-6 flex items-center gap-x-4">
         <img class="h-10 w-10 rounded-full bg-gray-50"
              src="{{ $reference->getPhotoPath() }}"
-             alt="{{ __('alt.reference') . ' reference.blade.php' . $reference->creator_name }}">
+             alt="{{ $reference->creator_name }}">
         <div>
             <div class="font-semibold text-left">{{ $reference->creator_name }}</div>
             <div class="text-gray-600 text-left">

resources/views/components/references/references.blade.php

@@ -119,7 +119,7 @@ class="p-6 md:text-lg md:font-semibold leading-7 md:tracking-tight text-gray-900
                     class="flex items-center gap-x-4 gap-y-4 md:border-t md:border-gray-900/10 px-6 py-4 sm:flex-nowrap">
                     <img class="h-10 w-10 flex-none rounded-full bg-gray-50"
                          src="{{ $references[$main]->getPhotoPath() }}"
-                         alt="{{ __('alt.reference') . " " . $references[$main]->creator_name }}">
+                         alt="{{ $references[$main]->creator_name }}">
                     <div class="flex-auto">
                         <div class="font-semibold text-left">{{ $references[$main]->creator_name }}</div>
                         <div class="text-gray-600 text-left break-words">
@@ -139,7 +139,7 @@ class="p-6 md:text-lg md:font-semibold leading-7 md:tracking-tight text-gray-900
                     class="flex flex-wrap items-center gap-x-4 gap-y-4 md:border-t md:border-gray-900/10 px-6 py-4 sm:flex-nowrap">
                     <img class="h-10 w-10 flex-none rounded-full bg-gray-50"
                          src="{{ $references[$main2]->getPhotoPath() }}"
-                         alt="{{ __('alt.reference') . " " . $references[$main2]->creator_name }}">
+                         alt="{{ $references[$main2]->creator_name }}">
                     <div class="flex-auto">
                         <div class="font-semibold text-left">{{ $references[$main2]->creator_name }}</div>
                         <div class="text-gray-600 text-left">

resources/views/components/text-us-section.blade.php

@@ -3,7 +3,7 @@
         <div class="relative isolate overflow-hidden bg-blue-normal py-8 md:py-16 text-center shadow-2xl px-8 max-h-[417px] rounded-3xl">
             <img src="{{ asset('graphics/waves/wave_1.svg') }}" class="absolute -left-44 2xl:-left-16 -bottom-44 xl:-bottom-32" alt="" />
             <img src="{{ asset('graphics/waves/wave_2.svg') }}" class="absolute -z-20 -left-32 -top-24 xl:-top-16 2xl:-top-8 3xl:top-0" alt="" />
-            <img src="{{ asset('graphics/waves/wave_3.svg') }}" class="absolute -z-20 -right-16 2xl:-right-8 3xl:right-0 top-0" alt="{{ __('alt.wave') }}" />
+            <img src="{{ asset('graphics/waves/wave_3.svg') }}" class="absolute -z-20 -right-16 2xl:-right-8 3xl:right-0 top-0" alt="" />
             <img src="{{ asset('graphics/waves/wave_4.svg') }}" class="absolute -z-20 -bottom-64 2xl:-bottom-44 3xl:-bottom-32 -right-44 xl:right-6 2xl:right-16" alt=""/>
             <h2 class="mx-auto max-w-5xl text-3xl font-bold tracking-tight text-white sm:text-5xl">{{ __("content.home.section_6.title_1") }}</h2>
             <p class="mx-auto max-w-7xl mt-6 text-xs md:text-lg leading-7 text-gray-200">{{ __("content.home.section_6.subtitle_1") }}

resources/views/email.blade.php

@@ -180,7 +180,7 @@
                     <div class="footer-top">
                         <div class="footer-logo">
                             <a href="{{ config('app.url') }}" class="social-link" target="_blank">
-                                <img src="{{ asset('identification/logo.png') }}" alt="Blumilk logo"/>
+                                <img src="{{ asset('identification/logo.png') }}" alt="Blumilk"/>
                             </a>
                         </div>
                     </div>

resources/views/errors/layout.blade.php

@@ -33,10 +33,10 @@
              class="flex items-center justify-between px-14 md:px-6 2xl:px-0 py-8 relative mx-auto max-w-7xl">
             <div>
                 <a class="tablet:hidden lg:block items-start" href="{{ route('home') }}">
-                    <img class="w-32 shrink-0" src="{{ asset('identification/logo.svg') }}" alt="Blumilk logo"/>
+                    <img class="w-32 shrink-0" src="{{ asset('identification/logo.svg') }}" alt="Blumilk"/>
                 </a>
                 <a class="hidden tablet:block lg:hidden items-start" href="{{ route('home') }}">
-                    <img class="h-8" src="{{ asset('identification/sygnet.svg') }}" alt="Blumilk logo"/>
+                    <img class="h-8" src="{{ asset('identification/sygnet.svg') }}" alt="Blumilk"/>
                 </a>
             </div>
             <div class="tablet:flex hidden justify-center items-center text-sm 3xl:text-md">
@@ -99,7 +99,7 @@ class="w-full h-screen px-14 right-0 tablet:hidden flex flex-col justify-between
             <div class="w-full">
                 <div class="flex items-center justify-between left-0 right-0 py-8 xl:px-[15%] relative">
                     <a class="items-start" href="{{ route('home') }}">
-                        <img class="w-32 shrink-0" src="{{ asset('identification/logo.svg') }}" alt="Blumilk"/>
+                        <img class="w-32 shrink-0" src="{{ asset('identification/logo.svg') }}" alt={{ __('alt.blumilk_homepage') }}/>
                     </a>
                     <button @click="openMobileMenu = ! openMobileMenu">
                         <i :class="{'block': openMobileMenu, 'hidden': ! openMobileMenu}"

resources/views/home.blade.php

@@ -12,11 +12,11 @@
         <section class="flex flex-col-reverse xl:flex-row pt-8 xl:pt-24 pb-16 sm:pb-24 mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto md:gap-5">
             <div class="flex basis-2/5 relative flex-col self-center gap-5">
                 <div class="text-3xl md:text-4xl lg:text-5xl text-center xl:justify-start xl:text-start">
-                    <h2 class="font-semibold text-gray-900 leading-7 md:leading-snug">
+                    <h1 class="font-semibold text-gray-900 leading-7 md:leading-snug">
                         <span class="inline">{{ __("content.home.section_1.title_1") }}</span>
                         <span class="text-blue-normal inline"> {{ __("content.home.section_1.title_2") }} </span>
                         <span class="inline">{{ __("content.home.section_1.title_3") }}</span>
-                    </h2>
+                    </h1>
                 </div>
                 <div class="flex flex-col items-center xl:items-start">
                     <p class="text-sm sm:text-lg lg:text-xl font-light text-center xl:text-start pb-10">

resources/views/layout/footer.blade.php

@@ -1,7 +1,7 @@
 <footer class="bg-white">
     <div class="mx-16 w-auto py-6 md:py-12 flex flex-col md:flex-row gap-4 items-center place-items-center justify-between md:border-t-2 md:border-gray-100">
         <div class="">
-            <img class="w-24 md:w-32 shrink-0 mx-auto" src="{{ asset('identification/logo.svg') }}" alt="Blumilk logo"/>
+            <img class="w-24 md:w-32 shrink-0 mx-auto" src="{{ asset('identification/logo.svg') }}" alt="Blumilk"/>
         </div>
         <div class="flex justify-center items-center space-x-4 md:space-x-6">
             <a href="https://clutch.co/profile/blumilk-0" class="text-gray-500 hover:text-gray-600 leading-none" target="_blank" data-umami-event="clutch-profile-link-click" data-umami-event-url="https://clutch.co/profile/blumilk-0">

resources/views/layout/navigation.blade.php

@@ -9,10 +9,10 @@ class="w-auto">
          class="flex items-center justify-between px-14 md:px-6 2xl:px-0 py-8 relative mx-auto max-w-7xl">
         <div>
             <a class="tablet:hidden lg:block items-start" href="{{ route("home") }}">
-                <img class="w-[128px] h-[32px] shrink-0" src="{{ asset('identification/logo.svg') }}" alt="Blumilk logo"/>
+                <img class="w-[128px] h-[32px] shrink-0" src="{{ asset('identification/logo.svg') }}" alt="Blumilk "/>
             </a>
             <a class="hidden tablet:block lg:hidden items-start" href="{{ route("home") }}">
-                <img class="h-[32px] w-[26px]" src="{{ asset('identification/sygnet.svg') }}" alt="Blumilk logo"/>
+                <img class="h-[32px] w-[26px]" src="{{ asset('identification/sygnet.svg') }}" alt="Blumilk "/>
             </a>
         </div>
         <div class="tablet:flex hidden justify-center items-center text-sm 3xl:text-md">
@@ -91,9 +91,9 @@ class="w-full h-screen px-14 right-0 tablet:hidden flex flex-col justify-between
                 <a class="items-start" href="{{ route("home") }}">
                     <img class="w-32 shrink-0" src="{{ asset('identification/logo.svg') }}" alt="Blumilk"/>
                 </a>
-                <button @click="openMobileMenu = ! openMobileMenu">
+                <button @click="openMobileMenu = ! openMobileMenu" aria-label="{{ __('alt.closeMenu') }}">
                     <i :class="{'block': openMobileMenu, 'hidden': ! openMobileMenu}"
-                       class="fa-solid fa-xmark text-2xl text-black hidden" aria-label="{{ __('alt.closeMenu') }}"></i>
+                       class="fa-solid fa-xmark text-2xl text-black hidden"></i>
                 </button>
             </div>
             <div @class([

resources/views/projects.blade.php

@@ -6,9 +6,9 @@
 @section("content")
     <section class="py-12 text-center mx-[10%] lg:mx-[15%] 2xl:max-w-7xl 2xl:mx-auto">
         <div class="pb-24">
-            <h2 class="text-4xl md:text-5xl lg:text-6xl font-semibold text-black my-6 break-words">
+            <h1 class="text-4xl md:text-5xl lg:text-6xl font-semibold text-black my-6 break-words">
                 <span class="text-blue-normal">{{ __("content.case_studies.section_1.title_1") }}</span>
-                {{ __("content.case_studies.section_1.title_2") }}</h2>
+                {{ __("content.case_studies.section_1.title_2") }}</h1>
             <span
                 class="font-light leading-7 text-xl block">{{ __("content.case_studies.section_1.subtitle_1") }}</span>
             <span