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/11 00:36] – [Reminder Bot] dreadpir8robotsfaq:post_share:image_alt_text [2022/12/04 03:39] (current) – dreadpir8robots
Line 1: Line 1:
-====== Add Image Alt Text ======+{{tag>faq post share featured}} 
 +====== 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/
  
-On desktop, when writing a post, you can add an image by clicking on the paperclip icon on the bottom menu on the left. +===== How to add alt text on to Mastodon posts ===== 
 +On the desktop web client, when writing a post, you can add an image by clicking on the paperclip icon on the bottom menu on the left. 
  
   - Once your image is uploaded, click on ''! No description added'' over your image.   - Once your image is uploaded, click on ''! No description added'' over your image.
Line 7: 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.
  
-===== Confirmation Dialog ===== + 
-{{ :faq:post_share:warn-lacking-media-descriptions.png?direct&400|}}  - On the main page, click ''App Settings'' in the menu+====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 ====== 
 +==== Confirmation Dialog ==== 
 +{{ :faq:post_share:warn-lacking-media-descriptions.png?direct&400|Screenshot of the Mastodon web client showing Compose box options dialog. The "Show confirmation dialog before sending toots lacking media descriptions" option is checked and highlighted.}} 
 +On the web client (desktop/mobile): 
 +  - On the main page, click ''App Settings'' in the menu
   - Under ''Compose box'', enable ''Show confirmation dialog before sending toots lacking media descriptions''   - Under ''Compose box'', enable ''Show confirmation dialog before sending toots lacking media descriptions''
 +While this functionality is available in the web client (regardless of accessing via a mobile browser or desktop), it is unlikely to be present in your mobile App. As of writing it is not available in Tusky or the official Mastodon App for Android.
 +
  
-===== Reminder Bot =====+==== Reminder Bot ====
 You can follow [[https://infosec.exchange/@PleaseCaption@botsin.space|@PleaseCaption@botsin.space]] to remind you to add alt-text in case you forget. You can follow [[https://infosec.exchange/@PleaseCaption@botsin.space|@PleaseCaption@botsin.space]] to remind you to add alt-text in case you forget.