Pertemuan 13

Cover

Melanjutkan pembelajaran tentang teknologi web dan pengembangan website.

Gallery

Accessibility Checklist

✅ Accessibility Checklist

☐ Images
All have alt text?

☐ Contrast
Text readable on background?

☐ Links
All links work & clear?

☐ Navigation
Easy to navigate?

☐ Responsive
Works on mobile?

☐ Semantic HTML
Using proper tags?

Performance Optimization

⚡ Performance Optimization

📸 Optimize Images
Compress images ke <50KB, gunakan format yang tepat (JPG/WebP)

🧹 Clean CSS
Remove unused styles, organize code neatly

🔗 Check Links
No broken links, all hrefs point to correct pages

✍️ Spellcheck
No typos, consistent capitalization, professional copy

Code Quality Review

🔍 Code Quality Review

                        
                          /* Good HTML practices */
                        
                        ✓ Indentation consistent
                        
                        ✓ Semantic tags (<header>, <nav>, <main>, <footer>)
                        
                        ✓ IDs & classes descriptive
                        
                        ✓ Alt text on all images
                        
                        ✓ No inline styles (use CSS)
                        
                        ✓ Mobile-friendly viewport meta tag

Remember: Clean code = easier to maintain & debug!

Peer Review & Feedback

👥 Peer Review & Feedback

Exchange websites dengan classmate

Open their site, test di browser, check semua links
Give constructive feedback

"Good: colors match well" | "Consider: add spacing between items"
Implement suggestions

Apply feedback dari classmates, fix any issues ditemukan
Final polishing touches

Review one more time, make sure everything perfect!