Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
faq:post_share:image_alt_text [2022/11/19 14:01] – [Confirmation Dialog] confirmed FIXME - it is not available in apps, is available on mobile browsers. ddenchfaq:post_share:image_alt_text [2022/12/04 08:39] (current) – dreadpir8robots
Line 1: Line 1:
-{{tag>faq post share}} +{{tag>faq post share featured}} 
-====== Add Image Alt Text ======+====== How to add image alt text to images ======
 Alt text helps people who may not be able to see an image for various reasons by providing a textual description which accompanies the image. A significant guide to alt text, why it is important, and how to achieve good alt text is here: https://webaim.org/techniques/alttext/ Alt text helps people who may not be able to see an image for various reasons by providing a textual description which accompanies the image. A significant guide to alt text, why it is important, and how to achieve good alt text is here: https://webaim.org/techniques/alttext/
  
Line 10: Line 10:
   - Click ''Apply'' and that’s it! You can then publish your toot normally.   - Click ''Apply'' and that’s it! You can then publish your toot normally.
  
-FIXME similar functionality is available on the mobile web app and the Mastodon app 
  
 +====Mobile Web App====
 +  - Once the image is uploaded you can either tap ''edit'' or ''No description added''
 +  - Enter your description
 +  - Tap ''Apply'' (you will note the ''No description added'' text disappears)
 +
 +====Mastodon Android App====
 +  - Once an image is uploaded, tap ''Add image description''
 +  - Tap ''Save'', then  publish as normal.
 +
 +
 +====Tusky Android App====
 +  - Once you have uploaded the image, press and hold it for a few seconds.
 +  - Let go and choose ''Set Caption'' from the menu
 +  - Once captioned, select ''OK'' and publish your toot.
 ===== How to avoid forgetting to add alt text ====== ===== How to avoid forgetting to add alt text ======
 ==== Confirmation Dialog ==== ==== Confirmation Dialog ====