Accessible Website Examples

Making your website accessible is a great way to increase your SEO. Adding descriptive text to images and transcripts for videos will give search engines a feed of information about your site. However, making your site accessible takes time and action. An accessible website example is a helpful guide for making these changes.

Image description

Alt text provides the text equivalent to visually or audibly recognizable elements on your webpage. You can add alt text for images and media content by adding it to the HTML alt tag. The text should be short and descriptive, and should offer a text equivalent for people who are unable to see the content.

The World Wildlife Fund website is a great accessible website example. It is easy to navigate and conveys its mission, partnerships, and educational content without overwhelming the page. It also adheres to the HTML accessibility guidelines. For example, the site has minimal animations or other visual effects, making it easy for people to navigate.

Another great accessible website example is CBS's site. The CBS website offers a keyboard focus, which makes it easier for people with limited attention to tab through web pages. However, the website does not indicate what element has keyboard focus, which is a violation of WCAG 2.4.7. Without this, keyboard users can't complete the tasks they need to do.

More people are using assistive technologies, and designers must make their websites and apps accessible to everyone. This will help ensure that every person with different abilities can use the site or app and benefit from it. It will also open your site to a wider audience, and will increase sales. Checking your designs against accessible design examples is important to make sure that they are usable by everyone.

Edit

Pub: 30 Aug 2022 07:45 UTC

Views: 82