diff --git a/categories/design/rules-to-better-websites-navigation.mdx b/categories/design/rules-to-better-websites-navigation.mdx index 27adcaf2865..5611799ff67 100644 --- a/categories/design/rules-to-better-websites-navigation.mdx +++ b/categories/design/rules-to-better-websites-navigation.mdx @@ -34,7 +34,7 @@ index: - rule: public/uploads/rules/hyperlink-phone-numbers/rule.mdx - rule: public/uploads/rules/add-callable-link/rule.mdx - rule: public/uploads/rules/do-you-save-clicking-through/rule.mdx -- rule: public/uploads/rules/do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise/rule.mdx +- rule: public/uploads/rules/indicate-protected-links/rule.mdx - rule: public/uploads/rules/do-you-have-a-related-links-section/rule.mdx - rule: public/uploads/rules/do-you-avoid-email-harvesting-or-spamming-by-using-images/rule.mdx - rule: public/uploads/rules/do-you-avoid-linking-users-to-the-sign-in-page-directly/rule.mdx diff --git a/public/uploads/rules/do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise/rule.mdx b/public/uploads/rules/do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise/rule.mdx deleted file mode 100644 index 1166c80f6da..00000000000 --- a/public/uploads/rules/do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise/rule.mdx +++ /dev/null @@ -1,36 +0,0 @@ ---- -archivedreason: null -authors: [] -created: 2015-02-16 02:49:59+00:00 -createdBy: Rebecca Liu -createdByEmail: RebeccaLiu@ssw.com.au -guid: 4eed6761-8dd2-4747-af07-fbddd14afabe -isArchived: false -lastUpdated: 2015-02-19 01:25:03+00:00 -lastUpdatedBy: Rebecca Liu -lastUpdatedByEmail: RebeccaLiu@ssw.com.au -redirects: [] -related: -- rule: public/uploads/rules/use-icons-to-reinforce-meaning/rule.mdx -- rule: public/uploads/rules/use-icons-to-not-surprise-users/rule.mdx -seoDescription: Avoid password prompts by indicating a login requirement with a lock - icon, ensuring users are prepared for secure access. -title: Do you use an icon so a password prompt should never be a surprise? -categories: - - category: categories/design/rules-to-better-websites-navigation.mdx -type: rule -uri: do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise ---- - -Don't surprise users! Put a lock icon to indicate the link is a password protected page and login required. - - - - \ No newline at end of file diff --git a/public/uploads/rules/do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise/PasswordProtectedPagesNeedKey.gif b/public/uploads/rules/indicate-protected-links/PasswordProtectedPagesNeedKey.gif similarity index 100% rename from public/uploads/rules/do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise/PasswordProtectedPagesNeedKey.gif rename to public/uploads/rules/indicate-protected-links/PasswordProtectedPagesNeedKey.gif diff --git a/public/uploads/rules/indicate-protected-links/rule.mdx b/public/uploads/rules/indicate-protected-links/rule.mdx new file mode 100644 index 00000000000..f042c38b1e3 --- /dev/null +++ b/public/uploads/rules/indicate-protected-links/rule.mdx @@ -0,0 +1,49 @@ +--- +type: rule +title: Do you indicate when a link is password-protected? +uri: indicate-protected-links +categories: + - category: categories/design/rules-to-better-websites-navigation.mdx +authors: [] +related: + - rule: public/uploads/rules/use-icons-to-reinforce-meaning/rule.mdx + - rule: public/uploads/rules/use-icons-to-not-surprise-users/rule.mdx +redirects: + - do-you-use-an-icon-so-a-password-prompt-should-never-be-a-surprise +guid: 4eed6761-8dd2-4747-af07-fbddd14afabe +seoDescription: 'Avoid password prompts by indicating a login requirement with a lock icon, ensuring users are prepared for secure access.' +created: 2015-02-16T02:49:59.000Z +createdBy: Rebecca Liu +createdByEmail: RebeccaLiu@ssw.com.au +lastUpdated: 2026-08-05T01:36:54.339Z +lastUpdatedBy: Tiago Araujo +lastUpdatedByEmail: TiagoAraujo@ssw.com.au +isArchived: false +archivedreason: null +--- + +Don’t surprise users. Add a lock icon/emoji and supporting text, such as “Sign-in required” to clearly indicate that the link leads to a password-protected page. + + + +Examples: + + + View the report + + Open the client portal + } + figurePrefix="bad" + figure="Can't tell these are protected. Users will be surprised by a password prompt" +/> + + + 🔐 View the report - sign-in required + + 🔒 Open the client portal (password required) + } + figurePrefix="good" + figure="Clear indication these are protected" +/> diff --git a/scripts/frontmatter-validator/package-lock.json b/scripts/frontmatter-validator/package-lock.json index f4371e2b9da..34ae67685b6 100644 --- a/scripts/frontmatter-validator/package-lock.json +++ b/scripts/frontmatter-validator/package-lock.json @@ -16,7 +16,6 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz", "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==", "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1",