\r\n\r\nThis could toggleable as well for people who don't want it.\r\n\r\n",[2912,2913],{"name":2874,"color":2875},{"name":2914,"color":2915},"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":2922,"labels":2923,"number":2926,"owner":2863,"repository":2864,"state":2865,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### 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 ",[2924,2925],{"name":2857,"color":2858},{"name":2860,"color":2861},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":2932,"labels":2933,"number":2936,"owner":2863,"repository":2864,"state":2937,"title":2938,"updated_at":2939,"url":2940,"score":2941},"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",[2934,2935],{"name":2874,"color":2875},{"name":2901,"color":2902},41,"closed","image alt text improvements","2022-12-14T23:49:55Z","https://github.com/elk-zone/elk/issues/41",0.7141509,{"description":2943,"labels":2944,"number":2947,"owner":2863,"repository":2864,"state":2937,"title":2948,"updated_at":2949,"url":2950,"score":2951},"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",[2945,2946],{"name":2857,"color":2858},{"name":2860,"color":2861},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":2953,"labels":2954,"number":2957,"owner":2863,"repository":2864,"state":2937,"title":2958,"updated_at":2959,"url":2960,"score":2961},"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). ",[2955,2956],{"name":2857,"color":2858},{"name":2860,"color":2861},2138,"Alt text guidelines for images in docs","2023-05-31T13:41:25Z","https://github.com/elk-zone/elk/issues/2138",0.73809195,{"description":2963,"labels":2964,"number":2966,"owner":2863,"repository":2864,"state":2937,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### 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.",[2965],{"name":2885,"color":2886},1267,"Clickable links in image Alt","2023-01-19T07:02:13Z","https://github.com/elk-zone/elk/issues/1267",0.7470747,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fXCVWCAAsAp8VmhmnJdqNy0ZmaYOgPCSHE_lO1DffeD4":-1},"/elk-zone/elk/1410"]