আপনি একটি beautifully branded presentation তৈরি করেছেন — Sage Green theme, professional charts, stunning photos, branded icons, SmartArt diagrams, infographics। আপনার sighted audience-এর কাছে এটি দেখতে অসাধারণ। কিন্তু আপনার audience-এর মধ্যে যারা screen reader ব্যবহার করে — তাদের কাছে আপনার সুন্দর images শুধু "Image" বা "Picture 5" হিসেবে announce হচ্ছে। তারা জানে না image-এ কী আছে, chart কী data দেখাচ্ছে, diagram কী process বর্ণনা করছে। আপনার presentation-এর ৩০-৫০% content তাদের কাছে invisible!
Alt Text (Alternative Text) হলো এই সমস্যার সমাধান — images ও graphics-এর text-based description যা screen readers জোরে পড়ে শোনায়। সঠিক alt text দিলে blind ও low-vision users আপনার সব visual content বুঝতে পারবে — ঠিক যেমন sighted users দেখে বোঝে। কিন্তু alt text শুধু "লেখা দেওয়া" নয় — কী লিখবেন, কতটুকু লিখবেন, কোন element-এ লিখবেন, কোনটা decorative mark করবেন, chart-এর data কীভাবে describe করবেন, branded elements কীভাবে handle করবেন — সবকিছুর specific rules আছে।
এই article-এ আমরা সম্পূর্ণ বিস্তারিতভাবে শিখব:
Alt Text (Alternative Text) হলো একটি hidden text attribute যা images, shapes, charts, SmartArt, icons — যেকোনো non-text visual element-এ attached থাকে। এটি slide-এ visually দেখা যায় না — কিন্তু assistive technologies (screen readers) এটি জোরে পড়ে শোনায় visually impaired users-কে।
| Scenario | Screen Reader কী বলে | User Experience |
|---|---|---|
| 🎯 Alt Text আছে (Good) | "Image: Bar chart showing Q1-Q4 revenue with 15% growth trend" | ✅ User image-এর content ও purpose সম্পূর্ণ বোঝে |
| ❌ Alt Text নেই | "Image" বা "Picture 5" বা file name "IMG_20260615_142035.jpg" | ❌ User জানে না image-এ কী আছে — content lost |
| ❌ Poor Alt Text | "Image: Chart" বা "Image: Photo" | ❌ User জানে chart/photo আছে, কিন্তু কী data/content — জানে না |
| 🎯 Marked Decorative | (Screen reader সম্পূর্ণ skip করে — কিছু বলে না) | ✅ Correct — decorative element-এ unnecessary description শুনতে হয় না |
| ❌ Decorative-তে Alt Text দেওয়া | "Image: Green decorative line" / "Image: Abstract pattern" | ❌ Unnecessary noise — user-এর time waste; content flow break |
| Aspect | Details |
|---|---|
| Storage | PowerPoint file-এর XML structure-এ — object-এর metadata হিসেবে |
| Character Limit | PowerPoint-এ technically no hard limit, কিন্তু best practice: ~125 characters (1-2 sentences) |
| Export | PDF export-এ alt text carry হয় (যদি "Document structure tags" ☑️ ON) |
| Copy/Paste | Object copy করলে alt text সাথে copy হয় |
| Slide Master | Master-এ placed objects-এর alt text সব slides-এ inherit হয় |
| User Group | কীভাবে Benefit পায় | Prevalence |
|---|---|---|
| 🎯 Blind Users (Screen Reader) | Alt text শুনে image content সম্পূর্ণ বুঝতে পারে | ~৩৬ মিলিয়ন globally blind |
| 🎯 Low Vision Users | Screen magnifier + screen reader combo ব্যবহার করে — alt text supplementary info দেয় | ~২.২ বিলিয়ন vision impairment (WHO) |
| Cognitive Disabilities | Text description complex visuals বুঝতে সাহায্য করে | Varies widely |
| Slow Internet / Image Loading Failed | Image load না হলে alt text placeholder হিসেবে দেখায় (web context) | Situational — developing regions, poor connectivity |
| Search ও Indexing | Alt text-এর keywords internal search-এ findability বাড়ায় | সব users — organizational benefit |
| Future Reference | Presentation revisit করলে alt text image context remind করে | সব users — self-benefit |
| Standard / Law | Region | Alt Text Requirement |
|---|---|---|
| Section 508 | USA (Federal) | সব non-text content-এ text alternative mandatory |
| WCAG 2.1 (Success Criterion 1.1.1) | International | "All non-text content has a text alternative" — Level A (minimum) |
| EU Web Accessibility Directive | European Union | Public sector documents-এ WCAG 2.1 AA compliance required |
| ADA (Americans with Disabilities Act) | USA | Digital content accessibility — legal liability risk |
| RPD Act 2016 | India | Rights of Persons with Disabilities — digital accessibility included |
প্রতিটি visual element-এ আপনাকে একটি decision নিতে হবে: এটি informational (alt text দরকার) নাকি decorative (mark as decorative)?
| Question | Answer = Yes | Answer = No |
|---|---|---|
| 🎯 "এটি সরিয়ে দিলে কি কোনো information হারাবে?" | ✅ Alt Text দিন — এটি informational | 🎯 Mark as Decorative — এটি purely visual |
| "এটি কি data, fact, বা message convey করছে?" | ✅ Alt Text দিন — data/message describe করুন | Mark as Decorative |
| "Adjacent text কি already এই information দিচ্ছে?" | ⚠️ Mark as Decorative (duplicate info avoid) বা brief alt text | ✅ Alt Text দিন — unique information |
| Element | Decision | Reason |
|---|---|---|
| 📊 Charts ও Graphs | 🎯 Alt Text — MUST | Data ও trends convey করে — critical information |
| 📷 Informational Photos | 🎯 Alt Text — MUST | Content-relevant visual information |
| 📐 SmartArt / Diagrams | 🎯 Alt Text — MUST | Process, hierarchy, relationship information |
| 📸 Screenshots | 🎯 Alt Text — MUST | UI information, instructions |
| 🏷️ Company Logo (Title/Closing Slide) | 🎯 Alt Text | "Acme Corporation logo" — brand identity information |
| 🏷️ Company Logo (Content Slides — Slide Master) | ⚠️ Alt Text (brief) বা Decorative | প্রতিটি slide-এ repeated — "Acme Corporation logo" একবার যথেষ্ট; বা decorative mark |
| ✅ ❌ ⚠️ Status Icons (with text) | Decorative (যদি adjacent text status বলে) | Text already "Completed" বলছে — icon redundant |
| ✅ ❌ ⚠️ Status Icons (without text) | 🎯 Alt Text — MUST | Icon-ই একমাত্র information source — "Task completed" alt text দিন |
| 🎨 Brand Bar (colored rectangle) | Decorative | Purely visual branding element — no information |
| 🔲 Decorative Shapes / Lines / Borders | Decorative | Visual enhancement only — no content |
| 🖼️ Background Images / Patterns | Decorative | Aesthetic only — no information conveyed |
| 📷 Decorative Stock Photos (mood/atmosphere) | Decorative | Generic stock photo for visual appeal — no specific information |
| 📷 Specific/Relevant Photos | 🎯 Alt Text | Photo of specific product, person, location — informational |
| 🔢 Infographics | 🎯 Alt Text — MUST (detailed) | Complex data visualization — extensive description needed |
| 💧 Watermark Logo | Decorative | Background branding — no unique information |
| # | Rule | Details | Example |
|---|---|---|---|
| 1 | 🎯 Be Specific ও Concise | 1-2 sentences; ~125 characters ideal; key information focus | ✅ "Pie chart: Sales by region — North 40%, South 25%, East 20%, West 15%" |
| 2 | 🎯 Describe Content, Not Appearance | কী দেখা যাচ্ছে describe করুন — "কেমন দেখতে" নয় | ✅ "Team of 5 engineers discussing product design" ❌ "Colorful photo of people in a room" |
| 3 | Don't Start with "Image of..." / "Picture of..." | Screen reader already "Image:" prefix বলে — repetitive হয় | ✅ "Company headquarters building in Kolkata" ❌ "Image of company headquarters building" |
| 4 | 🎯 Include Purpose/Context | শুধু "কী আছে" নয় — "কেন আছে" (presentation context-এ) | ✅ "Revenue growth chart showing 15% increase, supporting Q4 success narrative" |
| 5 | 🎯 Include Key Data (Charts/Graphs) | Charts-এ actual data values, trends, key takeaways describe করুন | ✅ "Line chart: Monthly revenue Jan-Dec 2025, rising from $1.2M to $3.8M with consistent upward trend" |
| 6 | Don't Repeat Adjacent Text | Slide-এ text already information দিলে alt text-এ repeat করবেন না | যদি slide text "Q4 Revenue: $3.8M" বলে → chart alt text-এ focus on trend/comparison |
| 7 | Describe Functional Purpose | যদি image কোনো action/link trigger করে → action describe করুন | ✅ "Button: Click to open quarterly report PDF" |
| 8 | Use Plain Language | Simple, clear language — jargon ও complex sentences avoid | ✅ "Sales went up 15%" ❌ "Incremental revenue trajectory demonstrates positive fiscal momentum" |
| 9 | Don't Include "Important" / "Note" / "Please see" | Objective description দিন — editorial/instructional comments নয় | ✅ "Organization chart with CEO at top, 4 VPs below" ❌ "Important diagram — please look carefully" |
| 10 | Don't Describe Color (Unless Meaningful) | Color mention করবেন শুধু যদি color-ই information (e.g., color-coded map) | ✅ "Map: Green regions profitable, red regions loss-making" (color IS the data) |
| 11 | 🎯 Long Descriptions for Complex Visuals | Complex infographics/diagrams-এ longer description OK (2-4 sentences) | Complex process diagram → describe all steps briefly |
| 12 | Write in Presentation Language | Alt text presentation-এর language-এ লিখুন (Bangla presentation → Bangla alt text) | English presentation → English alt text; Mixed → match surrounding content |
| Element Type | Ideal Length | Max Length | Reason |
|---|---|---|---|
| Simple Image (photo, icon) | 1 sentence (~50-80 chars) | ~125 characters | Quick, clear identification |
| Chart / Graph | 1-2 sentences (~80-150 chars) | ~200 characters | Data + trend + key takeaway |
| SmartArt / Diagram | 2-3 sentences (~100-200 chars) | ~250 characters | Process/hierarchy structure describe |
| Complex Infographic | 3-5 sentences (~150-350 chars) | ~500 characters | Multiple data points; consider supplementary slide/notes |
| Logo | 2-5 words | ~50 characters | Company name + "logo" |
| Decorative | None — Mark Decorative | 0 | Screen reader skip করবে |
| Step | Action | Details |
|---|---|---|
| 1 | Object select | Image, shape, chart, SmartArt, icon — যেকোনো visual element-এ click |
| 2 | Right-click | Selected object-এ right-click → context menu |
| 3 | "Edit Alt Text..." / "View Alt Text" | Context menu-তে "Edit Alt Text..." click (PPT 365: "View Alt Text") |
| 4 | Alt Text panel open | ডানদিকে Alt Text panel open হবে — text box + "Mark as decorative" checkbox |
| 5a | 🎯 Alt Text লিখুন | Text box-এ descriptive alt text type করুন (Golden Rules follow করে) |
| 5b | বা Mark Decorative | যদি decorative element → ☑️ "Mark as decorative" check করুন |
| Step | Action |
|---|---|
| 1 | Object select → right-click → "Format Picture" (বা "Format Shape") |
| 2 | Format pane-এ "Size & Properties" icon click (📐) |
| 3 | "Alt Text" section expand করুন |
| 4 | "Description" field-এ alt text type করুন |
| Step | Action |
|---|---|
| 1 | Review → "Check Accessibility" |
| 2 | Accessibility panel-এ "Missing Alt Text" errors expand |
| 3 | প্রতিটি issue click → PowerPoint সেই element highlight করবে |
| 4 | Dropdown → "Add a description" বা "Mark as decorative" |
| 5 | Alt text type করুন → next issue → repeat |
| Step | Action | ⚠️ Important |
|---|---|---|
| 1 | Object right-click → "Edit Alt Text" | — |
| 2 | Alt Text panel-এ "Generate a description for me" click | — |
| 3 | AI automatically description generate করবে | ⚠️ সবসময় review ও edit করুন! |
| 4 | Generated text review করুন — accurate? Complete? Context-appropriate? | ⚠️ AI charts-এর data, branded elements-এর context, ও specific details miss করতে পারে |
| 5 | Edit/enhance → Save | AI-generated = starting point, not final text |
| Photo Type | Alt Text? | কী লিখবেন | Example |
|---|---|---|---|
| 🎯 Product Photo | ✅ Alt Text | Product name, key features, relevant details | "Acme Smart Watch X5 — silver metallic body with round display showing health dashboard" |
| 🎯 Team / People Photo | ✅ Alt Text | Who (if named), activity, context | "Marketing team of 6 members brainstorming around whiteboard in conference room" |
| 🎯 Named Person / Speaker | ✅ Alt Text | Person's name, title/role | "Priya Sharma, Chief Technology Officer, presenting at annual summit" |
| 🎯 Location / Building | ✅ Alt Text | Location name, significance | "Acme Corporation Kolkata headquarters — 12-story glass building on Salt Lake Sector V" |
| 🎯 Event Photo | ✅ Alt Text | Event name, activity, key details | "Annual Town Hall 2026 — CEO addressing 500+ employees in main auditorium" |
| Before/After Comparison | ✅ Alt Text | Both states describe — what changed | "Before: cluttered office workspace. After: organized workspace with standing desks and plants" |
| Generic Stock Photo (mood) | Decorative | Mark as Decorative — no specific info | Generic "business people shaking hands" stock photo → Decorative |
| Background / Fullbleed Photo | Decorative (usually) | Mark as Decorative — atmospheric/aesthetic purpose | Abstract city skyline background → Decorative |
Charts হলো সবচেয়ে information-dense visual elements — data, trends, comparisons, relationships সব encode করা থাকে। Chart-এর alt text সবচেয়ে critical এবং সবচেয়ে challenging — কারণ আপনাকে visual data-কে meaningful text-এ convert করতে হবে।
| Component | কী Include করবেন | Example |
|---|---|---|
| 1. Chart Type | Bar chart, Pie chart, Line chart, etc. | "Bar chart..." |
| 2. What It Shows | Subject/topic of the data | "...showing quarterly revenue..." |
| 3. Key Data Points | Important values, highest/lowest, totals | "...Q1: $2M, Q2: $2.5M, Q3: $3M, Q4: $3.8M..." |
| 4. Trend / Key Takeaway | Overall pattern, main message | "...showing consistent 15% quarterly growth" |
| Chart Type | ✅ Good Alt Text Example |
|---|---|
| 🎯 Bar/Column Chart | "Bar chart comparing department budgets: Engineering $5.2M (highest), Marketing $3.8M, Sales $3.1M, HR $1.5M (lowest). Engineering receives 38% of total budget." |
| 🎯 Pie Chart | "Pie chart showing market share: Acme 42% (largest), Competitor A 28%, Competitor B 18%, Others 12%. Acme leads with nearly half the market." |
| 🎯 Line Chart | "Line chart tracking monthly active users Jan-Dec 2025. Started at 50K in January, steady growth with peak at 120K in November, slight dip to 115K in December. Overall 130% annual growth." |
| Stacked Bar | "Stacked bar chart showing revenue sources by quarter. Product revenue dominates (60-70%), services growing from 15% to 25% over the year, licensing stable at 10-15%." |
| Scatter Plot | "Scatter plot correlating customer satisfaction (x-axis, 1-10) with retention rate (y-axis, 0-100%). Strong positive correlation — satisfaction above 7 shows 85%+ retention." |
| Combo Chart | "Combo chart: Bars show monthly revenue ($1.5M-$3.8M range), line shows profit margin (15%-22% range). Revenue and margin both trending upward with Q4 peaks." |
| Situation | Solution |
|---|---|
| Chart has ৫+ data series with many data points | Alt text-এ summary/trend দিন + Speaker Notes-এ full data table provide করুন |
| Chart data is critical for decision-making | Alt text + supplementary slide with data table (accessible table format) |
| Complex dashboard with multiple charts | প্রতিটি chart-এ individual alt text + overall summary in slide text |
| SmartArt Type | কী Describe করবেন | ✅ Alt Text Example |
|---|---|---|
| 🎯 Process (Linear) | Steps sequence — start to finish | "5-step process flow: 1. Requirements gathering, 2. Design, 3. Development, 4. Testing, 5. Deployment. Each step feeds into the next." |
| 🎯 Hierarchy (Org Chart) | Top-down structure — levels ও relationships | "Organization chart: CEO at top, 3 VPs (Engineering, Marketing, Operations) reporting to CEO, 2-3 Directors under each VP." |
| Cycle | Circular/repeating process | "Continuous cycle diagram with 4 phases: Plan → Execute → Review → Improve → back to Plan. Represents agile sprint methodology." |
| Relationship (Venn) | Overlaps ও connections | "Venn diagram showing overlap between 3 areas: Technology, Business, and Design. Center overlap labeled 'Product Management' — intersection of all three." |
| Matrix | Categories ও quadrants | "2x2 matrix: High Impact/Low Effort (top-left, 'Quick Wins'), High Impact/High Effort (top-right, 'Major Projects'), Low Impact/Low Effort (bottom-left, 'Fill-ins'), Low Impact/High Effort (bottom-right, 'Avoid')." |
| Pyramid | Levels — bottom to top | "Pyramid with 4 levels from bottom: Data (foundation), Information, Knowledge, Wisdom (top). Each level builds on the one below." |
| List / Grouped | Categories ও items | "Grouped list showing 3 project phases with deliverables: Phase 1 (Requirements Doc, Wireframes), Phase 2 (Prototype, Test Cases), Phase 3 (Final Product, Documentation)." |
| Flowchart (Custom) | Decision paths ও outcomes | "Decision flowchart: Start → 'Is budget approved?' If Yes → Proceed to development. If No → Revise proposal → Re-submit → back to approval check." |
| Component | কী Include করবেন |
|---|---|
| 1. Diagram Type | "Process flow...", "Organization chart...", "Cycle diagram...", "Venn diagram..." |
| 2. Number of Elements | "...with 5 steps...", "...showing 4 departments...", "...3 overlapping circles..." |
| 3. Elements Listed | প্রতিটি step/level/item name — sequence order-এ |
| 4. Relationships/Flow | "Each step leads to next...", "Reports to...", "Overlapping area represents..." |
| 5. Key Message (Optional) | Diagram-এর main takeaway — কী বোঝাতে চাইছে |
| Icon Usage | Adjacent Text? | Decision | Alt Text |
|---|---|---|---|
| 🎯 Icon conveying status (✅ ❌ ⚠️) | ❌ No text — icon alone | 🎯 Alt Text — MUST | "Task completed" / "Error — action required" / "Warning — review needed" |
| Icon conveying status (✅ ❌ ⚠️) | ✅ Yes — "Completed" text beside | Mark Decorative | Text already says "Completed" — icon redundant |
| Icon as bullet point replacement | ✅ Yes — text follows | Mark Decorative | Icon is bullet visual — text carries info |
| Icon representing category (🏠 📧 📞) | ❌ No label | 🎯 Alt Text | "Home address" / "Email" / "Phone number" |
| Icon representing category | ✅ "Email: info@acme.com" label | Mark Decorative | Label provides context — icon decorative |
| Purely decorative icons (accent) | N/A | Mark Decorative | Visual accent only — no information |
| Interactive icon (clickable) | — | 🎯 Alt Text — MUST | Describe action: "Click to play video" / "Link to download report" |
| Brand Element | Where | Alt Text? | What to Write |
|---|---|---|---|
| 🎯 Company Logo (Title Slide) | Title slide — prominent | 🎯 Alt Text | "Acme Corporation logo" — brand identity important on first slide |
| Company Logo (Slide Master — all slides) | Content slides — small corner | Alt Text (brief) | "Acme Corporation logo" — Master-এ একবার set; প্রতিটি slide-এ repeat হবে। ⚠️ কিছু experts Decorative recommend করে (repeated noise avoid) — organizational policy follow করুন |
| Company Logo (Closing Slide) | Closing — large center | 🎯 Alt Text | "Acme Corporation logo" — closing brand impression |
| Partner/Client Logo | Co-branding slides | 🎯 Alt Text | "[Partner Company Name] logo" — identifies the partner |
| 🎨 Brand Bar (colored rectangle) | Header/footer — Slide Master | Mark Decorative | Purely visual branding — no information content |
| 🎨 Decorative Lines / Accent Lines | Various — Slide Master | Mark Decorative | Visual enhancement — no information |
| 🎨 Background Shapes / Patterns | Background — Slide Master | Mark Decorative | Aesthetic only — no content |
| 💧 Watermark Logo | Background — faded | Mark Decorative | Subtle branding — no unique information (logo already elsewhere) |
| 📐 Decorative Corner Elements | Slide corners — visual frame | Mark Decorative | Visual framing — no information |
| 🔢 Slide Number Shapes | Footer area | Mark Decorative | PowerPoint handles slide numbers via built-in feature — shape decorative |
| Screenshot Type | কী Describe করবেন | Example |
|---|---|---|
| UI/Software Screenshot | Application name, which screen/dialog, key information visible | "PowerPoint Accessibility Checker panel showing 3 errors: 2 missing alt text, 1 missing slide title" |
| Tutorial/Instructional Screenshot | What step it shows, where to click/look, relevant UI elements | "PowerPoint Review tab with 'Check Accessibility' button highlighted in the ribbon" |
| Error/Alert Screenshot | Error message text, dialog details | "Windows error dialog: 'File not found — the specified path does not exist' with OK button" |
| Dashboard Screenshot | Dashboard name, key metrics visible, notable values | "Sales dashboard showing total revenue $12.5M, active deals 47, win rate 68%, pipeline $25M" |
| Approach | When to Use | How |
|---|---|---|
| 🎯 Comprehensive Alt Text | Infographic has ৩-৫ key data points | Alt text-এ সব key data ও main message summarize করুন (3-5 sentences) |
| 🎯 Alt Text + Speaker Notes | Infographic complex — ৫+ data points | Alt text-এ summary + Speaker Notes-এ detailed data |
| Alt Text + Supplementary Slide | Very complex — dashboard-style infographic | Alt text-এ overview + next slide-এ data table (accessible table format) |
| Scenario | Alt Text Approach |
|---|---|
| Group = Single Concept (e.g., custom diagram from shapes) | 🎯 Group-এ alt text দিন (entire concept describe); individual shapes → Decorative বা ignore |
| Group = Multiple Independent Items | ⚠️ Ungroup করুন → প্রতিটি item-এ individual alt text |
| Group = Decorative Collection (e.g., background design) | Group-এ Mark Decorative |
| Check | Question | Pass Criteria |
|---|---|---|
| Presence | Alt text আছে বা Decorative marked? | ✅ প্রতিটি visual element-এ কোনো না কোনো — blank ❌ নেই |
| Specificity | Alt text specific ও informative? | ✅ "Bar chart showing Q4 revenue $3.8M" ❌ "Chart" / "Image" |
| Conciseness | Too long নয়? | ✅ 1-2 sentences for simple; 3-5 for complex; not a full paragraph |
| No Redundancy | Adjacent text-এর সাথে duplicate নয়? | ✅ Adds information not already in slide text |
| No "Image of..." | "Image of" / "Picture of" দিয়ে শুরু হয়নি? | ✅ Directly describes content — no prefix |
| Data Included (Charts) | Charts-এ actual data/trends আছে? | ✅ Key numbers, comparisons, trends mentioned |
| Decorative Correct | সঠিকভাবে Decorative marked? | ✅ Informational items-এ Decorative mark নেই; decorative items-এ alt text নেই |
| Language Match | Presentation language-এ লেখা? | ✅ English presentation → English alt text |
| Step | Action | Tool |
|---|---|---|
| 1 | Accessibility Checker run — "Missing Alt Text" errors = 0? | Review → Check Accessibility |
| 2 | Slide-by-slide review — প্রতিটি visual element click → alt text panel check | Right-click → Edit Alt Text |
| 3 | Quality check — alt text specific, concise, data-inclusive? | Manual review (Quality Checklist above) |
| 4 | Decorative review — decorative items correctly marked? Informational items NOT marked decorative? | Manual review |
| 5 | Screen reader test — Narrator ON → Tab through slides → alt text শুনুন | Narrator (Win+Ctrl+Enter) |
| 6 | Peer review — অন্য কেউ alt text পড়ে images না দেখে বুঝতে পারে? | "Phone test" — কাউকে phone-এ alt text পড়ে শোনান |
| Rule # | Rule | Details |
|---|---|---|
| AT1 | Every Visual = Alt Text or Decorative: কোনো visual element blank ❌ রাখবেন না | প্রতিটি image, chart, SmartArt, icon, shape — alt text বা decorative mark |
| AT2 | Informational → Alt Text: Information convey করলে meaningful alt text দিন | Charts, informational photos, diagrams, screenshots, functional icons |
| AT3 | Decorative → Mark Decorative: শুধু visual enhancement হলে decorative mark করুন | Brand bars, accent lines, background shapes, stock photos, watermarks |
| AT4 | Specific ও Concise: 1-2 sentences; ~125 chars; key information focus | Specific description — not "Chart" or "Photo"; include data for charts |
| AT5 | No "Image of..." Prefix: "Image of" / "Picture of" দিয়ে শুরু করবেন না | Screen reader already "Image:" prefix বলে — direct description দিন |
| AT6 | Chart Alt Text = Type + Data + Trend: Charts-এ actual data ও key takeaway include | "Bar chart showing Q1-Q4 revenue: Q1 $2M to Q4 $3.8M, 15% quarterly growth" |
| AT7 | SmartArt = Structure + Steps + Flow: Diagram type, elements, relationships describe | "5-step process: Requirements → Design → Development → Testing → Deployment" |
| AT8 | Icons: Function, Not Appearance: Icon-এর meaning describe — appearance নয় | ✅ "Task completed" ❌ "Green checkmark icon" |
| AT9 | Logo = Company Name + "logo": Simple, brief identification | "Acme Corporation logo" — Master-এ set; সব slides covered |
| AT10 | No Redundancy: Adjacent text-এ already present information repeat করবেন না | Slide text "Revenue: $3.8M" → chart alt text focus on trend, not repeat value |
| AT11 | Context/Purpose Include: "কী আছে" + "কেন আছে" describe করুন | "Team photo demonstrating collaborative culture" — not just "group of people" |
| AT12 | Complex Visuals = Alt Text + Supplementary: Complex infographics-এ alt text + Speaker Notes বা data slide | Summary in alt text; detail in notes/supplementary slide |
| AT13 | Grouped Objects = Group-Level Alt Text: Group-এ overall alt text দিন | Custom diagrams from shapes → group-এ comprehensive description |
| AT14 | Slide Master Alt Text: Master-এ brand elements-এ alt text/decorative set করুন | Logo = alt text; Brand bar = decorative — সব slides auto-apply |
| AT15 | AI-Generated Alt Text Review: Auto-generated text সবসময় review ও edit করুন | AI accuracy ~70-80% — context, data, branded elements miss করে |
| AT16 | Plain Language: Simple, clear words; jargon avoid; audience-appropriate | ✅ "Sales up 15%" ❌ "Positive fiscal trajectory demonstrating incremental growth" |
| AT17 | Presentation Language: Alt text presentation-এর language-এ লিখুন | English presentation → English alt text; Bangla → Bangla |
| AT18 | Quality Audit: "Phone Test" + Screen Reader Test + Peer Review | Alt text পড়ে image বোঝা যায়? Accessibility Checker 0 errors? |
| # | Best Practice | কেন? |
|---|---|---|
| 1 | প্রতিটি visual element-এ alt text বা decorative mark দিন — কিছু blank রাখবেন না | Blank = screen reader confusing "Image" announce করে — worst experience |
| 2 | Alt text specific ও concise রাখুন (1-2 sentences, ~125 chars) | Too long = listener fatigue; too short = insufficient info; balance essential |
| 3 | Charts-এ actual data values ও trends include করুন | Chart = data visualization; alt text without data = empty description |
| 4 | Decorative elements (brand bars, accent lines, stock photos) Mark Decorative করুন | Unnecessary alt text = noise; screen reader skip করবে = cleaner experience |
| 5 | Slide Master-এ brand elements-এর alt text/decorative একবার set করুন | Master-এ set = সব slides auto-apply — per-slide effort zero |
| 6 | "Image of..." / "Picture of..." দিয়ে শুরু করবেন না | Screen reader already "Image:" বলে — repetitive ও unnecessary |
| 7 | Content ও purpose describe করুন — appearance নয় | User জানতে চায় "কী information আছে" — not "কেমন দেখতে" |
| 8 | Adjacent text-এর সাথে duplicate avoid করুন | Redundant info = screen reader user-এর time waste; unique info focus |
| 9 | Icons-এ function describe করুন (text companion না থাকলে) | ✅ "Completed" ❌ "Green circle with checkmark" — meaning > appearance |
| 10 | Complex visuals-এ alt text + Speaker Notes/supplementary slide ব্যবহার করুন | Complex infographics-এর সব data alt text-এ fit হয় না — supplementary support |
| 11 | AI-generated alt text সবসময় manually review ও edit করুন | AI ~70-80% accurate; context, data accuracy, branded elements miss করে |
| 12 | "Phone Test" করুন — alt text পড়ে image বোঝা যায়? | Best quality check — real-world equivalent of screen reader experience |
| 13 | Accessibility Checker "always running" ON রাখুন | Real-time missing alt text detection — fix immediately, not at the end |
| 14 | Alt text presentation-এর language-এ লিখুন | Screen reader user presentation language-এ content expect করে |
| # | ভুল | কী হয় | সমাধান |
|---|---|---|---|
| 1 | Alt text একদম না দেওয়া (blank) | Screen reader "Image" / "Picture 5" / filename বলে — meaningless | প্রতিটি element-এ alt text বা decorative mark — ০ blank |
| 2 | Generic alt text: "Chart", "Photo", "Diagram" | User জানে chart আছে কিন্তু কী data — জানে না; almost useless | Specific: "Bar chart showing Q4 revenue $3.8M, 15% growth" |
| 3 | "Image of..." / "Picture of..." prefix | Screen reader "Image: Image of team photo" বলে — redundant | Direct description: "Product team discussing design in meeting room" |
| 4 | Chart-এ data values না দেওয়া | "Bar chart" — কোন data? কত? কী trend? Blind user data access করতে পারে না | Key numbers + trend: "Revenue Q1 $2M to Q4 $3.8M, consistent growth" |
| 5 | Decorative elements-এ alt text দেওয়া | Screen reader "Image: green decorative line" বলে প্রতিটি slide-এ — noise! | ☑️ "Mark as decorative" — screen reader skip করবে |
| 6 | Informational elements-কে Decorative mark করা | Chart/diagram-এর information permanently lost for blind users | Informational = Alt Text; Decorative = only purely visual elements |
| 7 | Alt text-এ appearance describe করা (content নয়) | "Colorful bar graph with blue and green bars" — কী data? Unknown | Content + data focus: "Revenue by department: Engineering $5.2M, Marketing $3.8M" |
| 8 | Adjacent text duplicate করা | Screen reader same information দুবার পড়ে — confusing ও time waste | Complementary info দিন — slide text-এ নেই এমন details |
| 9 | Very long alt text (paragraph-length) | Screen reader user listen করতে করতে ক্লান্ত — skip করতে চায় | Concise: 1-2 sentences standard; complex-এ 3-5 max + supplementary |
| 10 | AI-generated alt text review না করে accept করা | AI inaccurate data, wrong context, generic description দিতে পারে | AI = starting point; always review, edit, enhance manually |
| 11 | Slide Master-এ brand elements-এর alt text না দেওয়া | সব slides-এ logo "Image" announce হয় — প্রতিটি slide-এ noise | Master-এ একবার set: logo = alt text; brand bar = decorative |
| 12 | Grouped objects-এ individual shapes-এ alt text দেওয়া (group-এ নয়) | Screen reader individual shapes separately পড়ে — fragmented, confusing | Group-level alt text — entire concept একবারে describe |
| সুবিধা | ব্যাখ্যা |
|---|---|
| ♿ Full Content Access | Blind ও low-vision users আপনার সব visual content বুঝতে পারবে — কিছু miss হবে না |
| ⚖️ Legal Compliance | WCAG 1.1.1, Section 508, EU Directive — mandatory requirement meet |
| 🔍 Better Searchability | Alt text keywords internal search-এ findability বাড়ায় — specific slides খুঁজে পাওয়া সহজ |
| 📄 Accessible PDF Export | PDF export-এ alt text carry হয় — shared documents-ও accessible |
| 🧠 Better Understanding | Alt text লেখার process আপনাকে visual content-এর purpose clarify করতে বাধ্য করে — better presentations |
| 🏢 Professional Standard | Proper alt text = accessibility maturity ও professionalism demonstrate |
| 🔄 Future-Proof | Accessibility requirements increasingly mandatory — আজ শিখলে ভবিষ্যতে ready |
| 🌍 Inclusive Design | সবার জন্য usable content — disability নির্বিশেষে equal access |
| ✔️ | Task | Status |
|---|---|---|
| 1 | Accessibility Checker run — "Missing Alt Text" errors = 0? | ☐ |
| 2 | সব informational images/charts/SmartArt-এ meaningful alt text আছে? | ☐ |
| 3 | সব decorative elements "Mark as decorative" করা হয়েছে? | ☐ |
| 4 | Charts-এ data values ও trends alt text-এ include? | ☐ |
| 5 | SmartArt/diagrams-এ structure ও steps described? | ☐ |
| 6 | Icons — text companion আছে? (হ্যাঁ → decorative; না → alt text) | ☐ |
| 7 | Slide Master-এ logo = alt text, brand bar = decorative set? | ☐ |
| 8 | Alt text "Image of..." prefix-মুক্ত? | ☐ |
| 9 | Alt text concise (1-2 sentences standard)? | ☐ |
| 10 | Adjacent text-এর সাথে duplicate নেই? | ☐ |
| 11 | Complex visuals-এ supplementary data (Speaker Notes/slide) আছে? | ☐ |
| 12 | AI-generated alt text manually reviewed ও edited? | ☐ |
| 13 | Grouped objects-এ group-level alt text দেওয়া হয়েছে? | ☐ |
| 14 | Alt text presentation language-এ লেখা? | ☐ |
| 15 | Screen reader test done — alt text correctly announce হচ্ছে? | ☐ |
| 16 | "Phone Test" done — alt text পড়ে image বোঝা যায়? | ☐ |
| 17 | Alt Text Rules (AT1-AT18) followed? | ☐ |
Branded Slides-এ Alt Text সঠিকভাবে ব্যবহার করা হলো আপনার presentation-কে truly inclusive করার সবচেয়ে impactful single action। একটি presentation-এ গড়ে ৩০-৫০% content visual — photos, charts, diagrams, icons, branded elements। Alt text ছাড়া blind users-এর কাছে এই অর্ধেক content invisible। সঠিক alt text দিলে তারা আপনার সম্পূর্ণ presentation বুঝতে পারবে।
এই article-এ আমরা শিখেছি: