html validator : https://validator.w3.org/nu

---

• start server with php, and nodemon for auto reload :

  • npm run dev

• setup :

  • install apps : sudo apt update && sudo apt install php-cli nodejs npm
  • verify : php -v & node -v & npm -v
  • -> only for info, at project creation setup :
    • run : npm init -y && npm install --save-dev nodemon
    • add in package.jsons > scripts : "dev": "nodemon --exec 'php -S localhost:8000' --ext php,html"
  • install dependencies : npm ci

---

difficulties :

• accessibility with ascii art titles
  • I finally decided to go with a structure like this :

    <h1 aria-label="hugo lamy">
      <span aria-hidden="true" class="pre"> hugo (ascii) </span>
      <span aria-hidden="true" class="pre"> lamy (ascii) </span>
    </h1>
    

• links accessibility
• accessibility gone wild
• don't use title attribute
• I thought title text improved accessibility. I was wrong.
• Things I learned by pretending to be blind for a week
• create the full screen hero section with the navbar under the title