From 0875327ee5eaceedf248e71de7a1d438f2353cf3 Mon Sep 17 00:00:00 2001 From: "Chris Schultz [SSW]" <94873295+chrisschultzssw@users.noreply.github.com> Date: Mon, 29 Jan 2024 11:34:31 +1100 Subject: [PATCH] =?UTF-8?q?Update=20Rule=20=E2=80=9Cdo-you-use-text-rather?= =?UTF-8?q?-than-images-where-appropriate/rule=E2=80=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../rule.md | 27 +++++++++++++------ 1 file changed, 19 insertions(+), 8 deletions(-) diff --git a/rules/do-you-use-text-rather-than-images-where-appropriate/rule.md b/rules/do-you-use-text-rather-than-images-where-appropriate/rule.md index b0d6b5ffa49..6e5bfad984e 100644 --- a/rules/do-you-use-text-rather-than-images-where-appropriate/rule.md +++ b/rules/do-you-use-text-rather-than-images-where-appropriate/rule.md @@ -1,25 +1,36 @@ --- type: rule -archivedreason: title: Do you use text rather than images where appropriate? -guid: d1c7e65e-61de-44db-8f7d-e9f95f8d4e6c uri: do-you-use-text-rather-than-images-where-appropriate -created: 2015-10-13T00:08:16.0000000Z authors: [] related: [] redirects: [] - +created: 2015-10-13T00:08:16.000Z +archivedreason: null +guid: d1c7e65e-61de-44db-8f7d-e9f95f8d4e6c --- - Using text rather than images has multiple advantages: - * Downloads faster - a users patience extends to about 7 seconds. * Cheaper to update - a simple find and replace. * Discoverable by search engines - if people can't get to your site, what's the point of it being there? * Readable on an iPhone - Images will either be resized or require scrolling, which would create difficulties for readability. + +``` + +``` - - <img src="Images/Heading\_Welcome.gif">Figure: Bad Example - using image for text header<h1>Welcome to My Page</h1>Figure: Good Example - this text can be easily rendered by the browser and recognized by search engine + +::: bad +Bad Example - Using image for text header +::: + +``` +

Welcome to My Page

+``` + +::: good +Good Example - This text can be easily rendered by the browser and recognized by search engine +::: \ No newline at end of file