{"id":94,"date":"2021-03-03T18:35:44","date_gmt":"2021-03-03T18:35:44","guid":{"rendered":"https:\/\/www.ruffleneck.com\/devblog\/?p=94"},"modified":"2021-03-03T18:35:44","modified_gmt":"2021-03-03T18:35:44","slug":"snippets-ii-accessibility-tweaks","status":"publish","type":"post","link":"https:\/\/www.ruffleneck.com\/devblog\/?p=94","title":{"rendered":"Snippets II &#8211; Accessibility tweaks"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/vmHkQgkE5CV8GG0fgVBVLsqx4wUuFvOl5zqscyg8HQ-GVALyf-Lczjys6PIbdn9UHjYAWcOapcS_q44fCQpQFOS7ooFTubliYW9GboK88Ek6alPRharRTAG7CvOlVK5ututwaB86\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">There\u2019s a lot of things Hunt and Snare needs to improve on the accessibility front, but one of the most barebones problem is the important information delivered by the item mouse over info ^^<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In here is an example of a mundane leg item:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/y-8IUcUZSGoUnwQ6rwOWpM73NOTI493S0KWPm3qsl2vhSuxna_O8GhrZvVWWeJGzCdJu_r8R91dWS-nx-CzHhhnl7PE18ohyn7loJOcHYiQlQ2zOiuaHYuWRKLq8cOEKpGVQimYi\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The information missing were the rarity as text, which for anyone with color blindness was basically information that didn\u2019t even exist properly, and for anyone else who didn\u2019t know the tiers, it was misleading or lacking. In here you can see a \u201cMundane\u201d item, the lowest rarity tier. Now it\u2019s possible to identify AND match rarities with color and name of the rarity more easily.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also another information that was severely lacking was what kind of item something is, which is now displayed on the other side of the === divider. In this case it\u2019s a Legs item, but in the gif above you can see other types too ^^<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And third important information missing was the color of the item. It is basically parsed into the hover information, but gets more important when dyes are finally added in game. Rarity itself doesn\u2019t really mean much in Hunt and Snare, besides being nice to have, but lack of color description was a lot bigger accessibility issue.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another example:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/rx555XMcwYlI4FnMCzUrtu0hxkfznAiMPcAY1J7A8zLPzoZlkcF0InZeZqyXxsDhP5zC55fSHVPEJMUiHUG559ljKdGX3kgRmp0SHuEnWxwLGlAP4ypNhX5YAMBqQoWtkiteQeZ5\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is an uncommon \u201cmisc\u201d item, so basically just uncommon loot, but easier to identify ^^<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gif showing basic {tag} parsing for name:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/iL1euc6TeeSGL1aPs2JMeMwqLVE_9pj1cYb3xNSEjtnQpoNvqCksX5pcqGKohGzN8CQIRHdeZu85cY6yDUbirmxc6AvTKbs2woE_aUp1z0ZKittxBIaCKYNwL3dNwsL3bIE_ET7i\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It is old gif, so it\u2019s lacking the rarity and item type information, but you can see how it\u2019s basically added. The {ColorR} is a color slot on item, not actual color which is \u201cmanually\u201d given per item for now, but dyes will have a color name too which is then automatically added when item is dyed ^^<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dyeing itself will come later, but just wanted to show it ^^<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With luv &lt;3<br>Ruffle<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There\u2019s a lot of things Hunt and Snare needs to improve on the accessibility front, but one of the most barebones problem is the important information delivered by the item mouse over info ^^ In here is an example of a mundane leg item: The information missing were the rarity as text, which for anyone [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-94","post","type-post","status-publish","format-standard","hentry","category-gaze"],"_links":{"self":[{"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":1,"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=\/wp\/v2\/posts\/94\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ruffleneck.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}