\r\n\r\nThis could toggleable as well for people who don't want it.\r\n\r\n",[2960,2961],{"name":2922,"color":2923},{"name":2962,"color":2963},"s: needs decision","C453C3",1570,"Add icon for when media doesn't have alt text.","2023-02-03T02:26:51Z","https://github.com/elk-zone/elk/issues/1570",0.74289334,{"description":2970,"labels":2971,"number":2974,"owner":2911,"repository":2912,"state":2913,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Pre-Checks\n\n- [X] Check that there isn't [already an issue](https://github.com/elk-zone/elk/issues) that reports the same bug to avoid creating a duplicate.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/elk-zone/elk/discussions) or join our [Discord Chat Server](https://chat.elk.zone).\n- [X] Providing a screenshot or video to reproduce the issue or show visually what was meant.\n- [ ] I am willing to provide a PR.\n\n### Describe the bug\n\nHeyho,\r\nThe alt text is displayed in the top right corner of an image. It works for regular text.\r\n\r\n\u003Cimg width=\"1680\" alt=\"image\" src=\"https://user-images.githubusercontent.com/22857823/212921674-ebe61828-7377-458e-bb33-0907df04c768.png\">\r\n\r\nBut on [this toot](https://elk.zone/mastodon.social/@noleli/109704795463898389), the author pasted the code from the screenshot as a markdown code block. \r\n\r\n**Toot**\r\n\u003Cimg width=\"593\" alt=\"screenshot toot with code\" src=\"https://user-images.githubusercontent.com/22857823/212919557-3d078dc5-3101-4534-83b9-eb3fb6d38a50.png\">\r\n\r\n**Broken alt text**\r\n\u003Cimg width=\"1680\" alt=\"screenshot of the same toot opened where in the top left corner only CSS is written\" src=\"https://user-images.githubusercontent.com/22857823/212919761-c5083ce5-343a-44fb-8829-13dbc14d7623.png\">\r\n\r\n**Content is there**\r\n\u003Cimg width=\"1680\" alt=\"highlighting the content in the lightbox to show that its there but not correctly displayed\" src=\"https://user-images.githubusercontent.com/22857823/212920892-0e8b6499-f46b-45bb-9f73-7e3806b41838.png\">\r\n\r\n## Solution?\r\n\r\nSo I think displaying the code here doesn't add value, a screen reader will get it form the alt text, and others can read it on the screenshot, and I can't think of another scenario where you add code as alt text without a screenshot. So what about just displaying \"Code from the picture\" instead of the actual code but keeping the alt attribute as it is?\r\n\n\n### Reproduction video or screenshot\n\nOpen this [this toot](https://elk.zone/mastodon.social/@noleli/109704795463898389) and check the alt text.\r\n\r\n\u003Cimg width=\"1680\" alt=\"image\" src=\"https://user-images.githubusercontent.com/22857823/212919761-c5083ce5-343a-44fb-8829-13dbc14d7623.png\">\n\n### Additional Context\n\nFirefox, Mac (M1) - I don't think that it's relevant, but happy to provide more info.it's relevant, but I would be ",[2972,2973],{"name":2905,"color":2906},{"name":2908,"color":2909},1264,"Alt text (code) wrongly displayed on image lightbox","2023-01-18T20:37:09Z","https://github.com/elk-zone/elk/issues/1264",0.7575289,{"description":2980,"labels":2981,"number":2984,"owner":2911,"repository":2912,"state":2985,"title":2986,"updated_at":2987,"url":2988,"score":2989},"it should be possible to:\r\n - [x] set image alt text when uploading images\r\n - [x] view image alt text by clicking on the image or in a button in an overlay \r\n - [x] edit image alt text when editing a post",[2982,2983],{"name":2922,"color":2923},{"name":2949,"color":2950},41,"closed","image alt text improvements","2022-12-14T23:49:55Z","https://github.com/elk-zone/elk/issues/41",0.7141509,{"description":2991,"labels":2992,"number":2995,"owner":2911,"repository":2912,"state":2985,"title":2996,"updated_at":2997,"url":2998,"score":2999},"This is brand new - yesterday, images showed up just fine. Today I noticed it beginning with the image of someone's craftwork being blurry; clicked on the image and the alt text was displayed with what appeared to be 'blank' space where the image should be. \r\n\r\nLink to post: https://elk.zone/social.afront.org/@terri/110832697739797924",[2993,2994],{"name":2905,"color":2906},{"name":2908,"color":2909},2305,"Images are busted - only blurred versions are shown","2023-08-07T16:57:04Z","https://github.com/elk-zone/elk/issues/2305",0.7300249,{"description":3001,"labels":3002,"number":3005,"owner":2911,"repository":2912,"state":2985,"title":3006,"updated_at":3007,"url":3008,"score":3009},"I'm looking at the READ.ME for the docs, and in the [images section](https://github.com/elk-zone/elk/tree/main/docs#images), and I noticed there isn't a guideline regarding the use of alt text. We could provide guidelines stipulating that alt text should be used, and a link for info on [how to write good alt text](https://accessibility.huit.harvard.edu/describe-content-images). ",[3003,3004],{"name":2905,"color":2906},{"name":2908,"color":2909},2138,"Alt text guidelines for images in docs","2023-05-31T13:41:25Z","https://github.com/elk-zone/elk/issues/2138",0.73809195,{"description":3011,"labels":3012,"number":3014,"owner":2911,"repository":2912,"state":2985,"title":3015,"updated_at":3016,"url":3017,"score":3018},"### Clear and concise description of the problem\r\n\r\nThe Alt seems like a nice place to put image sources. \r\n\r\n- If there's multiple images, there's no confusion which source belongs to which image because the link is in the image alt, not in the toot body\r\n- The links don't take up limited toot characters\r\n\r\nThe only downside to having links in images I see is poorly written screen-readers that might read out the link letter-by-letter.\r\n\r\nIf the links in Alt can be identified and made clickable in Elk, that would be pretty neat.\r\n\r\n### Suggested solution\r\n\r\nIn the Alt popup, search for URLs in the image alt and replace them with anchor tags for the links.\r\n\r\nhttps://github.com/sindresorhus/get-urls can find links in strings.\r\n\r\n### Alternative\r\n\r\nShow a list of links in the description, below the description.\r\n\r\n### Additional context\r\n\r\nI've tried search+replace links with `\u003Ca href=''>link\u003C/a>` in image Alt, but it's inserted as-is as a string, instead of being parsed as HTML. \r\n\r\nNaively letting all text in Alt be parsed as HTML is dangerous so we would need a good way to insert anchor tags where the URLs are.",[3013],{"name":2933,"color":2934},1267,"Clickable links in image Alt","2023-01-19T07:02:13Z","https://github.com/elk-zone/elk/issues/1267",0.7470747,["Reactive",3020],{},["Set"],["ShallowReactive",3023],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fXCVWCAAsAp8VmhmnJdqNy0ZmaYOgPCSHE_lO1DffeD4":-1},"/elk-zone/elk/1410"]