Aliens Wiki
Cinematic Knowledge Experience
0%
Aliens Wiki
Now Playing
Aliens Wiki · HIEN
⌨️ Keyboard Shortcuts
→Next slide ←Previous slide SpacePlay / Pause MNarration on/off FFullscreen ?Show/hide this
Press any key to close
Wiki Article · Cinematic

Disabled State

Disabled state ek UI/UX concept hai jisme koi interface element (button, input field, dropdown,…

Overview
🌟

Disabled State — Quick Facts

📌

Property: Detail

🎯

Full Name: Disabled State

⚡

Category: UI/UX, Interface Design,…

🔑

Also Known As: Greyed-out state, Inactive state,…

Topic 1
📥 📥 🧠 🔬 💡 🎯

Infobox

📚 | Property | Detail | |---|---| | Full Name | Disabled State | | Category | UI/UX,…
Topic 2
💡 📊 🔬

Aam Zindagi Me Samjho — Greyed-Out Elevator Button

💡

"Up" button = Enabled (bright,…

🔑

"7th Floor" button = Disabled…

⚡

Account balance: Rs 0

🎯

"Withdraw" button = Disabled…

Topic 3
✨

Disabled vs Other UI States

💡

Disabled: "Yeh option hai, lekin…

🔑

Hidden: "Yeh option tumhare liye…

⚡

Read-only: "Yeh data hai, dekho,…

Topic 4
⭐

When to Use Disabled State

💡

Jab user ko kabhi bhi woh action…

🔑

Jab feature irrelevant hai current…

Topic 5
📥 📥 🧠 🔬 💡 🎯

Mermaid Diagram — UI Element State Machine

🔑 `mermaid stateDiagram-v2 [] --> Enabled : Initial render\n(conditions met) [] -->…
Topic 6
✨

Visual Design Conventions

💡

Material Design (Google): 38%…

🔑

Fluent Design (Microsoft): Subtle…

⚡

Apple HIG: 30-40% opacity,…

Topic 7
📥 ⚙️ 🔬 💡

Accessibility (A11y) Considerations

💡

Screen reader users Tab karke us…

🔑

Unhe pata nahi chalta ke woh…

⚡

aria-disabled="true" use karo…

🎯

Element focusable rahega (Tab se…

Topic 8
✨

Best Practices

🚀 1. Hamesha explain karo kyun disabled hai — Tooltip ya inline text: "Please fill all…
Topic 9
📚

Anti-Patterns — Kya Nahi Karna Chahiye

📚 1. Bina explanation disable karna — User ko pata hi nahi kyun button grey hai =…
Topic 10
💡 📊 🔬

Platform Support

💡 | Platform/Framework | Disabled Implementation | Notes | |---|---|---| | HTML (Native) |…
Comparison
✨

Disabled vs Other UI States

⚖️

Enabled: Yes

⚖️

Disabled: Yes

⚖️

Read-only: Yes

Diagram
📥 ⚙️ 🔬 💡

Visual Flow

📊 Diagram visualization — details in narration
Related Topics

See Also

📖

User interface

🔗

User experience

💡

Accessibility

📚

Form

🔑

HTML

🌐

CSS

Quick Quiz
🧠 QUIZ TIME

Quiz — Question 1

Disabled State ka sabse sahi definition kya hai?

Quick Quiz
🧠 QUIZ TIME

Quiz — Question 2

Disabled State ka 'Full Name' kya hai?

Complete! 🎉
COMPLETE

Disabled State Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Disabled State Complete

➡️

User interface

1/18
0:00
REC 00:00ESC=Cancel
Aliens School
3
Recording shuru hone wali hai...
✅
Recording Complete
Video process ho rahi hai...
Live Class
Slide 1 / 7
Timer
00:00
📝 Speaker Notes
—
⏭️ Up Next
—
—
🗂️ All Slides