Accessibility
For more information about accessibility please visit the Stanford Online Accessibility Program website. There you will find a number of resource materials outlining best practices, policies, development guidelines, and more. The site also provides tips, tricks, and tutorials geared towards the web designer/developer.
Title Attributes
For <a href> and <h2> Tags
Ideally the text inside an <a href> tag contains meaningful text that describes the content the link goes to. However, sometimes we link generic words like Details or More. In these cases, be sure to include the title attribute inside your <a href> with more exacting information.
Example: <a href="urlgoeshere" title="More details about Stanford Knowledgebase">Details</a>
The same principle applies to the H2 sidebar images:
Example: <h2 class="alumninews" title="alumni news"> </h2>
Image Alt Tags
- Images should be given meaningful <alt> tags.
- Identify the type of image by using photo, logo, or icon, etc., in the <alt> tag.
- Place the <alt> tag in [brackets] so that a text reader can distinguish it from the main text.
Example:
<img src="/images/example.gif" alt="[photo - Professor James Phills]" width="75" height="75" />
<img src="/images/icon-video.gif" alt="[icon - video]" />