Duurzame digitale toegankelijkheid

<article class="p-5 my-10"> <h2 class="text-2xl font-semibold">   Cats are a persons bestfriend </h2> <p class="text-lg font-medium text-gray-700">   One of the best things about cats is that   they are very independent creatures. Unlike dogs, who   require quite a high level of attention each day,   cats are quite happy to have time to   themselves. In fact, cats will sleep for   about 15 hours a day so you don't have to worry about   them being too bored when you're at work. </p> <img src="awesome_cat.jpg" alt="" /> <a href="https://en.wikipedia.org/wiki/Cat">   More info about Cats </a></article>

<header class="relative bg-gray-200/20 backdrop-blur-xl"> <h1 class="mb-4 text-3xl font-semibold">   We are AwesomeCompany </h1> <p class="text-lg font-medium text-gray-700">   We are AwesomeCompany, we promise you   We will bring the awesomeness to you!   Get more info about us reading our page </p> <img  class="absolute top-0 left-0 w-full h-full"  src="awesome_people_bg.jpg"  alt="All our colleagues in a group photo at the office" /> <div onClick="navigateCallToAction()">   Get a Quote! </div></header>

<form> <div class="input-field">   <label for="fullname">Fullname:</label>   <input type="text" id="fullname" required /> </div> <div class="input-field">   <label for="email">Email:</label>   <input type="email" id="email" required /> </div> <div class="input-field">   <label for="phone">Phone:</label>   <input type="tel" id="phone" /> </div> <div class="submit-element">   <button type="submit">Submit Form</button> </div></form>

<button class="btn" onclick="search()"> 🔎</button><button class="btn" onclick="submitForm()"> 📨</button><script> function search() { alert("Search button clicked"); } function submitForm() { alert("Submit button clicked"); }</script>