\r\n",[3097],{"name":3020,"color":3021},694,"When posting on mobile the post botton is hard to hit","2023-01-02T14:10:06Z","https://github.com/elk-zone/elk/issues/694",0.7473188,{"description":3104,"labels":3105,"number":3107,"owner":3026,"repository":3027,"state":3081,"title":3108,"updated_at":3109,"url":3110,"score":3111},"\u003Cimg width=\"451\" alt=\"image\" src=\"https://user-images.githubusercontent.com/50254496/203911914-e6a81b61-9e36-4e63-939a-ecbadc6264db.png\">\r\n",[3106],{"name":3020,"color":3021},79,"UI: post content go outside when on the small viewport width","2022-11-25T07:49:48Z","https://github.com/elk-zone/elk/issues/79",0.7678904,{"description":3113,"labels":3114,"number":3117,"owner":3026,"repository":3027,"state":3081,"title":3118,"updated_at":3119,"url":3120,"score":3121},"The back button used in detail views was surprisingly hard to click. I ended up missing it half the time. Turns out it's small: 18x18 pixels.\r\n\r\n\u003Cimg width=\"744\" alt=\"Screenshot of a toot view with an element overlay from Chrome DevTools showing that the back arrow button is a link element with a 18x18 size\" src=\"https://user-images.githubusercontent.com/243601/221838543-2510cda7-5a2b-4df7-b279-acfc078b6ef8.png\">\r\n\r\nRecommendations for bigger target areas include:\r\n\r\n[WCAG 2.1 Success Criterion 2.5.5 Target Size (AAA)](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html):\r\n\r\n> The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when: [series of possible exceptions]\r\n\r\n[Material Design 2](https://m2.material.io/design/usability/accessibility.html#layout-and-typography):\r\n\r\n> ### Touch targets\r\n>\r\n> Touch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element. For example, an icon may appear to be 24 x 24 dp, but the padding surrounding it comprises the full 48 x 48 dp touch target.\r\n>\r\n> For most platforms, consider making touch targets at least 48 x 48 dp. […]\r\n>\r\n> ### Pointer targets\r\n>\r\n> Pointer targets are similar to touch targets, but apply to the use of motion-tracking pointer devices such as a mouse or a stylus. Consider making pointer targets at least 44 x 44 dp.\r\n\r\n[Apple Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/components/menus-and-actions/buttons#best-practices):\r\n\r\n> Make buttons easy for people to choose. On a touchscreen, buttons need a hit target of at least 44x44 points to accommodate a fingertip. On all screens, it’s essential to include enough space around a button so that people can visually distinguish it from surrounding components and content, whether people use touch, a pointer, or a system that expands a button when it’s in focus.\r\n\r\nIf Elk tries to be a touch-compatible UI, it should probably try to achieve touch targets of at least 44x44 CSS pixels. Currently the main sidebar buttons are a bit shy of that at 42.5x37.5, which is not ideal but might still work.\r\n\r\nBut buttons that are below ~30px of size, and especially as small as 18x18, are a clear UX issue and lead to a lot of missed clicks & taps.",[3115,3116],{"name":3020,"color":3021},{"name":3056,"color":3057},1836,"Back button is too small to be usable (18x18)","2025-07-07T22:49:36Z","https://github.com/elk-zone/elk/issues/1836",0.769066,["Reactive",3123],{},["Set"],["ShallowReactive",3126],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fORcAStGen4TQUClLs0KBc7ZAU-Y2BqYA1p2vq7EaDlw":-1},"/elk-zone/elk/762"]