This course focuses on two elements of web development: accessibility
and search engine optimization (SEO), demonstrating why they are
important and how they work. Author Morten Rand-Hendriksen also shows
how good coding practices and modern web standards can make a site
accessible and more visible to search engines and social networks.
Rapidgator.net
Topics include:
- Understanding the benefits of accessibility and SEO
- Evaluating screen readers for Windows and Mac
- Installing browser development tools
- Comparing sites that are SEO-friendly and SEO-unfriendly
- Defining a language for a page
- Creating better semantic markup with HTML5
- Marking up images and links properly
- Creating an accessible menu with an unordered list
Table of content
- Introduction
- Welcome
- Using the exercise files
- Web Accessibility and SEO: Two Sides of the Same Coin
- Accessibility and SEO: A primer
- Understanding the benefits of accessibility and SEO
- Why Web Accessibility Matters
- Experiencing an inaccessible web site
- Experiencing an accessible web site
- Accessibility Tools for Web Developers
- Evaluating screen readers for Windows and Mac
- Installing browser development tools
- Pretending to be a screen reader
- Understanding How a Search Engine Sees a Web Site
- Installing SEO tools
- Understanding how search engines search a page
- Comparing sites that are SEO-friendly with ones that are SEO-unfriendly
- Making Accessible and SEO-Friendly Text
- Defining a language for a page
- Defining meta headers for a page
- Creating better semantic markup with HTML5
- Using and hiding section headings
- Creating content hierarchies with heading tags
- Emphasizing content in paragraphs
- Making accessible block quotes
- Using some new HTML5 tags
- Using ordered and unordered lists
- Adding Accessibility and SEO Info to Links, Images, and Other Content
- Marking up links properly
- Marking up images
- Creating a proper image header with CSS
- Creating Accessible and Searchable Navigation
- Creating an accessible menu with an unordered list
- Creating and hiding nav headings and skip navigation links
- Giving navigation links proper focus with style
- Creating an accessible drop-down menu
- Scrapping drop-down menus for better options
- Goodbye
- Next steps
No comments:
Post a Comment