feat(ux): ♿ improve accessibility with titles alts and labels

components/Header.tsx

@@ -57,7 +57,7 @@ export function Header() {
 				<SearchBox />
 				<MoreBox>
 					<ThemePicker />
-					<a href='/profil'>
+					<a href='/profil' title={'Accéder à mon compte'}>
 						<i class='ri-user-line'></i>
 					</a>
 					<AiChatBox />

components/ProjectCard.tsx

@@ -14,7 +14,11 @@ export function ProjectCard(
 ) {
 	return (
 		<div class='components__project_card'>
-			<img src={icon} class='components__project_card__icon' />
+			<img
+				alt='Icon du projet'
+				src={icon}
+				class='components__project_card__icon'
+			/>
 			<div class='components__project_card__content'>
 				<h3>{title}</h3>
 				<div class='components__project_card__state'>

islands/AiChatBox.tsx

@@ -88,6 +88,7 @@ export default function AiChatBox() {
 			<button
 				class='islands__ai_chat_box__button'
 				onClick={() => dialog.current?.showModal()}
+				title={'Ouvrir la chat box IA'}
 			>
 				<i class='ri-bard-line'></i>
 			</button>

islands/ThemePicker.tsx

@@ -39,7 +39,7 @@ export default function ThemePicker() {
 	})
 
 	return (
-		<label class='islands__theme_picker'>
+		<label class='islands__theme_picker' title={'Sélectionner un thème'}>
 			<span>{themeIcon}</span>
 			<select
 				value={theme}