Add alt, make image smaller, update readme link

README.md

@@ -11,7 +11,7 @@
 > *[Xing Han Lù*](https://xinghanlu.com), [Zdeněk Kasner*](https://kasnerz.github.io/), [Siva Reddy](https://sivareddy.in)*\
 > _\*Equal contribution_
 
-<img src="./assets/webnav.demo.svg" width="80%" alt="Sample conversation between a user and an agent" />
+<img src="https://github.com/McGill-NLP/weblinx/raw/main/docs/assets/images/webnav.demo.svg" width="80%" alt="Sample conversation between a user and an agent" />
 
 </div>
 

docs/_pages/home.md

@@ -43,7 +43,7 @@ excerpt: "Real-world website navigation with multi-turn dialogue"
 
 <!-- Authors can be improved with pictures similar to /people -->
 
-<img src="{{ '/assets/images/webnav.demo.svg' | relative_url }}" style="width: 90%; max-width: 900px; align-content: center; margin: auto; display: flex">
+<img src="{{ '/assets/images/webnav.demo.svg' | relative_url }}" style="width: 90%; max-width: 900px; align-content: center; margin: auto; display: flex" alt="A diagram displaying a conversation between a navigator and instructor.">
 
 
 ## About WebLINX
@@ -71,7 +71,7 @@ We propose the problem of *conversational web navigation*, where a digital agent
   </video>
 
   <div style="width: 28%;">
-    <img src="{{'/assets/images/booking.1.vcglzhn.messages.webp' | relative_url}}" style="width: 100%; height: auto;">
+    <img src="{{'/assets/images/booking.1.vcglzhn.messages.webp' | relative_url}}" style="width: 100%; height: auto;" alt="A diagram displaying a conversation between a navigator and instructor.">
   </div>
 </div>