Change Details

== Background Most of our feedback is about SVG images that are not legible. I think it would make sense to apply a checked background to these images as we do in Multimedia Viewer. == User story - As a reader the default display of SVG images added outside templates and tables should be acceptable. == Requirements === BDD - For QA engineer to fill out === Test Steps - Visit https://en.wikipedia.org/wiki/L-DOPA and the image should be legible. - Check the images on the following pages are readable: https://en.wikipedia.org/wiki/The_arts#Music https://en.wikipedia.org/wiki/Human#Gender https://en.wikipedia.org/wiki/Forceps#Thumb_forceps https://en.wikipedia.org/wiki/Greek_alphabet#Diacritics https://en.wikipedia.org/wiki/Chroma_subsampling https://en.wikipedia.org/wiki/Hexadecimal#Verbal_and_digital_representations https://en.wikipedia.org/wiki/Homotopy_lifting_property#Formal_definition https://en.wikipedia.org/wiki/Phase-change_memory#PRAM_vs._Flash https://en.wikipedia.org/wiki/Oblique_projection?debug=1#Oblique_pictorial https://en.wikipedia.org/wiki/UConn_Huskies_women%27s_basketball https://en.wikipedia.org/wiki/Indiana_Hoosiers_men%27s_basketball https://en.wikipedia.org/wiki/Ketosis https://en.wikipedia.org/wiki/Earth https://en.wikipedia.org/wiki/File:Indian_General_Election_2024.svg [] Make sure the rule doesn't apply to the infobox in the following examples: * https://en.wikipedia.org/wiki/McDonald%27s *https://en.wikipedia.org/wiki/Starbucks *https://en.wikipedia.org/wiki/Audi *https://en.wikipedia.org/wiki/Ericsson == Design (Not checked by Justin yet) == Acceptance criteria [] All images that are "top level" images outside of templates and tables get a background in dark mode. After speaking with the design team, I think a solid, mid-grey background is the best way forward. This was also the solution that the Android App team landed on independently of us. Let's use the light mode hex for disabled for now, and since we don't have a fixed token for that value, lets use the hex for now: #C8CCD1 `@background-color-disabled-fixed` [] The background only applies in dark mode. [] The background doesn't apply to infoboxes [] The background doesn't apply to images inside a div e.g. team jerseys in infobox on https://en.wikipedia.org/wiki/Gibraltar_national_football_team - only apply it to figure elementss that are direct descendants of the parser output. [] The solution should apply to mobile HTML [] The solution should apply to Parsoid HTML e.g. when appending ?useparsoid=1 to URL [] The solution should apply to mobile Parsoid HTML e.g. when appending ?useparsoid=1 to URL [] The background should apply to the file page image. [] Use @screen for both the night and os themes. == Communication criteria - does this need an announcement or discussion? N/A. == Rollback plan N/A. //This task was created by Version 1.0.0 of the [[ https://mediawiki.org/w/index.php?title=Reading/Web/Request_process | Web team task template ]] using [[ https://phabulous.toolforge.org/ | phabulous ]] //

== Background Most of our feedback is about SVG images that are not legible. I think it would make sense to apply a checked background to these images as we do in Multimedia Viewer. == User story - As a reader the default display of SVG images added outside templates and tables should be acceptable. == Requirements === BDD - For QA engineer to fill out === Test Steps - Visit https://en.wikipedia.org/wiki/L-DOPA and the image should be legible. - Check the images on the following pages are readable (please ignore infobox images): https://en.wikipedia.org/wiki/The_arts#Music https://en.wikipedia.org/wiki/Human#Gender https://en.wikipedia.org/wiki/Forceps#Thumb_forceps https://en.wikipedia.org/wiki/Greek_alphabet#Diacritics https://en.wikipedia.org/wiki/Chroma_subsampling https://en.wikipedia.org/wiki/Hexadecimal#Verbal_and_digital_representations https://en.wikipedia.org/wiki/Homotopy_lifting_property#Formal_definition https://en.wikipedia.org/wiki/Phase-change_memory#PRAM_vs._Flash https://en.wikipedia.org/wiki/Oblique_projection?debug=1#Oblique_pictorial https://en.wikipedia.org/wiki/UConn_Huskies_women%27s_basketball https://en.wikipedia.org/wiki/Indiana_Hoosiers_men%27s_basketball https://en.wikipedia.org/wiki/Ketosis https://en.wikipedia.org/wiki/Earth https://en.wikipedia.org/wiki/File:Indian_General_Election_2024.svg [] Make sure the rule doesn't apply to the infobox in the following examples: * https://en.wikipedia.org/wiki/McDonald%27s * https://en.wikipedia.org/wiki/Starbucks * https://en.wikipedia.org/wiki/Audi * https://en.wikipedia.org/wiki/Ericsson == Design (Not checked by Justin yet) == Acceptance criteria [] All images that are "top level" images outside of templates and tables get a background in dark mode. After speaking with the design team, I think a solid, mid-grey background is the best way forward. This was also the solution that the Android App team landed on independently of us. Let's use the light mode hex for disabled for now, and since we don't have a fixed token for that value, lets use the hex for now: #C8CCD1 `@background-color-disabled-fixed` [] The background only applies in dark mode. [] The background doesn't apply to infoboxes [] The background doesn't apply to images inside a div e.g. team jerseys in infobox on https://en.wikipedia.org/wiki/Gibraltar_national_football_team - only apply it to figure elementss that are direct descendants of the parser output. [] The solution should apply to mobile HTML [] The solution should apply to Parsoid HTML e.g. when appending ?useparsoid=1 to URL [] The solution should apply to mobile Parsoid HTML e.g. when appending ?useparsoid=1 to URL [] The background should apply to the file page image. [] Use @screen for both the night and os themes. == Communication criteria - does this need an announcement or discussion? N/A. == Rollback plan N/A. //This task was created by Version 1.0.0 of the [[ https://mediawiki.org/w/index.php?title=Reading/Web/Request_process | Web team task template ]] using [[ https://phabulous.toolforge.org/ | phabulous ]] //