Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion categories/design/rules-to-better-websites-navigation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down

This file was deleted.

49 changes: 49 additions & 0 deletions public/uploads/rules/indicate-protected-links/rule.mdx
Original file line number Diff line number Diff line change
@@ -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.

<endIntro />

Examples:

<boxEmbed
body={<>
View the report

Open the client portal
</>}
figurePrefix="bad"
figure="Can't tell these are protected. Users will be surprised by a password prompt"
/>

<boxEmbed
body={<>
🔐 View the report - sign-in required

🔒 Open the client portal (password required)
</>}
figurePrefix="good"
figure="Clear indication these are protected"
/>
1 change: 0 additions & 1 deletion scripts/frontmatter-validator/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.