Yahoo! Accessibility

Posts Tagged ‘HTML’

Creating Accessible Image Links

Tuesday, July 26th, 2011

They say an image is worth a thousand words. This is especially true on the internet; where screen space is limited and an image can give users a quick summary of an article’s content, the appeal of a new product, or a summary of data. Images are also used to give fine control over typography and design.

Internet users also tend to click on images, as they are usually associated with links. Herein lies the problem. Images represent the link’s purpose visually, but how can you ensure the link is usable to non-visual users as well?

Continue reading Creating Accessible Image Links

Next generation web accessibility: Improvement of usability for disabled users

Monday, April 4th, 2011

This presentation was given at the CSUN 2011 conference. It provides best practices used at Yahoo! for increasing the usability of web pages for disabled users. The real world examples will explain in detail the advantages of WAI-ARIA and other techniques used to improve overall usability for everyone. Say goodbye to “Only accessible” and say hello to “Inclusive Design”!

Continue reading Next generation web accessibility: Improvement of usability for disabled users

Common Accessibility Mistakes

Monday, March 28th, 2011

Even the best-intentioned web developers can make simple accessibility mistakes. This presentation was put together for an internal Yahoo! conference for front-end engineers. It reminds web developers that there are still some basic problems on the web, let’s fix these today and avoid them in the future. The presentation was written by Thierry Koblentz and Ted Drake.

Continue reading Common Accessibility Mistakes

Five Layers of Accessibility

Wednesday, February 9th, 2011

Dirk Ginader gave this presentation on the 5 layers of accessibility at a Skills Matter event in London. Dirk pushes the traditional view of web development as three layers (HTML, CSS, JavaScript) by adding CSS for JavaScript enabled users and ARIA functionality. This presentation also uses the Yahoo! Finance Currency Converter as an example of progressive enhancement.

Continue reading Five Layers of Accessibility

Add language declarations for multilingual pages

Tuesday, January 4th, 2011

In an increasingly global Internet web sites must be built for a diverse audience of users who may speak one or more languages. This includes establishing the base language for the page and changing the language for foreign words within the content. In making your pages language-aware you not only please your users, particularly those using screen reading software, but also search engines.
Luckily adding language awareness to your pages is fairly easy to handle. The first thing is to add a language declaration to your site.

Continue reading Add language declarations for multilingual pages

Avoid “read more” Links in your WordPress Blog

Wednesday, November 24th, 2010

No Read More links
WordPress makes it easy to display a truncated version of each article on home and archive pages. Unfortunately, the default presentation will insert a simple link that says “(read more)”, which is not helpful to screen reader users who are faced with a list of repetitive links. It’s much better to insert the article’s title in the link text.

This article will show you how to easy to accomplish by slightly modifying the archive.php file in  your blog’s theme.


Continue reading Avoid “read more” Links in your WordPress Blog