arne-accesibility (#7)

Reviewed-on: #7

src/app/header/header.component.html

@@ -1,4 +1,4 @@
-<img src="assets/CPTARN_logo-name_White.svg" />
+<img alt="logo" src="assets/CPTARN_logo-name_White.svg" />
 <div class="menu">
   <a href="#about">about</a>
   <a href="#contact">contact</a>

src/app/hero/hero.component.html

@@ -1,4 +1,4 @@
 <div class="mobile">
-  <img src="assets/CPTARN_logo-figure_White.svg"/>
+  <img alt="logo" src="assets/CPTARN_logo-figure_White.svg"/>
 </div>
 <p class="hero-text">NO LIMITS, JUST <span class="subSlogan">{{subSlogan}}</span></p>

src/app/services/services.component.html

@@ -4,7 +4,7 @@
     <p>Welcome to my creative workspace! I’m a solution-driven freelancer with a passion for blending innovative thinking with technical know-how to bring unique ideas to life. Whether you’re looking to build a prototype, develop custom code, or create a tailored automation system, I’m here to help turn your vision into a reality. My approach combines hands-on experience with a fresh perspective, ensuring that every project isn’t just functional, but forwardthinking and impactful.</p>
     <a href="mailto:contact@cptarn.com" class="web">Contact</a>
   </div>
-  <img class="arne" src="assets/Website_Arne.svg" />
+  <img class="arne" alt="Drawing of Arne" src="assets/Website_Arne.svg" />
   <a href="mailto:contact@cptarn.com" class="mobile">Contact</a>
 </div>
 <div class="right">
@@ -17,7 +17,7 @@
         solutions that help you innovate, save time, and stay ahead. Let's work together
         to make your next project a success!</p>
   </div>
-  <img src="assets/Website_Topview_Collab.svg" />
+  <img src="assets/Website_Topview_Collab.svg" alt="Drawing of collaboration" />
 </div>
 <div class="full">
   <div class="text">
@@ -31,5 +31,5 @@
       right technology can enhance productivity and improve daily workflows, whether in
       a corporate environment or your own home.</p>
   </div>
-  <img src="assets/Website_Desk.svg" />
+  <img src="assets/Website_Desk.svg" alt="Drawing of a desk"/>
 </div>

src/app/services/services.component.scss

@@ -55,7 +55,7 @@ h2 {
 a {
   color: #fff;
   text-decoration: none;
-  background-color: var(--accent-color);
+  background-color: rgb(207, 66, 22);// var(--accent-color) not enough contrast
   border-radius: 4rem;
   padding: 0.5rem 1rem;
   margin-top: 2rem;

src/index.html

@@ -5,6 +5,7 @@
   <title>CptArn</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="CptArn Freelance creative thinker with a solution focus. For all projects involving prototyping, coding or automation in a wide array of situations (IT projects, factory/home automation, new products).">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>